/* 640px - 767px 小屏手机版 */
.container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    /* overflow-x: hidden; */
}
.container1426 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

header {
    width: 100%;
    height: 70px;
    box-sizing: border-box;
    background: #000;
    /* padding-top: 40px; */
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

/* 页面主体内容，用于补偿 header 固定后占据的空间 */
body {
    padding-top: 70px;
    background: #f4f4f4;
}

header .container {
    height: 70px;
}

.logo {
    margin-left: 15px;
    width: 200px;
}
.logo img {
    display: block;
    width: 100%;
    object-fit: cover;
}

/* 仅小屏出现的菜单切换按钮 */
#menu-toggle {
    display: flex;
    padding: 15px;
    cursor: pointer;
}
#menu-toggle img {
    width: 23px;
    height: 17px;
}

/* 导航菜单样式 */
.nav {
    position: absolute;
    left: 0;
    top: 70px;
    width: 100%;
    height: calc(100vh - 70px);
    box-sizing: border-box;
    display: inline-block;
    background: #000;
    z-index: 9999;
    display: none;
}

.nav ul {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav > ul {
    display: flex;
    flex-direction: column;
    /* gap: 40px; */
}

.nav > ul > li {
    position: relative;
    border-top: 1px solid #222;
    /* margin: 0 20px; */
}

.nav > ul > li > a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    text-decoration: none;
    padding: 20px;
    font-size: 14px;
}

.nav > ul > li > a:hover {
    color: #fff;
}

.pc-show {
    display: none!important;
}
.wap-show {
    display: flex!important;
}

/* 三角形样式 */
.san {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    margin-left: 5px;
    vertical-align: middle;
    transition: transform 0.3s;
}

.nav > ul > li .san-active {
    transform: rotate(180deg);
}

/* 子菜单样式 */
.subnav {
    display: none;
    background: #000;
    width: max-content;
    padding-bottom: 10px!important;
}
.subnav li { }
.subnav li a {
    display: block;
    padding: 13px 20px;
    color: #949494;
    text-decoration: none;
    font-size: 12px;
    transition: all 0.3s;
    white-space: nowrap;
}

.subnav li a:hover {
    color: #fff;
}

/* Language 切换 小屏不显示 */
.language {
    display: none;
    position: absolute;
    top: -30px;
    right: 40px;
}

.language a {
    color: #dedede;
    text-decoration: none;
    font-size: 12px;
    transition: color 0.3s;
}
.language a:hover {
    color: #dedede;
}
.language span {
    color: #666;
    margin: 0 5px;
}



/* 主体 */
main {
    width: 100%;
}
.bg-gray {
    background: #f4f4f4;
}
.bg-white {
    background: #fff;
}
.bg-black {
    background: #000;
}


/* 栏目标题 */
.lm-title {
    width: 100%;
    box-sizing: border-box;
    gap: 7px;
    padding: 20px;
}
.lm-title span:nth-child(1) {
    font-size: 24px;
    font-weight: bold;
    color: #000;
}
.lm-title span:nth-child(2) {
    font-size: 14px;
    color: #666;
}

.lm-title2 {
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 15px;
}
.lm-title2 span {
    font-size: 14px;
    font-weight: 500;
    border-bottom: 2px solid #163064;
    padding-bottom: 15px;
}




/* 首页 */
.h-banner {
    width: 100%;
    /* height: 800px; */
    height: calc(100vh - 70px);
    /* height: 600px; */
    z-index: 1;
    background: url('./../img/index/banner.png') 46% center / cover no-repeat;
}
.hb-content {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    position: relative;
}
.hb-content .copy {
    position: absolute;
    bottom: 20px;
    right: 10px;
    height: 36px;
}
.hb-content div {
    /* padding-top: 168px; */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    gap: 18px;
}

.hb-content img {
    height: 30px;
}
.hb-content h1 {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}
.hb-content p {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
.hb-content a {
    margin-top: 10px;
    padding: 14px 40px;
    color: #000;
    font-weight: 500;
    text-decoration: none;
    font-size: 14px;
    background: #fff;
    border-radius: 999px;
}

.hpro-banner {
    /* margin-top: 10px; */
    width: 100%;
    /* height: 780px; */
    height: calc(100vh - 70px);
    overflow: hidden;
    outline: none;
    z-index: 1;
    background: #f5f5f5 center center / cover no-repeat;
}

.h-b1 {
    background-image: url('./../img/index/b_1.png');
}
.h-b2 {
    background-image: url('./../img/index/b_2.png');
}
.h-b3 {
    background-image: url('./../img/index/b_3.png');
}
.h-b4 {
    background-image: url('./../img/index/b_4.png');
}
.h-b5, .h-b6 {
    height: auto;
}

.hpro-content {
    height: 100%;
    overflow: hidden;
}
.hpro-content .flex {
    padding-top: 60px;
    padding-bottom: 40px;
    gap: 15px;
}
.hpro-content p {
    font-size: 16px;
    letter-spacing: 4px;
    font-weight: 500;
    color: #666;
}
.hpro-content .img1 {
    height: 72px;
}
.hpro-content .img2 {
    height: 48px;
}
.hpro-content .img3 {
    height: 78px;
}
.hpro-content .img-pro {
    margin-top: 20px;
    width: 150%;
    height: auto;
    object-fit: cover;
    /* height: 558px; */
    transition: transform 0.3s ease;
}

.hpro-content .img-pro:hover {
    transform: translateY(-10px);
}

.hpro-content a {
    margin-top: 10px;
    border: 2px solid #a9a9a9;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 45px;
    border-radius: 999px;
    text-decoration: none;
    transition: border-color 0.3s ease;
}

.hpro-content a:hover {
    border-color: #fff;
}

.hpro-content .link {
    padding: 0;
    gap: 40px;
}
.hpro-content .link a:nth-child(1) {
    border-color: #0154ff;
    background: #0154ff;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.hpro-content .link a:nth-child(2) {
    border-color: #f5f5f5;
    background: #f5f5f5;
    color: #0154ff;
}



/* 首页-合作伙伴 */
.partner-content {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
}
.partner-content h2 {
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    color: #fff;
}
.partner-content .flex {
    margin-top: 20px;
    gap: 20px;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}

.partner-content .flex img {
    display: block;
    scale: 0.9;
    opacity: .5;
    max-height: 40px;
    max-width: 75px;
    object-fit: contain;
    flex: 0 0 auto;
}

/* 首页-招聘 */
.job-bg {
    width: 100%;
    height: 475px;
    overflow: hidden;
    outline: none;
    z-index: 1;
    background: url('./../img/index/job_bg.jpg') 80% center / cover no-repeat;
}
.job-bg .job-content {
    width: 100%;
    box-sizing: border-box;
    padding: 60px 20px;
    gap: 20px;
}
.job-bg .job-content h2 {
    font-size: 24px;
    font-weight: bold;
    position: relative;
    padding-bottom: 15px;
}
.job-bg .job-content h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: #000;
}
.job-bg .job-content p {
    font-size: 14px;
    line-height: 1.5;
    /* font-weight: bold; */
}
.job-bg .job-content a {
    margin-top: 20px;
    padding: 14px 60px;
    color: #2b2b2b;
    font-weight: 500;
    text-decoration: none;
    font-size: 14px;
    background: #fff;
    border: 1px solid #2b2b2b;
    transition: all 0.3s ease;
}

.job-bg .job-content a:hover {
    background: #000;
    color: #fff;
}

/* 首页-联系我们 */
.cont-content {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    gap: 20px;
}
.cont-content h2 {
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}
.cont-content .desc {
    font-size: 14px;
    text-align: center;
}

.cont-content .flex {
    flex-direction: column;
    gap: 20px;
}
.cont-content .flex .cxx {
    position: relative;
    /* padding-right: 100px; */
}
/* .cont-content .flex .cxx::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background: #000;
} */
.cont-content .flex .cxx p {
    padding: 8px 0;
    font-size: 16px;
    font-weight: bold;
}
.cont-content .flex .cxx p span {
    margin-right: 12px;
}

.cont-content .flex a {
    padding: 14px 70px;
    color: #2b2b2b;
    font-weight: 500;
    text-decoration: none;
    font-size: 14px;
    background: #fff;
    border: 1px solid #2b2b2b;
    transition: all 0.3s ease;
} 
.cont-content .flex a:hover {
    background: #000;
    color: #fff;
}

/* 首页-新闻 */
.inews-content {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    gap: 20px;
    flex-direction: column;
}

.inews-title {
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.inews-title p {
    font-size: 20px;
    line-height: 1.3;
    font-weight: bold;
    position: relative;
    /* padding-bottom: 34px; */
}
/* .inews-title p::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: #000;
} */


.inews-title a {
    padding: 10px 20px;
    color: #2b2b2b;
    font-weight: 500;
    text-decoration: none;
    font-size: 12px;
    background: #fff;
    border: 1px solid #2b2b2b;
    transition: all 0.3s ease;
    border-radius: 999px;
}

.inews-title a:hover {
    background: #000;
    color: #fff;
}

.inews-list {
    width: 100%;
    overflow: hidden;
    /* height: 674px; */
}

.inews-list .item {
    gap: 15px;
    margin-bottom: 30px;
    text-decoration: none;
    flex-direction: column;
}
.inews-list .item:last-child {
    margin-bottom: 0;
}
.inews-list .item .img {
    width: 100%;
    height: 165px;
    border-radius: 5px;
    overflow: hidden;
}
.inews-list .item .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.inews-list .item .line-1 {
    width: 100%;
    text-align: left;
    color: #333;
    font-size: 14px;
    /* font-weight: bold; */
}

.inews-list .item:hover .line-1 {
    color: #076ce3;
}



/* 内页banner */
.banner {
    width: 100%;
    height: 200px;
    /* height: calc(100vh - 70px); */
    box-sizing: border-box;
    padding: 0 70px;
    overflow: hidden;
    outline: none;
    z-index: 1;
    background: transparent center center / cover no-repeat;
    gap: 20px;
}
.banner h1 {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
}
.banner p {
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 26px;
}

/* 新闻列表 */
.news-banner {
    background-image: url('./../img/news-banner.jpg');
}

.news-list {
    width: 100%;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0 20px;
}

.news-list .item {
    background: #fff;
    overflow: hidden;
    border-radius: 6px;
}

.news-list .item a {
    text-decoration: none;
    color: inherit;
}
.news-list .item:hover {
    text-decoration: none;
}

.news-list .item .img {
    width: 100%;
    height: 165px;
    overflow: hidden;
}

.news-list .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.news-list .item:hover .img:hover img {
    transform: scale(1.1);
}

.news-list .item .info {
    box-sizing: border-box;
    padding: 15px;
    max-height: 224px;
}

.news-list .item .info .title {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    line-height: 1.5;
    margin-bottom: 10px;
    transition: opacity 0.3s;
}

.news-list .item:hover .info .title {
    opacity: 0.8;
}

.news-list .item .info .desc {
    font-size: 14px;
    color: #a5a5a5;
    line-height: 26px;
    margin-bottom: 15px;
}

.news-list .item .info .date {
    /* margin-bottom: 5px; */
    font-size: 14px;
    color: #999;
}

/* 分页样式 */
.page-box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 30px 0;
}

.page-box .page-btn,
.page-box .page-item {
    display: inline-block;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    transition: all 0.3s;
    border-radius: 6px;
}
.page-box .page-item {
    display: none;
}

.page-box .page-btn:hover,
.page-box .page-item:hover {
    color: #000;
}

.page-box .page-item.active {
    background: #000;
    color: #fff;
    cursor: default;
}

.page-box .page-ellipsis {
    display: none;
    color: #999;
    padding: 0 5px;
}

.page-box .page-btn {
    padding: 0 20px;
    background: #fff;
    border-radius: 4px;
}

.page-box .page-btn.disabled,
.page-box .page-btn.disabled:hover {
    background: #e5e5e5;
    color: #ccc;
    cursor: not-allowed;
}

/* 新闻详情 */
.page-at {
    padding: 20px;
    font-size: 14px;
    color: #808080;
}
.news-title {
    padding: 0 20px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 1.5;
}
.news-other {
    padding: 20px;
    border-bottom: 1px solid #ededed;
}
.news-other .time {
    font-size: 14px;
    color: #808080;
}
.news-other .hits {
    font-size: 14px;
    color: #808080;
    gap: 6px;
}

.info-xx {
    padding: 20px;
}

.info-xx p {
    font-size: 14px;
    color: #333;
    line-height: 26px;
    margin-bottom: 10px;
}

.share-box {
    display: none;
    padding: 40px 20px;
    border-top: 1px solid #ededed;
    gap: 20px;
}
.share-box p {
    font-size: 12px;
    color: #333;
}
.share-icons {
    gap: 15px;
}
.share-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    cursor: pointer;
    transition: all 0.3s;
}
.share-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.share-icon:hover {
    transform: scale(1.15);
}
.share-icon.weixin:hover {
    opacity: 0.8;
}
.share-icon.weibo:hover {
    opacity: 0.8;
}
.share-icon.qq:hover {
    opacity: 0.8;
}
.share-icon.facebook:hover {
    opacity: 0.8;
}
.share-icon.twitter:hover {
    opacity: 0.8;
}

/* 公司简介 */
.company-banner {
    background-image: url('./../img/company-banner.jpg');
}

.company-info {
    padding: 20px;
}

.company-info h2 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    /* font-style: italic; */
}
.company-info .info {
    margin-top: 15px;
}

.company-info .info p {
    font-size: 14px;
    color: #333;
    line-height: 26px;
    margin-bottom: 10px;
}

.company-icons {
    padding: 20px 0;
    gap: 20px;
    width: 100%;
    box-sizing: border-box;
    flex-direction: column;
}

.company-icons .item {
    width: 100%;
    gap: 10px;
}

.company-icons .item .svg {
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.company-icons .item .title {
    font-weight: bold;
    font-size: 16px;
}

.company-icons .item .desc {
    font-size: 14px;
    color: #7f7f7f;
    line-height: 1.5;
    text-align: center;
}

.company-table {
    width: calc(100% - 40px);
    margin:0 20px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    /* border-radius: 4px; */
    overflow: hidden;
    margin-bottom: 15px;
}
.company-table:last-child {
    margin-bottom: 0;
}   

.company-table .item {
    display: flex;
    border-bottom: 1px solid #ccc;
}

.company-table .item:last-child {
    border-bottom: none;
}

.company-table .item span:nth-child(1) {
    /* width: 120px;
    min-width: 120px; */
    padding: 10px 15px;
    text-align: center;
    /* font-weight: bold; */
    font-size: 14px;
    color: #333;
    background: #f0f0f0;
    border-right: 1px solid #ccc;
}

.company-table .item span:nth-child(2) {
    flex: 1;
    padding: 10px;
    font-size: 14px;
    /* font-weight: bold; */
    color: #333;
    line-height: 1.6;
}

.company-course {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
}

.company-course .list {
    /* margin-top: 20px; */
    /* gap: 30px; */
}
.company-course .list .item {
    position: relative;
    width: 100%;
    gap: 10px;
    flex-direction: column;
    margin-top: 20px;
}
.company-course .list .item .img {
    width: 100%;
}
.company-course .list .item .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.company-course .list .item .time {
    width: 100%;
    font-size: 12px;
    color: #666; 
    /* border-right: 2px solid #ccc; */
    /* line-height: 120px; */
    /* padding-right: 40px; */
    padding-top: 0;
    padding-bottom: 0;
}

.company-course .list .item .dot {
    display: none;
    position: absolute;
    top: 50%;
    left: 394px;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
}
.company-course .list .item .dot img {
    display: block;
    width: 30px;
    height: 30px;
}
.company-course .list .item .desc {
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

.company-course .list .item:first-child .time {
    padding-top: 0;
}
/* .company-course .list .item:first-child .img {
    padding-bottom: 15px;
} */

/* .company-course .list .item:last-child .time {
    padding-bottom: 0;
}
.company-course .list .item:last-child .img {
    padding-top: 15px;
} */

.company-people {
    flex-direction: column;
    padding: 20px;
    gap: 20px;
}
.company-people .img {
    width: 200px;
    height: 200px;
}
.company-people .img img {
    display: block;
    width: 100%;
}

.company-people .info {}
.company-people .info h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}
.company-people .info p {
    font-size: 14px;
    color: #666;
    line-height: 26px;
    margin-bottom: 10px;
}
.company-people .info .job {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
}

/* 联系我们 */
.contact-banner {
    background-image: url('./../img/contact-banner.jpg');
}

.contact-info {
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}

.contact-info .item {
    box-sizing: border-box;
    gap: 15px;
    /* padding-left: 120px; */
}
.contact-info .item .svg {
    width: 26px;
    height: 26px;
}
.contact-info .item .svg svg {
    width: 100%;
    height: 100%;
}
.contact-info .item .text {
    font-size: 16px;
    color: #333;
}

.contact-map {
    width: 100%;
    height: 600px;
    padding-bottom: 60px;
    display: none;
}

.contact-map iframe {
    width: 100%;
    height: 600px;
    border: none;
}
.contact-map-img {
    padding: 0 20px;
}

.contact-form {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 20px 0;
}
.contact-form .title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}
.contact-form .form {
    padding: 20px;
}
.contact-form .form .item {
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
}
.contact-form .form .item .label {
    width: 100%;
    /* font-weight: bold; */
    font-size: 14px;
    text-align: left;
}

.contact-form .form .item .label::after {
    content: '*';
    color: #ff0000;
    font-size: 14px;
    margin-left: 10px;
}

.contact-form .form .item .input {
    /* flex: 1; */
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    height: 36px;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #f4f4f4;
    font-size: 14px;
}

.contact-form .form .item .input:focus {
    outline: none;
    background: #fff;
}

.contact-form .form .item .textarea {
    /* flex: 1; */
    width: 100%;
    height: 100px;
    box-sizing: border-box;
    padding: 5px 10px;
    line-height: 26px;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #f4f4f4;
}

.contact-form .form .item .textarea:focus {
    outline: none;
    background: #fff;
}

.contact-form .form .item .checkbox {
    flex: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.contact-form .form .item .checkbox div {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    padding: 10px 0;
    /* margin-right: 50px; */
}
.contact-form .form .item .checkbox div input {
    margin-bottom: 1px;
}
.contact-form .form .item .checkbox div label {
    font-size: 14px;
    color: #666;
}
.contact-form .form .item .star {
    display: none;
    width: 30px;
    text-align: center;
    font-size: 14px;
    color: #ff0000;
    line-height: 1;
}


.contact-form .form .btn {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    /* padding-left: 220px; */
}
.contact-form .form .btn button {
    width: 90%;
    height: 44px;
    border: 1px solid #000;
    text-align: center;
    line-height: 44px;
    cursor: pointer;
    border-radius: 22px;
    font-size: 14px;
    font-weight: bold;
    background: #f4f4f4;
    color: #000;
}
.contact-form .form .btn button:hover {
    background: #000;
    color: #fff;
}


/* 加入我们 */
.joinus-banner {
    background-image: url('./../img/joinus-banner.jpg');
}

.joinus-content {
    padding: 20px;
}

.thing-list {
    width: 100%;
    margin-top: 20px;
    gap: 20px;
    flex-direction: column;
    overflow: hidden;
}
.thing-list .item {
    
}
.thing-list .item .svg {
    width: 40px;
    height: 40px;
}
.thing-list .item .svg svg {
    width: 100%;
    height: 100%;
}
.thing-list .item .title {
    padding: 15px 0;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 2px solid #8d4bbb;
}
.thing-list .item .desc {
    font-size: 14px;
    color: #666;
    line-height: 26px;
    margin-bottom: 10px;
}

.thing-list .item:nth-child(2) .title {
    border-bottom: 2px solid #1bd1a5;
}
.thing-list .item:nth-child(3) .title {
    border-bottom: 2px solid #0395d9;
}

.job-list {
    width: 100%;
    overflow: hidden;
}
.job-list .item {
    margin-top: 15px;
    box-sizing: border-box;
    border: 2px solid #f0f0f0;
    padding: 20px;
    gap: 20px;
    flex-direction: column-reverse;
}
.job-list .item .info { flex: 1; }
.job-list .item .info .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #0743a0;
    margin-bottom: 20px;
    text-align: center;
}
.job-list .item .info .desc {
    font-size: 14px;
    color: #666;
    line-height: 26px;
}
.job-list .item .svg {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.job-list .item .svg svg {
    width: 100%;
    height: 100%;
}

.contact-form .form .item .input-file {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
}
.contact-form .form .item .input-file {
    position: relative;
    overflow: hidden;
}

.contact-form .form .item .input-file input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 0;
    min-height: 0;
    font-size: 0;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: pointer;
}

.contact-form .form .item .input-file .file-text {
    display: inline-block;
    padding: 11px 30px;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #f4f4f4;
    color: #666;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
}

.contact-form .form .item .input-file .file-text:hover {
    background: #f0f0f0;
    border-color: #ccc;
}
.contact-form .form .item .input-file p {
    color: #666;
}

.contact-form .form .item .file-list {
    /* flex: 1; */
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #dedede;
    min-height: 100px;
    border-radius: 4px;
}
.contact-form .form .item .file-list p {
    line-height: 100px;
    text-align: center;
    color: #666;
}

/* 售后服务 */
.after-banner {
    background-image: url('./../img/after-banner.png');
}
.after-info {
    gap: 20px;
    padding: 20px 0;
    overflow: hidden;
}
.after-title {
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
.after-info img {
    display: block;
    width: 100%;
}

.after-desc {
    color: #7d7d7d;
    font-size: 14px;
    /* margin-top: -30px; */
}

.after-info .infoxx {
    padding: 0 20px;
    font-size: 14px;
    line-height: 26px;
}

.after-list {
    gap: 10px;
    flex-direction: row;
    flex-wrap: wrap;
}
.after-list .item {
    width: calc((100%-20px)/2);
}
.after-list .item .svg {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}
.after-list .item p {
    padding: 15px 0;
    font-size: 14px;
}

.tel-box {
    background: #f4f4f4;
    flex-direction: column;
}
.tel-box .left {
    width: 100%;
    gap: 10px;
    background-color: #fff;
    padding-bottom: 20px;
}

.tel-box .left svg {
    width: 48px;
}
.tel-box .left p {
    font-size: 14px;
}
.tel-box .left p.hot-ser {
    font-size: 18px;
    font-weight: bold; 
    margin-bottom: 10px;
}
.tel-box .right {
    width: 100%;
}
.tel-box .right img {
    display: block;
    width: 100%;
}

.qrcode-box {
    width: 100%;
    margin-top: -5px;
    gap: 5px;
    flex-direction: column;
}
.qrcode-box .item {
    /* flex: 1; */
    width: 100%;
    box-sizing: border-box;
    padding: 25px 30px;
    background: #f4f4f4;
    gap: 15px;
}
.qrcode-box .item p:nth-child(1) {
    width: 128px;
    height: 128px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qrcode-box .item p:nth-child(1) img {
    display: block;
}
.qrcode-box .item p:nth-child(2) {
    font-size: 18px;
    font-weight: bold;
}
.qrcode-box .item p:nth-child(3) {
    text-align: center;
    font-size: 14px;
    line-height: 24px
}


.qa-list {
    width: 100%;
    margin: 0 auto;
    gap: 2px;
    flex-direction: column;
}

.qa-list .item {
    /* width: calc(50% - 10px); */
    width: 100%;
    box-sizing: border-box;
    height: 134px;
    padding: 15px 20px;
    background: #fff;
    border-radius: 4px;
    gap: 10px;
}
.qa-list .item .q-title, .qa-list .item .a-info {
    gap: 12px;
}

.qa-list .item .q-title img {
    width: 22px;
}

.qa-list .item .q-title p {
    font-size: 16px;
    font-weight: bold;
}

.qa-list .item .a-info img {
    width: 22px;
}
.qa-list .item .a-info p {
    font-size: 14px;
    color: #a9a9a9;
    line-height: 1.6;
}


/* 文档下载 */
.download-banner {
    background-image: url('./../img/download-banner.png');
}

.download-content {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
}

.download-content h3 {
    box-sizing: border-box;
    padding: 0 15px;
    background: #000;
    height: 45px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 45px;
}
.download-content h3.h3mt60 {
    margin-top: 20px;
}

.download-content ul {}

.download-content ul li {
    border-bottom: 1px dashed #e5e5e5;
    padding-left: 15px;
}

.download-content ul li:last-child {
    border-bottom: none;
}

.download-content ul li div {
    flex: 1;
    height: 50px;
    gap: 10px;
}

.download-content ul li p {
    font-size: 14px;
    color: #999;
}

.download-content ul li a {
    display: none;
    height: 20px;
}

.download-content ul li a img {
    display: block;
    width: 20px;
    height: 20px;
}

.download-content ul li .down-btn {
    width: 80px;
    cursor: pointer;
    text-align: center;
}

.download-content ul li:hover a {
    display: block;
}

.download-content ul li:hover p {
    color: #000;
}



/* 加入生态 */
.message-banner {
    background-image: url('./../img/message-banner.png');
}

.message-form {
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    border-radius: 0px;
    margin-top: 20px;
}

.message-form .item .label {
    /* width: 120px!important; */
}
.message-form .item .input, .message-form .item .textarea {
    background: #fff!important;
}
.message-form .item .input:focus, .message-form .item .textarea:focus {
    outline: none;
    border-width: 1px;
}

.message-form .btn {
    /* padding-left: 140px!important; */
}
.message-form .btn button {
    background: #000!important;
    color: #fff!important;
}
.message-form .btn button:hover {
    background: #fff!important;
    color: #000!important;
}

.message-form  .item .checkbox div {
    margin-right: 30px!important;
}

.message-lx {
    padding: 20px;
    flex-direction: column;
    gap: 10px;
}
.message-lx .left {
    gap: 40px;
}
.message-lx .left div {
    position: relative;
    gap: 15px;
}
.message-lx .left div img {
    width: 22px;
    height: auto;
    object-fit: cover;
}
.message-lx .left div p {
    font-size: 14px;
    font-weight: 500;
}
.message-lx .left div .time {
    position: absolute;
    top: 30px;
    left: 50px;
    font-size: 14px;
    color: #a9a9a9;
}

.message-lx .right {
    width: 200px;
    height: 200px;
}
.message-lx .right img {
    display: block;
    width: 100%;
}



/* 页脚 */
footer {
    width: 100%;
    box-sizing: border-box;
    background: #000;
}
footer .menu-logo {
    display: none;
}
footer .fmenu {
    flex: 1;
    gap: 70px;
    align-items: flex-start;
    padding: 120px 0;
}

footer .fmenu li span {
    font-size: 16px;
    color: #9e9e9e;
    font-weight: bold;
}

footer .fmenu li ul {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}

footer .fmenu li ul li a {
    text-decoration: none;
    display: block;
    padding: 12px 0;
    color: #fff;
    font-size: 14px;
}

footer .flogo { margin-top: 120px; }

footer .flogo img {
    display: block;
    width: 291px;
    width: 291px;
}

footer .fbottom {
    flex-direction: column;
    padding: 20px 15px;
    /* border-top: 1px solid rgba(255, 255, 255, 0.5); */
}

footer .fbottom .copyright {
    
}

footer .fbottom .copyright p {
    color: #aaaaaa;
    padding: 5px 0;
    font-size: 14px;
    line-height: 26px;
}

footer .fbottom .copyright p a {
    color: #aaaaaa;
    text-decoration: none;
    margin-right: 100px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    line-height: 26px;
}

footer .fbottom .copyright p a:hover {
    color: #fff;
}
footer .footer-icon {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    gap: 20px;
    display: none;
}

footer .footer-icon a {
    width: 34px;
    height: 34px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

footer .footer-icon a:nth-child(1) {
    background-image: url(./../img/foot_icon01.png);
}
footer .footer-icon a:nth-child(1):hover {
    background-image: url(./../img/foot_icon01_hover.png);
}

footer .footer-icon a:nth-child(2) {
    background-image: url(./../img/foot_icon02.png);
}
footer .footer-icon a:nth-child(2):hover {
    background-image: url(./../img/foot_icon02_hover.png);
}

footer .footer-icon a:nth-child(3) {
    background-image: url(./../img/foot_icon03.png);
}
footer .footer-icon a:nth-child(3):hover {
    background-image: url(./../img/foot_icon03_hover.png);
}

footer .footer-icon a:nth-child(4) {
    background-image: url(./../img/foot_icon04.png);
}
footer .footer-icon a:nth-child(4):hover {
    background-image: url(./../img/foot_icon04_hover.png);
}

footer .footer-icon a:nth-child(5) {
    background-image: url(./../img/foot_icon05.png);
}
footer .footer-icon a:nth-child(5):hover {
    background-image: url(./../img/foot_icon05_hover.png);
}

footer .footer-icon a:nth-child(6) {
    background-image: url(./../img/foot_icon06.png);
}
footer .footer-icon a:nth-child(6):hover {
    background-image: url(./../img/foot_icon06_hover.png);
}

.back-top {
    position: fixed;
    z-index: 888;
    bottom: 30px;
    right: 15px;
    width: 42px;
    height: 42px;
    background-image: url(./../img/back-top01.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.back-top.show {
    opacity: 1;
    visibility: visible;
}

.back-top:hover {
    background-image: url(./../img/back-top01_hover.png);
    animation: fadeToDim 0.5s ease forwards;
    animation-delay: 0.3s;
}

@keyframes fadeToDim {
    from {
        opacity: 1;
    }
    to {
        opacity: 0.2;
    }
}



/* ======================================================================================================== */
.ptb120 {
    padding: 20px 0;
}


/* 商业预订弹窗 + 立即预订弹窗 */
.business-order-modal, .order-modal {
    display: none;
}
.order-modal__bg {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
.order-modal__content {
    position: fixed;
    inset: 10% 5%;
    width: 90%;
    max-width: 90%;
    height: 80%;
    box-sizing: border-box;
    padding: 0px 0px;
    background-color: #fff;
    z-index: 1000;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.order-modal__content .modal-title {
    font-size: 14px;
    color: #212121;
    font-weight: bold;
    line-height: 48px;
    text-align: center;
    background-color: #fff;
}
.order-modal__content .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    background: url('./../img/close_icon2.png') center center / cover no-repeat;
    cursor: pointer;
}
.order-modal__content .modal-form {
    flex: 1;
    box-sizing: border-box;
    padding: 0 20px 20px 20px;
    overflow-y: auto;
}
.order-modal__content .modal-form .form-item {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.order-modal__content .modal-form .form-item .label {
    width: 100%;
    font-size: 14px;
    /* font-weight: bold; */
    color: #666;
    line-height: 1;
}
.order-modal__content .modal-form .form-item .item {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}
/* 排除type=checkbox的input */
.order-modal__content .modal-form .form-item input:not([type="checkbox"]) {
    flex: 1;
    height: 36px;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0 10px;
    border: 1px solid #dedede;
    font-size: 14px;
    color: #212121;
    text-decoration: none;
    text-align: left;
    transition: all 0.3s;
}
.order-modal__content .modal-form .form-item #code {
    flex: none;
    width: 130px;
}
.order-modal__content .modal-form .form-item textarea {
    flex: 1;
    height: 100px;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 5px 10px;
    border: 1px solid #dedede;
    font-size: 14px;
    line-height: 26px;
    color: #212121;
    text-decoration: none;
    text-align: left;
    transition: all 0.3s;
}

.order-modal__content .modal-form .form-item input:focus,
.order-modal__content .modal-form .form-item textarea:focus {
    outline: none;
    border-color: #212121;
}
.order-modal__content .modal-form .form-item span {
    font-size: 14px;
    color: #ff0000;
    line-height: 1;
}
.order-modal__content .modal-form .form-item .item .checkbox {
    flex: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    padding-top: 5px;
}

.order-modal__content .modal-form .form-item .item .checkbox div {
    color: #666;
    font-size: 14px;
}
.order-modal__content .modal-form .form-item .submit-btn {
    flex: none;
    width: calc(100% - 24px);
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #353535;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}


/* 视频弹窗 */
.video-modal {
    display: none;
}
.video-modal .video-modal__bg {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
.video-modal .video-modal__content {
    position: fixed;
    inset: 25% 5%;
    width: 90%;
    height: 50%;;
    box-sizing: border-box;
    padding: 48px 0;
    background-color: #000;
    z-index: 1000;
    border-radius: 10px;
}
.video-modal__content .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    background: url('./../img/close_icon.png') center center / cover no-repeat;
    cursor: pointer;
}
.video-modal .video-modal__content .video-container {
    position: relative;
    width: 100%;
    height: 100%;
}
.video-modal .video-modal__content .video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-modal .video-modal__content .video-container .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    background: url('./../img/play_icon.png') center center / cover no-repeat;
    cursor: pointer;
}


/* ======================第1个 VIATRIX 外骨骼机器人===================== */
.viatrix-video {
    position: relative;
    width: 100%;
    height: calc(100vh - 70px);
}

.viatrix-video #bannerVideo {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.viatrix-video__bt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
}

.viatrix-video__bt img {
    display: inline-block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.viatrix-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.viatrix-intro h1 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.viatrix-intro p {
    font-size: 18px;
    font-weight: bold;
    color: #a9a9a9;
}
.viatrix-intro img {
    width: auto;
    height: 24px;
    object-fit: cover;
}

.viatrix-intro svg {
    margin-top: -10px;
    width: 100%;
}

.viatrix-scene {
    padding: 20px;
    padding-top: 0!important;
    overflow: hidden;
}
.viatrix-scene h2 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 20px 0;
}
.viatrix-scene h2 span {
    color: #ccff00;
}

.viatrix-scene__list {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 15px;
}
/* 1行3列 */
.viatrix-scene__list .item {
    /* width: calc((100% - 96px) / 3); */
    width: 100%;
    position: relative;
}
.viatrix-scene__list .item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: all 0.3s;
}
.viatrix-scene__list .item img:hover {
    transform: scale(1.1);
}
.viatrix-scene__list .item div {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 16px;
}

.viatrix-scene__list .item div p:nth-child(1) {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.viatrix-scene__list .item div p:nth-child(2) {
    margin-top: 12px;
    font-size: 14px;
    color: #fff;
}

.viatrix-points {
    padding: 20px;
    padding-top: 0!important;
    overflow: hidden;
}
.viatrix-points h2 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 20px 0;
}
.viatrix-points h2 span {
    color: #ccff00;
}

.viatrix-points .img1 {
    position: relative;
}

.viatrix-points .img1 img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.viatrix-points .img1 div {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
}

.viatrix-points .img1 div p:nth-child(1) {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.viatrix-points .img1 div p:nth-child(1) span {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.viatrix-points .img1 div p:nth-child(1) .dot {
    font-size: 16px;
    font-weight: bold;
    color: #b8d32f;
    margin: 0 10px;
}
.viatrix-points .img1 div p:nth-child(1) .sup {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 15px;
    padding: 0 5px;
}

.viatrix-points .img1 div p:nth-child(2) {
    margin-top: 15px;
    font-size: 14px;
    color: #a9a9a9;
}

/* 11行3列 */
.viatrix-points .imgs__grid {
    width: 100%;
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.viatrix-points .imgs__grid .left {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.viatrix-points .imgs__grid .right {
    flex: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}
.viatrix-points .imgs__grid .item {
    position: relative;
}

.viatrix-points .imgs__grid .item img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.viatrix-points .imgs__grid .right .item:nth-child(2), .viatrix-points .imgs__grid .right .item:nth-child(3) {
    /* width: calc(50% - 5px); */
    width: 100%;
}
.viatrix-points .imgs__grid .item div {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
}
.viatrix-points .imgs__grid .item div p:nth-child(1) {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.viatrix-points .imgs__grid .item div p:nth-child(1) span {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.viatrix-points .imgs__grid .item div p:nth-child(1) .dot {
    font-size: 16px;
    font-weight: bold;
    color: #b8d32f;
    margin: 0 10px;
}
.viatrix-points .imgs__grid .item div p:nth-child(2) {
    padding-left: 25px;
    margin-top: 10px;
    font-size: 14px;
    color: #a9a9a9;
    line-height: 1.5;
}
.viatrix-points .desc {
    margin-top: 10px;
    text-align: right;
    font-size: 12px;
    color: #353535;
}

.viatrix-nums {}
.viatrix-nums__list {
    padding: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 15px;
}

.viatrix-nums__list .item {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    flex-direction: column;
    background: #000;
    border-radius: 15px;
    overflow: hidden;
    gap: 20px;
    align-items: center;
}
.viatrix-nums__list .item p {
    font-size: 24px;
    color: #fff;
    line-height: 1.5;
    /* height: 72px; */
    font-weight: bold;
    z-index: 1;
    text-align: center;
}

.viatrix-nums__list .item:nth-child(1) {
    /* width: calc(70% - 10px); */
}

.viatrix-nums__list .item:nth-child(1) img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
.viatrix-nums__list .item:nth-child(1) div {
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 0; */
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
    z-index: 1;
}

.viatrix-nums__list .item:nth-child(1) div p {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    /* margin-bottom: 40px; */
}
.viatrix-nums__list .item:nth-child(1) div p span {
    color: #cbfe00;
}
.viatrix-nums__list .item:nth-child(1) div p:nth-child(1) {
    font-size: 26px;
}
.viatrix-nums__list .item:nth-child(1) div p:nth-child(1) span {
    font-size: 14px;
    color: #fff;
}


.viatrix-nums__list .item:nth-child(2) {
    /* width: calc(30% - 10px); */
}

.viatrix-nums__list .item:nth-child(2) img {
    width: auto;
    height: 50px;
    object-fit: cover;
}

.viatrix-nums__list .item:nth-child(3), .viatrix-nums__list .item:nth-child(4) {
    /* width: 28%; */
}

.viatrix-nums__list .item:nth-child(3) img, .viatrix-nums__list .item:nth-child(4) img {
    width: auto;
    height: 50px;
    object-fit: cover;
}

.viatrix-nums__list .item:nth-child(5) {
    /* width: calc(44% - 40px); */
}
.viatrix-nums__list .item:nth-child(5) img {
    position: absolute;
    bottom: 5px;
    right: 0;
    width: 50%;
    height: auto;
    object-fit: cover;
}
.viatrix-nums__list .item:nth-child(5) p .blue {
    color: #509cff;
}
.viatrix-nums__list .item:nth-child(5) p .green {
    color: #2de35d;
}

.viatrix-easy {
    /* margin-top: 20px; */
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    background: #000;
    border-radius: 15px;
}
.viatrix-easy h3 {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.viatrix-easy .viatrix-easy__list {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
.viatrix-easy .viatrix-easy__list .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.viatrix-easy .viatrix-easy__list .item img {
    width: 40px;
    height: auto;
    object-fit: cover;
}
.viatrix-easy .viatrix-easy__list .item p {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}
.viatrix-nums .desc {
    margin-top: 10px;
    text-align: right;
    font-size: 12px;
    color: #353535;
}

.viatrix-style {
    padding: 20px;
    overflow: hidden;
}
.viatrix-style__lm {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    /* padding-bottom: 20px; */
    /* gap: 10px */
    padding-bottom: 20px
}

.viatrix-style__lm h2 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}
.viatrix-style__lm h2 span {
    color: #ccff00;
}
.viatrix-style__lm p {
    margin-top: 10px;
    font-size: 13px;
    color: #a9a9a9;
    line-height: 1.5;
}

.viatrix-style__content {
    position: relative;
    width: 100%;
}
.viatrix-style__content img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.viatrix-style__content .desc {
    margin-top: 10px;
    text-align: right;
    font-size: 12px;
    color: #353535;
}

.viatrix-style__content .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)!important;
    width: 40px;
    height: 40px;
    background: url('./../img/play_icon.png') center center / cover no-repeat;
    z-index: 9;
}

.viatrix-buy {
    width: 100%;
    height: 520px;
    overflow: hidden;
    outline: none;
    z-index: 1;
    background: url('./../img/index/banner.png') 42% center / cover no-repeat;
    padding: 20px;
    box-sizing: border-box;
}

.viatrix-buy__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
}
.viatrix-buy__content img {
    width: auto;
    height: 16px;
    object-fit: cover;
}
.viatrix-buy__content h2 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.viatrix-buy__content a {
    background: #000;
    padding: 12px 70px;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
} 

.viatrix-buy__content .price__box {
    margin: 10px 0px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.viatrix-buy__content .price__box .item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.viatrix-buy__content .price__box .item p {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}
.viatrix-buy__content .price__box .item p:nth-child(2) {
    font-weight: normal;
    padding-left: 20px;
}
.viatrix-buy__content .price__box .item p span {
    font-size: 18px;
}
.viatrix-buy__content .price__box .line {
    width: 3px;
    height: 20px;
    background: #000;
    margin: 0 20px;
}


/* ======================第2个 PES-B===================== */
.pesb-banner {
    width: 100%;
    height: calc(100vh - 70px);
    overflow: hidden;
    outline: none;
    z-index: 1;
    background: url('./../img/pes-b/ABUIABAEGAAgp7_P0AYorp2u-QEwghQ4mQk.png') 55% center / cover no-repeat;
}

.pesb-banner__content {
    box-sizing: border-box;
    height: 100%;
    padding-bottom: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 28px;
}

.pesb-banner__content img {
    height: 54px;
    width: auto;
    object-fit: cover;
}

.pesb-banner__content p {
    font-size: 18px;
    font-weight: bold;
    color: #fa4616;
}

.pesb-grid {}
.pesb-grid p.arrow-down {
    text-align: center;    
    margin-bottom: 20px;
}
.pesb-grid p.arrow-down img {
    display: inline-block;
    width: 42px;
    height: auto;
    object-fit: cover;
}
.pesb-grid h2 {
    color: transparent;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    background-clip: text;
    background-image: linear-gradient(482deg, rgb(255, 255, 255) 0%, rgba(242, 95, 5, 0.996) 100%);
}

/* 两行两列，间距48 */
.pesb-grid__list {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    /* margin-top: 20px; */
    display: flex;
    flex-direction: column;
    /* flex-wrap: wrap; */
    gap: 20px;
}
.pesb-grid__list .item {
    /* width: calc(50% - 40px); */
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column-reverse;
    gap: 10px;
}
.pesb-grid__list .item .item__left {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.pesb-grid__list .item .item__left p {
    line-height: 1.3;
}
.pesb-grid__list .item .item__left p:nth-child(1) {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.pesb-grid__list .item .item__left p:nth-child(2) {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    text-align: center
}
.pesb-grid__list .item .item__right {
    width: 80px;
}
.pesb-grid__list .item .item__right img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.pesb-grid__list .item .item__left p.jianbian1 {
    color: transparent;
    background-clip: text;
    background-image: linear-gradient(482deg, rgb(255, 197, 133) 0%, rgba(242, 95, 5, 0.996) 100%);
}
.pesb-grid__list .item .item__left p.jianbian2 {
    color: transparent;
    background-clip: text;
    background-image: linear-gradient(535deg, rgb(226, 226, 226) 0%, rgb(182, 182, 181) 100%);
}

.pesb-h1 {
    padding: 30px 0;
}
.pesb-h1 h1 {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: transparent;
    background-clip: text;
    background-image: linear-gradient(482deg, rgb(255, 255, 255) 0%, rgba(242, 95, 5, 0.996) 100%);
}

.pesb-num {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.pesb-num .img1 {
    width: auto;
    height: 48px;
    object-fit: cover;
}
.pesb-num h2 {
    margin-top: -10px;
    font-size: 24px;
    font-weight: bold;
    color: transparent;
    background-clip: text;
    background-image: linear-gradient(482deg, rgb(255, 197, 133) 0%, rgba(242, 95, 5, 0.996) 100%)
}
.pesb-num p {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    color: #a9a9a9;
    line-height: 1.5;
}
.pesb-num p.desc {
    text-align: right;
    margin-top: 10px;
    font-size: 12px;
    color: #353535;
}
.pesb-num .img2 {
    margin-top: 20px;
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.pesb-icons {}
.pesb-icons h2 {
    text-align: center;
}
.pesb-icons h2 span {
    font-size: 26px;
    font-weight: bold;
    color: transparent;
    background-clip: text;
    background-image: linear-gradient(482deg, rgb(255, 197, 133) 0%, rgba(242, 95, 5, 0.996) 100%);
}

.pesb-icons__list {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    gap: 10px;
}
.pesb-icons__list .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.pesb-icons__list .item img {
    display: block;
    width: 48px;
    height: auto;
    object-fit: cover;
}
.pesb-icons__list .item p {
    font-size: 14px;
    color: #dedede;
}

/* ======================第3个 PES-U===================== */
.pesu-banner {
    width: 100%;
    height: 800px;
    overflow: hidden;
    outline: none;
    z-index: 1;
    background: url('./../img/pes-u/ABUIABAEGAAgsdPwzwYok5TfsgMw-Rc45go.png') center center / cover no-repeat;
}

.pesu-banner__content {
    width: 100%;
    box-sizing: border-box;
    padding: 100px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.pesu-banner__content h1 {
    font-size: 20px;
    font-weight: bold;
    color: #cbeafa;
}
.pesu-banner__content h1 span {
    color: #fa4616;
}

.pesu-banner__content p {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.pesu-grid {}
.pesu-grid p.arrow-down {
    text-align: center;    
    margin-bottom: 20px;
}
.pesu-grid p.arrow-down img {
    display: inline-block;
    width: 42px;
    height: auto;
    object-fit: cover;
}
.pesu-grid h2 {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 1.35;
}
.pesu-grid p.desc {
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
}

/* 两行两列，间距48 */
.pesu-grid__list {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    /* margin-top: 20px; */
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
}
.pesu-grid__list .item {
    /* width: calc(50% - 24px); */
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    background: #0f0f11;
    border-radius: 12px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.pesu-grid__list .item .item__left {
    /* flex: 1; */
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.pesu-grid__list .item .item__left p {
    line-height: 1;
}
.pesu-grid__list .item .item__left p:nth-child(1) {
    font-size: 20px;
    color: transparent;
    font-weight: bold;
    background-clip: text;
    background-image: linear-gradient(90deg, rgb(238, 228, 198) 0%, rgb(215, 190, 138) 100%);
}
.pesu-grid__list .item .item__left p:nth-child(2) {
    font-size: 16px;
    color: transparent;
    background-clip: text;
    background-image: linear-gradient(90deg, rgb(238, 228, 198) 0%, rgb(215, 190, 138) 100%)
}
.pesu-grid__list .item .item__left p:nth-child(3) {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    text-align: center;
}
.pesu-grid__list .item .item__right {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pesu-grid__list .item .item__right img {
    display: block;
    width: 60px;
    height: auto;
    object-fit: cover;
}

.pesu-num {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.pesu-num .img1 {
    width: auto;
    height: 48px;
    object-fit: cover;
}
.pesu-num h2 {
    margin-top: -10px;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
}
.pesu-num h2 span {
    color: #fa4616
}
.pesu-num p {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    color: #b1b1b1;
    line-height: 1.5;
}
.pesu-num p.desc {
    text-align: left;
    margin-top: 10px;
    font-size: 12px;
    color: #353535;
}
.pesu-num .img2 {
    margin-top: 20px;
    width: 100%;
    height: auto;
    object-fit: cover;
}


/* ======================第4个 FIT-U Pro===================== */
.fitu-banner {
    width: 100%;
    height: 800px;
    overflow: hidden;
    outline: none;
    z-index: 1;
    background: url('./../img/fit-u/ABUIABAEGAAgn5f1zwYowPOcvAEwwBE48Qc.png') center center / cover no-repeat;
}

.fitu-banner__content {
    width: 100%;
    box-sizing: border-box;
    padding: 100px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.fitu-banner__content img {
    width: auto;
    height: 72px;
    object-fit: cover;
}
.fitu-banner__content p {
    font-size: 16px;
    font-weight: bold;
    color: #a9a9a9;
}

.fitu-intro { }
.fitu-intro__xx {
    text-align: center;
}
.fitu-intro__xx p {
    line-height: 2;
    font-size: 16px;
    color: #fff;
}
.fitu-intro__xx p span {
    color: #fa3a09;
}

.fitu-upgrade {
    padding: 20px;
    padding-top: 0!important;
}

.fitu-upgrade p.arrow-down {
    text-align: center;    
    margin-bottom: 20px;
}
.fitu-upgrade p.arrow-down img {
    display: inline-block;
    width: 42px;
    height: auto;
    object-fit: cover;
}

.fitu-upgrade h2 {
    color: #cbeafa;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 1.35;
}
.fitu-upgrade p.desc {
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    color: #b1b1b1;
    line-height: 1.5;
}

.fitu-upgrade .upgrade__imgs {
    margin-top: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fitu-upgrade .upgrade__imgs .img1 {
    width: 80%;
    height: auto;
    object-fit: cover;
}
.fitu-upgrade .upgrade__imgs .img2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.fitu-upgrade .upgrade__imgs .img2 img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.fitu-upgrade .upgrade__imgs .img3 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.fitu-upgrade .upgrade__imgs .img3 img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.fitu-upgrade .upgrade__imgs .img4 {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: left;
}
.fitu-upgrade .upgrade__imgs .img4 img {
    display: inline-block;
    width: auto;
    height: 48px;
    object-fit: cover;
}
.fitu-upgrade .upgrade__imgs .img5 {
    position: absolute;
    width: 100%;
    right: 0;
    text-align: right;
}
.fitu-upgrade .upgrade__imgs .img5 img {
    display: inline-block;
    width: auto;
    height: 53px;
    object-fit: cover;
}
.upgrade__bigimg {
    position: relative;
    width: 100%;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.upgrade__bigimg .img1 {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.upgrade__bigimg .imgs {
    width: 100%;
    position: absolute;
    bottom: 70px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.upgrade__bigimg .imgs div img {
    display: block;
    width: auto;
    height: 30px;
    object-fit: cover;
}

.upgrade__bigimg p.tit {
    position: absolute;
    width: 100%;
    top: 10px;
    left: 0;
    text-align: center;
    
}
.upgrade__bigimg p.tit span {
    font-size: 18px;
    font-weight: bold;
    color: transparent;
    background-clip: text;
    background-image: linear-gradient(90deg, rgb(245, 81, 30) 0%, rgb(31, 135, 232) 100%);
}
.upgrade__bigimg p.desc {
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 0;
    color: #4b4b4b;
    font-size: 12px;
    text-align: right;
} 


/* ======================第5个 FIT-HV Pro===================== */
.fithv-banner {
    width: 100%;
    height: calc(100vh - 70px);
    overflow: hidden;
    outline: none;
    z-index: 1;
    background: url('./../img/fit-hv/ABUIABAEGAAgyMrwzwYo3dmGnAMw-Rc45go.png') center center / cover no-repeat;
}
.fithv-banner__content {
    padding:100px 20px
}
.fithv-banner__content h1 {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
}
.fithv-banner__content h1 span {
    color: #fe5000;
}


/* 数据及预约 */
.fithv-data-order {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.fithv-data-order .fithv-data__content {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.fithv-data-order .fithv-data__content .item {
    width: calc(50% - 10px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.fithv-data-order .fithv-data__content .item p:nth-child(1) {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
}
.fithv-data-order .fithv-data__content .item p:nth-child(2) {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 1;
}
.fithv-data-order .order-btn {
    display: inline-block;
    padding: 12px 60px;
    border-radius: 999px;
    box-sizing: border-box;
    border: 2px solid #fff;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    line-height: 1;
    text-align: center;
    transition: all 0.3s;
}
.fithv-data-order .order-btn:hover {
    background: #fff;
    color: #212121;
}

.fithv-intro { padding-bottom: 0!important; }
.fithv-intro__xx {
    text-align: center;
}
.fithv-intro__xx p {
    line-height: 1.6;
    font-size: 16px;
    color: #fff;
}
.fithv-intro__xx p span {
    color: #fa3a09;
}
.fithv-intro__xx p:nth-child(4) {
    margin-top: 20px;
}

.fithv-intro__img {
    margin-top: 20px;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.fithv-intro__img .img1 {
    width: 100%;
    height: auto;
    object-fit: cover;
    position: relative;
    z-index: 1;
    /* margin-right: 140px; */
}

.fithv-intro__img .img2 {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: auto;
    object-fit: cover;
    z-index: 2;
    /* margin-left: 140px; */
}

.fithv-kong {}
.fithv-kong h2 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fa4616;
}
.fithv-kong p {
    margin-top: 15px;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(0deg, rgb(125, 143, 152) 0%, rgb(204, 236, 251) 64.0351%);
    line-height: 1.5;
}
.fithv-kong-bg {
    margin-top: 15px;
    width: 100%;
    height: calc(100vh - 70px);
    overflow: hidden;
    outline: none;
    z-index: 1;
    background: url('./../img/fit-hv/ABUIABAEGAAg7fjctAYo-8_7-wQw-w44mgY.png') center center / cover no-repeat;
}

.fithv-up {
    /* padding-bottom: 60px!important; */
}
.fithv-up__title {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    overflow: hidden;
}
.fithv-up__title h2 {
    flex-shrink: 0;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    color: #fa4616;
    line-height: 1.5;
}
.fithv-up__title p {
    text-align: center;
    font-size: 16px;
    color: #babac0;
    line-height: 1.5;
}
.fithv-up__img {
    position: relative;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.fithv-up__img .img1 {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.fithv-up__img .img2 {
    position: absolute;
    bottom: 114px;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 99;
}
.fithv-up__img .img2 div {
    flex: 1;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fithv-up__img .img2 img {
    width: auto;
    height: 40px;
    object-fit: cover;
}

.fithv-up__img .img3 {
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
}
.fithv-up__img .img3 img {
    width: auto;
    height: 144px;
    object-fit: cover;
}

.fithv-up__img .img3__desc {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding-bottom: 60px;
}
.fithv-up__img .img3__desc p {
    font-size: 18px;
    color: #ffd789;
    line-height: 1.5;
}
.fithv-up__img .img3__desc p span {
    font-size: 28px;
    font-weight: bold;
}

.fithv-up__grid {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.fithv-up__grid .item {
    width: calc(50% - 10px);
    box-sizing: border-box;
    border-radius: 8px;
    background: #0f0f11;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px
}
.fithv-up__grid .item img {
    width: 60px;
    height: auto;
    object-fit: cover;
}
.fithv-up__grid .item p {
    font-size: 14px;
    color: #c0c0c0;
}

.fithv-up__num {
    /* padding: 120px 0; */
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.fithv-up__num .item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    gap: 15px;
}
.fithv-up__num .line {
    width: 2px;
    height: 68px;
    background: #646665;
}
.fithv-up__num .item p:nth-child(1) {
    font-size: 16px;
    color: #666666;
}
.fithv-up__num .item p:nth-child(2) {
    font-size: 26px;
    color: #fff;
    font-weight: bold;
}

.fithv-up__img .img4 {
    position: absolute;
    /* top: -260px; */
    top: 0px;
    right: 10%;
    z-index: 0;
    text-align: right;
}
.fithv-up__img .img4 img {
    width: 40%;
    height: auto;
    object-fit: cover;
    z-index: 0;
}

.fithv-up__img .img4__desc {
    position: absolute;
    left: 20px;
    bottom: 60px;
    z-index: 9;
}
.fithv-up__img .img4__desc p:nth-child(1) {
    font-size: 18px;
    color: #277be8;
    line-height: 1.25;
}
.fithv-up__img .img4__desc p:nth-child(2) {
    margin-top: 10px;
    font-size: 26px;
    color: #277be8;
    font-weight: bold;
}
.fithv-up__img .img4__desc p:nth-child(2) span {
    font-size: 18px;
    color: #fff;
}

.fithv-up__img .img4__desc2 {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 10px;
    color: #353535;
}
.fithv-api__bg {
    margin-top: -20px;
    width: 100%;
    /* height: calc(100vh - 70px); */
    height: 300px;
    overflow: hidden;
    outline: none;
    z-index: 1;
    background: url('./../img/fit-hv/ABUIABAEGAAgjdbdtAYohtupowYwgA842Qc.png') center center / cover no-repeat #000;
}


.fithv-btn {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.fithv-btn a {
    display: inline-block;
    border: 1px solid #fff;
    padding: 12px 66px;
    border-radius: 999px;
    box-sizing: border-box;
    background: transparent;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    line-height: 1;
    transition: all 0.3s ease-in-out;
}
.fithv-btn a:hover,.fitultra-btn a.active {
    background: #fff;
    color: #000;
}
.fithv-btn a.orange {
    border-color: #fa4616;
    background: #fa4616;
    color: #fff;
}

/* ======================第6个 FIT-GS Pro===================== */
.fitgs-banner {
    width: 100%;
    height: calc(100vh - 70px);
    overflow: hidden;
    outline: none;
    z-index: 1;
    background: url('./../img/fit-gs/ABUIABAEGAAg84OUvwYon7nMqwYwgA84uAg.png') center center / cover no-repeat;
}
.fitgs-banner__content {
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.fitgs-banner__content img {
    width: auto;
    height: 24px;
    object-fit: cover;
}
.fitgs-banner__content h1 {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}
.fitgs-banner__content div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

.fitgs-banner__content div a {
    /* margin-top: 60px; */
    padding: 12px 32px;
    border-radius: 999px;
    box-sizing: border-box;
    background: #fff;
    font-size: 14px;
    color: #2e4acd;
    text-decoration: none;
    line-height: 1;
    transition: all 0.3s;
}
.fitgs-banner__content div a:hover,.fitgs-banner__content div a.active {
    background: #2e4acd;
    color: #fff;
}
.fitgs-banner__content div a.active:hover {
    background: #fff;
    color: #2e4acd;
}

.fitgs-plate {
    padding: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.fitgs-plate img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.fitgs-plate div {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.fitgs-plate div p:nth-child(1) {
    font-size: 18px;
    font-weight: bold;
    color: #a1a1a6;
    line-height: 1.5;
}
.fitgs-plate div p:nth-child(2) {
    font-size: 14px;
    color: #a1a1a6;
    line-height: 1.5;
}

.fitgs-skill {}
.fitgs-skill__lm {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px
}
.fitgs-skill__lm img {
    width: auto;
    height: 24px;
    object-fit: cover;
}
.fitgs-skill__lm p {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 1.5; 
}

.fitgs-skill__content {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* margin-top: 20px; */
    overflow: hidden;
    gap: 15px;
}

.fitgs-skill__content .left {
    display: flex;
    width: 100%;
}
.fitgs-skill__content .left img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: all 0.3s;
}

.fitgs-skill__content .left img.scale:hover {
    transform: scale(1.1);
}

.fitgs-skill__content .left img.moveup:hover {
    transform: translateY(-10px);
}

.fitgs-skill__content .right {
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    /* padding-left: 90px; */
}
.fitgs-skill__content .right h2 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 15px;
}
.fitgs-skill__content .right p {
    font-size: 14px;
    color: #a9a9a9;
}
.fitgs-skill .flex-reverse {
    /* flex-direction: row-reverse; */
}

.fitgs-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding-bottom: 0;
}
.fitgs-group h2 {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.fitgs-group p {
    color: #a9a9a9;
    font-size: 14px;
    font-weight: bold;
}
.fitgs-group img {
    width: 80%;
    height: auto;
    object-fit: cover;
}

.fitgs-env {
    width: 100%;
    padding: 40px 20px;
    box-sizing: border-box;
    background: linear-gradient(180deg, #000 0%, #0d171f 100%);
}
.fitgs-env p {
    text-align: center;
    font-size: 28px;
    letter-spacing: 5px;
    font-weight: bold;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(90deg, rgb(255, 183, 78) 1.75439%, rgb(235, 65, 101) 100%);
    line-height: 1.5;
}

.fitgs-dev {}
.fitgs-dev__lm {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px
}
.fitgs-dev__lm img {
    width: auto;
    height: 24px;
    object-fit: cover;
}
.fitgs-dev__lm p {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 1.5; 
}
.fitgs-dev__list {
    /* margin-top: 20px; */
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.fitgs-dev__list .item {
    /* flex: 1; */
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #212121;
    border-radius: 12px;
    padding: 20px;
    box-sizing: border-box;
}
.fitgs-dev__list .item img {
    width: 120px;
    height: auto;
    object-fit: cover;
}
.fitgs-dev__list .item p {
    text-align: center;
    font-size: 18px;
    color: #a9a9a9;
    line-height: 1.5;
}


.fitgs-mode {}
.fitgs-mode__lm {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px
}
.fitgs-mode__lm img {
    width: auto;
    height: 24px;
    object-fit: cover;
}
.fitgs-mode__lm p {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 1.5; 
    text-align: center;
}

.fitgs-mode__content {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    overflow: hidden;
}

.fitgs-mode__content .left {
    display: flex;
    width: 100%;
}
.fitgs-mode__content .left img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: all 0.3s;
}
.fitgs-mode__content .right {
    box-sizing: border-box;
    width: 100%;
}
.fitgs-mode__content .right h2 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    word-break: break-word;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(90deg, rgb(100, 246, 205) 1.75439%, rgb(144, 202, 248) 100%);
    line-height: 1.5;
}
.fitgs-mode .flex-reverse {
    /* flex-direction: row-reverse; */
}

.fitgs-ys {

}

.fitgs-ys__lm {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px
}
.fitgs-ys__lm img {
    width: auto;
    height: 24px;
    object-fit: cover;
}
.fitgs-ys__lm p:nth-child(2) {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}
.fitgs-ys__lm p:nth-child(3) {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
.fitgs-ys__lm p:nth-child(4) {
    margin-top: 20px;
    margin-bottom: 8px;
    font-size: 28px;
    letter-spacing: 6px;
    line-height: 1.5;
    word-break: break-word;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(0deg, rgb(0, 0, 0) 2.63158%, rgb(107, 255, 208) 96.4912%);
}

.fitgs-ys__content {
    position: relative;
    margin-bottom: 20px;
}
.fitgs-ys__content:last-child {
    margin-bottom: 0;
}
.fitgs-ys__content img {
    display: block;
    width: 100%;
}
.fitgs-ys__content-text {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
}


/* ======================第7个 FIT-GS Ultra===================== */
.fitultra-banner {
    width: 100%;
    height: calc(100vh - 70px);
    overflow: hidden;
    outline: none;
    z-index: 1;
    background: url('./../img/fit-ultra/ABUIABAEGAAg3N6UvwYo4dP40wIwgA84hAc.png') 52% center / cover no-repeat;
}
.fitultra-banner__content div {
    margin-left: 300px;
    margin-top: 200px;
    /* width: 500px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    position: relative;
}
.fitultra-banner__content h1 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}
.fitultra-banner__content h1:nth-child(1) {
    color: #3d58d3;
}
.fitultra-banner__content a {
    /* position: absolute; */
    /* bottom: 20px; */
    margin-top: 80px;
    padding: 12px 66px;
    border-radius: 999px;
    box-sizing: border-box;
    background: #fff;
    font-size: 14px;
    color: #2e4acd;
    text-decoration: none;
    line-height: 1;
    transition: all 0.3s;
}
.fitultra-banner__content a:hover {
    background: #2e4acd;
    color: #fff;
}

.fitultra-info {
    padding: 20px;
}
.fitultra-info p {
    font-size: 14px;
    color: #a1a1a6;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 20px;
}
.fitultra-info p span {
    color: #fff;
}
.fitultra-info a {
    font-size: 14px;
    color: #496ee8;
    font-weight: bold;
    text-decoration: underline;
}
.fitultra-data {
    padding: 20px;
    padding-bottom: 0px!important;
}
.fitultra-data__grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
    /* gap: 24px; */
    border-bottom: 2px solid #aaa;
}

.fitultra-data__grid .item {
    border-top: 2px solid #aaa;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.fitultra-data__grid .item p {
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 1;
}
.fitultra-data__grid .item p:nth-child(2) {
    color: #212121;
}
.fitultra-data__grid .item p:nth-child(2) span {
    font-weight: bold;
    font-size: 32px;
}

.fitultra-data__content {
    padding: 0 20px;
}

.fitultra-data__content p {
    font-size: 14px;
    color: #212121;
    line-height: 1.5;
    margin-bottom: 10px;
}
.fitultra-data__content p.gray {
    color: #898989;
}

.fitultra-device {
    padding: 40px 20px;
    /* height: calc(100vh - 70px); */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.fitultra-device h2 {
    font-size: 32px;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(90deg, rgb(144, 202, 248) 0%, rgb(31, 135, 232) 61.4035%);
    font-weight: bold;
}
.fitultra-device p:nth-child(2) {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}
.fitultra-device p:nth-child(3) {
    text-align: center;
    font-size: 16px;
    color: #fff;
    /* font-weight: bold; */
    line-height: 1.5;
}

.fitultra-core {
    padding: 20px;
    overflow: hidden;
}
.fitultra-core h2 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.fitultra-core p.desc {
    padding: 20px 0;
    font-size: 16px;
    color: #666;
    text-align: center;
}

.fitultra-core__icons {
    /* margin-top: 14px; */
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    background: #262931;
    border-radius: 24px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    gap: 20px;
    margin-bottom: 10px;
}
.fitultra-core__icons .item {
    width: calc((50% - 10px));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.fitultra-core__icons .item img {
    width: auto;
    height: 50px;
    object-fit: cover;
}
.fitultra-core__icons .item p {
    font-size: 14px;
    color: #fff;
}

.fitultra-skill {
    padding: 20px;
}

.fitultra-skill h2 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.fitultra-skill p.desc {
    padding: 20px 0;
    font-size: 16px;
    color: #666;
    text-align: center;
}

.fitultra-skill__content {
    /* margin-top: 24px; */
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    background: #000;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    gap: 20px;
}
.fitultra-skill__content .skill__left {
    width: 100%;
    box-sizing: border-box;
    /* padding-left: 40px; */
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

.fitultra-skill__content .skill__left img {
    width: auto;
    height: 48px;
    object-fit: cover;
}
.fitultra-skill__content .skill__left p {
    font-size: 20px;
    color: transparent;
    font-weight: bold;
}

.fitultra-skill__content .skill__right {
    /* flex: 1; */
    width: 100%;
    display: flex;
    flex-direction: column;
    /* flex-wrap: wrap; */
    gap: 10px;
}
.fitultra-skill__content .skill__right span {
    /* width: calc((100% - 20px) / 3); */
    width: 100%;
    height: 40px;
    background: transparent;
    color: #fff;
    border-radius: 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
}

.skill-1 {
    background: #171c30;
}
.skill-1 .skill__left p {
    color: #8c9ef1;
}
.skill-1 .skill__right span {
    background: #5766b7;
}
.skill-1 .skill__right span:nth-child(8) {
    font-size: 14px;
}
.skill-2 {
    background: #1f1c2a;
}
.skill-2 .skill__left p {
    color: #aa8ce2;
}
.skill-2 .skill__right span {
    /* width: calc((100% - 10px) / 2); */
    background: #715aa6;
}
.skill-3 {
    background: #2e201f;
}
.skill-3 .skill__left p {
    color: #d79192;
}
.skill-3 .skill__right span {
    background: #d79192;
}
.skill-3 .skill__right span:nth-child(1) {
    width: 100%;
}
.skill-4 {
    background: #301b0e;
}
.skill-4 .skill__left p {
    color: #db8449;
}
.skill-4 .skill__right span {
    background: #df9758;
}
.skill-4 .skill__right span:nth-child(1), .skill-4 .skill__right span:nth-child(2) {
    width: 100%;
}


.fitultra-mode {
    padding: 20px;
}
.fitultra-mode h2 {
    font-size: 23px;
    color: #212121;
    font-weight: bold;
    text-align: center;
}
.fitultra-mode p.desc {
    padding: 20px 0;
    font-size: 16px;
    color: #a9a9a9;
    text-align: center;
    line-height: 1.5;
}
.fitultra-mode__content {
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    overflow: hidden;
}
.fitultra-mode__content .item {
    /* width: calc((100% - 10px) / 2); */
    width: 100%;
    /* height: 323px; */
    background: #f9f9f9;
    position: relative;
}

.fitultra-mode__content .item.hei2 {
    /* height: 238px; */
    /* padding-bottom: 100px; */
}
.fitultra-mode__content .item.hei2:nth-child(1) {
    /* width: 470px; */
}
.fitultra-mode__content .item.hei2:nth-child(2) {
    /* flex: 1; */
}
.fitultra-mode__content .item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.fitultra-mode__content .item div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    padding: 18px;
}
.fitultra-mode__content .item div p:nth-child(1) {
    font-size: 20px;
    color: #212121;
    line-height: 1.4;
}
.fitultra-mode__content .item div p:nth-child(2) {
    font-size: 14px;
    color: #666666;
} 
.fitultra-mode__content:nth-child(3) .item div {
    justify-content: flex-start;
}


.fitultra-open {
    padding: 20px;
    overflow: hidden;
}

.fitultra-open h2 {
    font-size: 24px;
    color: #212121;
    font-weight: bold;
    text-align: center;
}
.fitultra-open p.desc {
    padding: 20px 0;
    font-size: 16px;
    color: #a9a9a9;
    text-align: center;
    line-height: 1.6;
}
.fitultra-open .img1 {
    width: 100%;
}
.fitultra-open .img1 img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.fitultra-open .open__bt {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: -16px;
}
.fitultra-open .open__bt img {
    width: 34px;
    height: auto;
    object-fit: cover;
}
.fitultra-open .open__bt span {
    font-size: 18px;
    font-weight: 500;
}

.fitultra-open .open__content {
    margin-top: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.fitultra-open .open__content .item {
    /* width: calc((100% - 60px) / 2); */
    width: 100%;
}

.fitultra-open .open__content .item .img {
    width: 100%;
    /* height: 300px; */
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fitultra-open .open__content .item .img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.fitultra-open .open__content .item .tit {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.fitultra-open .open__content .item .tit img {
    width: 28px;
    height: auto;
    object-fit: cover;
}
.fitultra-open .open__content .item .tit span {
    font-size: 16px;
    color: #212121;
}

.fitultra-machine {}
.fitultra-machine img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fitultra-performance {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    overflow: hidden;
}

.fitultra-performance h2 {
    font-size: 24px;
    color: #fe5722;
    font-weight: bold;
}
.fitultra-performance .img {
    position: relative;
}
.fitultra-performance .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fitultra-performance .img p {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    padding-right: 20px;
    text-align: right;
    bottom: 20px;
    right: 0;
    font-size: 16px;
    color: #fff;
    /* font-weight: bold; */
    line-height: 1.6;
}

.fitultra-bparams {
    padding: 20px;
    padding-top: 0!important;
}
.fitultra-bparams h2 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}

/* 三行四列 */
.fitultra-bparams__grid {
    margin-top: 20px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 10px;
}

.fitultra-bparams__grid .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #201f1c;
    /* border-radius: 8px; */
    padding: 18px;
    gap: 20px;
}
.fitultra-bparams__grid .item h3 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
}

.fitultra-bparams__grid .item p {
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
    /* font-weight: bold; */
}

.fitultra-bparams__grid .item:nth-child(1),
.fitultra-bparams__grid .item:nth-child(2),
.fitultra-bparams__grid .item:nth-child(3) {
    grid-column: span 2;
    grid-row: span 2;
}
.fitultra-bparams__grid .item:nth-child(1) img {
    width: 60px;
    height: auto;
    object-fit: cover;
}

.fitultra-bparams__grid .item:nth-child(2) {
    /* grid-column: span 2; */
    /* grid-row: span 1; */
}
.fitultra-bparams__grid .item:nth-child(2) h3 {
    color: #7bfb84;
}
.fitultra-bparams__grid .item:nth-child(3) h3 {
    color: #7bfb84;
}

.fitultra-bparams__grid .item:nth-child(3) {
    /* grid-column: span 2; */
    /* grid-row: span 1; */
}

.fitultra-bparams__grid .item:nth-child(1),
.fitultra-bparams__grid .item:nth-child(2),
.fitultra-bparams__grid .item:nth-child(3) {
    align-items: flex-start;
}

.fitultra-bparams__grid .item:nth-child(4),
.fitultra-bparams__grid .item:nth-child(5),
.fitultra-bparams__grid .item:nth-child(6),
.fitultra-bparams__grid .item:nth-child(7) {
    /* grid-column: span 1;
    grid-row: span 1; */
}
.fitultra-bparams__grid .item:nth-child(4) img,
.fitultra-bparams__grid .item:nth-child(5) img,
.fitultra-bparams__grid .item:nth-child(6) img,
.fitultra-bparams__grid .item:nth-child(7) img {
    width: 48px;
    height: auto;
    object-fit: cover;
}

.fitultra-params {
    /* 借用max中的params */

}
.fitultra-params .left p:nth-child(1) {
    color: #a3a3a5!important;
}
.fitultra-params .left p:nth-child(2) {
    color: #fff!important;
}
.fitultra-params .right .mapsmax-params__list .item p:nth-child(1) {
    color: #fff!important;
}
.fitultra-params .right .mapsmax-params__list .item p:nth-child(2) {
    color: #dedede!important;
}


.fitultra-btn {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.fitultra-btn a {
    display: inline-block;
    padding: 12px 66px;
    border-radius: 999px;
    box-sizing: border-box;
    background: #fff;
    font-size: 14px;
    color: #1e50ae;
    text-decoration: none;
    line-height: 1;
    transition: all 0.3s ease-in-out;
}
.fitultra-btn a:hover,.fitultra-btn a.active {
    background: #1e50ae;
    color: #fff;
}



/* ======================第8个 TR1===================== */
.tr1-banner {
    width: 100%;
    height: calc(100vh - 70px);
    overflow: hidden;
    outline: none;
    z-index: 1;
    background: url('./../img/tr1/ABUIABAEGAAg6sKBtQYo0IqEugUw-g44igc.png') center center / cover no-repeat;
}
.tr1-banner__content {
    box-sizing: border-box;
    padding: 100px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
}
.tr1-banner__content h1 {
    font-size: 24px;
    color: #fa4616;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}
.tr1-banner__content h1 span {
    color: #fff;
}
.tr1-banner__content p {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
}

.tr1-data {}
.tr1-data h2 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.tr1-data h2 span {
    color: #fa4616;
 }

.tr1-data__grid {
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 15px;
}

.tr1-data__grid .item {
    border-radius: 16px;
    padding: 20px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #111518;
    gap: 20px;
}

.tr1-data__grid .item p:nth-child(1) {
    font-size: 16px;
    color: #fff;
    /* font-weight: bold; */
}
.tr1-data__grid .item p:nth-child(2) {
    font-size: 16px;
    color: #a9a9a9;
    font-weight: 500;
} 
.tr1-data__grid .item p:nth-child(2) span {
    font-size: 24px;
    color: #fa4616;
    font-weight: bold;
    margin-right: 10px;
}
.tr1-data__grid .item:nth-child(1) {
    /* padding: 20px;
    align-items: flex-start;
    gap: 28px;
    background: #111518; */
    /* grid-column: span 2;
    grid-row: span 2; */
}
.tr1-data__grid .item:nth-child(2) {
    /* gap: 28px;
    background: #141315; */
    /* grid-column: span 1;
    grid-row: span 2; */
}
.tr1-data__grid .item:nth-child(3) {
    /* gap: 28px;
    background: #111518; */
    /* grid-column: span 1;
    grid-row: span 2; */
}
.tr1-data__grid .item:nth-child(4) {
    /* padding: 48px;
    align-items: flex-start;
    gap: 28px;
    background: #0d0d0d; */
    /* grid-column: span 2;
    grid-row: span 2; */
}
.tr1-data__grid .item:nth-child(5) {
    /* flex-direction: row;
    justify-content: flex-start;
    padding: 0 80px;
    gap: 40px;
    background: #1d1e20; */
    /* grid-column: span 2;
    grid-row: span 1; */
}
.tr1-data__grid .item:nth-child(6) {
    /* flex-direction: row;
    justify-content: flex-start;
    padding: 40px 80px;
    gap: 40px;
    background: #0b0f18; */
    /* grid-column: span 2;
    grid-row: span 1; */
}
.tr1-data__grid .item:nth-child(7) {
    /* flex-direction: row;
    gap: 40px;
    background: #0d0d0d; */
    /* grid-column: span 4;
    grid-row: span 1; */
    grid-column: span 2;
}

.tr1-robot-bg {
    /* max-height: calc(100vh - 70px); */
    background: linear-gradient(180deg, rgba(21, 25, 40, 1) 6.140350877192982%,rgba(0, 0, 0, 1) 58.77192982456141%);
}

.tr1-robot__content {
    padding: 20px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    overflow: hidden;
}
.tr1-robot__content h2 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
}
.tr1-robot__content h2 span {
    color: #fa4616;
}
.tr1-robot__content .desc {
    text-align: center;
    font-size: 16px;
    color: #b1b1b1;
    line-height: 1.5;   
}

.tr1-robot__content .img1 {}
.tr1-robot__content .img1 img, .tr1-robot__content .img2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tr1-robot__content .img2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
}
.tr1-robot__content .img2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tr1-robot__content .img2 .img2__box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 32px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    gap: 10px;
}
.tr1-robot__content .img2 .img2__box .item {
    flex: 1;
    box-sizing: border-box;
    padding: 10px;
    background: #0a0d14;
    border: 1px solid #3b3f4c;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 10px;
}
.tr1-robot__content .img2 .img2__box .item p:nth-child(1) {
    font-size: 10px;
    color: #fff;
    /* font-weight: bold; */
}
.tr1-robot__content .img2 .img2__box .item p:nth-child(2) {
    font-size: 14px;
    color: #fa4616;
    font-weight: bold;
}
.tr1-robot__content .img2 .img2__box .item p:nth-child(3) {
    font-size: 12px;
    color: #666;
    font-weight: 500;
}


.tr1-feature {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.tr1-feature {
    padding-bottom: 0;
}
.tr1-feature:last-child {
    padding-bottom: 20px;
}
.tr1-feature .num {
    width: auto;
    height: 48px;
    object-fit: cover;
}
.tr1-feature h2 {
    margin-top: -30px;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.tr1-feature h2 span {
    color: #fa4616;
}
.tr1-feature p {
    text-align: center;
    font-size: 16px;
    color: #b1b1b1; 
    line-height: 1.5;
}
.tr1-feature .img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tr1-params {
    padding: 20px;
}
.tr1-params .desc {
    text-align: center;
    font-size: 16px;
    color: #a9a9a9; 
}
.tr1-params h2 {
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 24px;
    color: #fa4616;
    font-weight: bold;
}
.tr1-params div {
    overflow-x: scroll;
}
.tr1-params img {
    width: 200%;
    height: auto;
    object-fit: cover;
}

.tr1-btn {
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tr1-btn a {
    display: inline-block;
    padding: 12px 66px;
    border-radius: 999px;
    box-sizing: border-box;
    background: #fa4616;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    line-height: 1;
}


/* ======================第9个 MAPS-MAX===================== */
/* 产品banner */
.mapsmax-banner {
    width: 100%;
    height: calc(100vh - 70px);
    overflow: hidden;
    outline: none;
    z-index: 1;
    background: url('./../img/maps-max/ABUIABAEGAAgyf2nmwYoyMjUngIwgB44kg4.png') 54% center / cover no-repeat;
}
.mapsmax-banner__content {
    padding: 100px 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.mapsmax-banner__content .new {
    font-size: 12px;
    color: #d81b43;
    line-height: 1;
}
.mapsmax-banner__content h1 {
    font-size: 20px;
    color: #212121;
    font-weight: bold;
} 
.mapsmax-banner__content .en_name {
    font-size: 22px;
    color: #212121;
}
.mapsmax-banner__content a {
    margin-top: 30px;
    width: 200px;
    height: 44px;
    background: #2e4acd;
    color: #fff;
    font-size: 14px;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
}

/* 数据及预约 */
.mapsmax-data-order {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.mapsmax-data-order .mapsmax-data__content {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px
}
.mapsmax-data-order .mapsmax-data__content .item {
    width: calc(50% - 10px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.mapsmax-data-order .mapsmax-data__content .item p:nth-child(1) {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
}
.mapsmax-data-order .mapsmax-data__content .item p:nth-child(2) {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 1;
}
.mapsmax-data-order .order-btn {
    display: inline-block;
    padding: 12px 60px;
    border-radius: 999px;
    box-sizing: border-box;
    border: 2px solid #fff;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    line-height: 1;
    text-align: center;
    transition: all 0.3s;
}
.mapsmax-data-order .order-btn:hover {
    background: #fff;
    color: #212121;
}

/* 介绍 */
.mapsmax-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0px;
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.mapsmax-intro img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.mapsmax-intro p {
    box-sizing: border-box;
    padding: 20px;
    font-size: 14px;
    color: #212121;
    line-height: 1.6;
}

/* 如何使用 */
.mapsmax-used-bg {
    width: 100%;
    height: calc(100vh - 70px);
    overflow: hidden;
    outline: none;
    z-index: 1;
    background: url('./../img/maps-max/ABUIABAEGAAg3pOomwYokPqMjgYwgA84hAg.png') 80% center / cover no-repeat;
}

.mapsmax-used__content {
    padding: 40px 20px;
}
.mapsmax-used__content div {
    width: 60%;
}
.mapsmax-used__content h2 {
    font-size: 24px;
    color: #212121;
    font-weight: bold;
}
.mapsmax-used__content .title {
    font-size: 18px;
    font-weight: bold;
    color: #212121;
    margin-top: 20px;
}
.mapsmax-used__content .desc {
    font-size: 14px;
    color: #212121;
    line-height: 1.5;
    margin-top: 30px;
}
.mapsmax-used__content .line {
    margin-top: 15px;
    width: 100%;
    height: 2px;
    background-color: #212121;
}
.mapsmax-used__content a {
    margin-top: 30px;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 54px;
    box-sizing: border-box;
    border: 2px solid #a9a9a9;
    font-size: 14px;
    color: #212121;
    text-decoration: none;
    line-height: 1;
    text-align: center;
    transition: all 0.3s;
}
.mapsmax-used__content a:hover {
    border-color: #212121;
}

/* 应用场景 */
.mapsmax-scene {}
.mapsmax-scene h2 {
    font-size: 24px;
    font-weight: bold;
    color: #212121;
    line-height: 1;
    text-align: center;
    margin-bottom: 20px;
}
.mapsmax-scene .mapsmax-scene__list {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.mapsmax-scene .mapsmax-scene__list .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.mapsmax-scene .mapsmax-scene__list .item img {
    width: 80%;
    height: auto;
    object-fit: cover;
}
.mapsmax-scene .mapsmax-scene__list .item span {
    font-size: 16px;
    color: #212121;
    line-height: 1;
}


/* 综合参数 */
.mapsmax-params {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.mapsmax-params .left {
    width: 100%;
}
.mapsmax-params .left p:nth-child(1) {
    font-size: 18px;
    color: #666;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}
.mapsmax-params .left p:nth-child(2) {
    margin-top: 15px;
    font-size: 24px;
    color: #212121;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

.mapsmax-params .right {
    /* flex: 1; */
    width: 100%;
}
.mapsmax-params .right .mapsmax-params__list {
    width: 100%;
    border-top: 1px solid #e7e8e8;
}
.mapsmax-params .right .mapsmax-params__list .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 1px solid #e7e8e8;
    gap: 10px;
    padding: 15px 0;
}
.mapsmax-params .right .mapsmax-params__list .item p {
    /* padding: 24px 0; */
}
.mapsmax-params .right .mapsmax-params__list .item p:nth-child(1) {
    /* width: 230px; */
    box-sizing: border-box;
    /* padding-left: 10px; */
    font-size: 14px;
    color: #212121;
    font-weight: bold;
}
.mapsmax-params .right .mapsmax-params__list .item p:nth-child(2) {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}