.body .container{ max-width:1480px; margin:0 auto;}

.ldy_one{ background:url(/dist/landingpage2//images/175334306632357.webp) no-repeat center center / 100% 100%; height:8rem; position:relative;}
.ldy_one .text{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1; width:9.3rem;}
.ldy_one .text .z1{ font-size:0.48rem; text-align:center; font-family:Ebrima; color:#fff;}
.ldy_one .text .z1 span{ color:var(--main-color);}
.ldy_one .text .p1{ margin:0 0 0.22rem; font-size:15px; color:#fff; text-align:center;}
.ldy_one .text .list{ display:grid; grid-template-columns:repeat(2,1fr);}
.ldy_one .text .list p{ margin:0; color:#fff; padding-left:45px; font-size:15px; line-height:2; margin-bottom:0.1rem;}
.ldy_one .text .morelist{ display:flex; justify-content:center; margin-top:8px;}
.ldy_one .text .morelist a{ display:inline-flex; align-items:center; justify-content:center; padding:12px 5px; text-transform:uppercase; border:1px solid var(--main-color); background:var(--main-color); font-size:15px; color:#fff; width:2.9rem; margin:0 0.1rem;}
@media (min-width:1081px){
}
@media (min-width: 1px) and (max-width: 1080px) {
}


.ldy_two{}
.ldy_two .item{ position:relative; z-index:1; display:flex; justify-content:space-between; align-items:center;}
.ldy_two .item .img{ margin:0; padding:0.4rem; box-sizing:border-box; width:60%; display:flex; align-items:center; justify-content:center;}
.ldy_two .item .txt{ margin:0; color:#fff; font-size:18px; font-weight:bold; line-height:1.6; width:40%; display:flex; align-items:center; justify-content:center;}
.ldy_two .item .more{ margin:0; display:inline-block; position:relative; display:flex; align-items:center; justify-content:center;}
.ldy_two .item .more a{ display:inline-block; padding:0.15rem 0.95rem; box-sizing:border-box; border:1px solid #fff; font-size:15px; color:#fff;}
.ldy_two .item:before{ content:""; position:absolute; left:50%; top:0; transform:translateX(-50%) skew(-35deg); width:95.7%; height:100%; background:#1c1e32; z-index:-1;}
@media (min-width:1081px){
    .ldy_two .item{ margin-top:-0.6rem;}
    .ldy_two .item{ padding-right:5rem;}
    .ldy_two .item .more{ position:absolute; right:0; top:0; z-index:1; width:5rem; height:100%;}
    .ldy_two .item .more:before{ content:""; position:absolute; left:50%; top:0; transform:translateX(-50%) skew(-35deg); width:100%; height:100%; background:var(--main-color); z-index:-1;}
}
@media (min-width: 1px) and (max-width: 1080px) {
}

.ldy_3{ background:url(/dist/landingpage2/images/1_01.jpg) no-repeat center center / cover; padding:1.2rem 0 1rem;}
.ldy_3 .lt{ margin:0; width:50%;}
.ldy_3 .lt .z1{ font-size:0.48rem; font-family:Ebrima; color:#fff; line-height:1.1;}
.ldy_3 .lt .p1{ font-size:16px; line-height:1.8; color:#fff; margin-top:0.5rem;}
.ldy_3 .lt a{ display:inline-block; padding:0.15rem 0.95rem; box-sizing:border-box; border:1px solid #fff; font-size:15px; color:#fff; margin-top:0.5rem;}
@media (min-width:1081px){
}
@media (min-width: 1px) and (max-width: 1080px) {
}

.ldytit{ text-align:center;}
.ldytit .z1{ font-family:Ebrima; font-size:0.48rem; color:#333; text-transform:uppercase;}
.ldytit .z1 span{ color:var(--main-color);}
.ldytit .line{ display:inline-block; width:0.55rem; height:4px;background:var(--main-color); margin-top:0.3rem;}
.ldytit .p1{ font-size:16px; line-height:1.8; color:#333; margin-top:0.3rem;}
@media (min-width:1081px){
}
@media (min-width: 1px) and (max-width: 1080px) {
}

.ldy_4{ padding:0.85rem 0 0.65rem;}
.ldy_4 ul{ display:flex; justify-content:center; align-items:center; margin-top:0.5rem;}
.ldy_4 ul li{ margin:0 0.25rem; display:inline-block;}
.ldy_4 ul li>a{ padding:0.2rem; box-sizing:border-box; background:#f1f1f1; width:2.6rem; border-radius:0.2rem; display:flex; align-items:center; justify-content:center; font-size:18px; font-family:Ebrima; color:var(--main-color); position:relative;}
.ldy_4 ul li>a:before{ content:""; width:0; height:0; border-width:5px; border-left-width:10px; border-style:solid; border-color:transparent; border-left-color:#fff; opacity:0; position:absolute; left:0.1rem; top:50%; transform:translateY(-50%);}
.ldy_4 ul li:hover>a,.ldy_4 ul li.active>a{ background:var(--main-color); color:#fff;}
.ldy_4 ul li:hover>a:before,.ldy_4 ul li.active>a:before{ opacity:1;}
.ldy_4 .list{ margin-top:.55rem;}
.ldy_4 .list .swiper{ height:calc(4.48rem * 2);}
.ldy_4 .list .swiper-slide{ margin:0;}
.ldy_4 .list .item{ margin: 0;  box-sizing: border-box; display:block;}
.ldy_4 .list .item .img{ overflow: hidden; box-sizing: border-box; position: relative; border:1px solid #eaeef0; padding:0;}
.ldy_4 .list .item .img img{ width: 100%; height: auto;}
.ldy_4 .list .item .txt{ margin: 0.15rem;}
.ldy_4 .list .item .txt .z1{ font-size: 18px; line-height: 1.5;}
.ldy_4 .list .item .txt .z2{ font-size: 19px; line-height: 1.5; margin-top: 0.15rem; font-weight:bold; text-transform:uppercase; color:#333;}
.ldy_4 .list .btnlist{ margin-top:0.5rem; display:flex; align-items:center; justify-content:center;}
.ldy_4 .list .btnlist .btn{ margin:0 0.1rem; display:inline-flex; align-items:center; justify-content:center; width:0.64rem; height:0.64rem; background:var(--main-color); color:#fff; border-radius:50%; cursor:pointer; outline:none;}
.ldy_4 .list .btnlist .btn i{ font-size:0.32rem;}
.ldy_4 .list .morelist{ display:flex; justify-content:center; margin-top:0.6rem;}
.ldy_4 .list .morelist a{ display:inline-flex; align-items:center; justify-content:center; padding:12px 5px; text-transform:uppercase; border:1px solid var(--main-color); background:var(--main-color); font-size:15px; color:#fff; width:2.9rem; margin:0 0.1rem;}
@media (min-width:1081px){
    .ldy_4 .list .morelist a:hover{ background:none; color:var(--main-color);}
}
@media (min-width: 1px) and (max-width: 1080px) {
}

.ldy_5{}
.ldy_5 .list{ margin-top:0.5rem; align-items:stretch;}
.ldy_5 .lt{ margin:0; width:50%;}
.ldy_5 .fr{ margin:0; width:calc(50% - 0.5rem);}
.ldy_5 .fr .z1{ font-size:0.3rem; font-family:Ebrima; line-height:1.1;}
.ldy_5 .fr .context{ font-size:18px; line-height:1.6; margin-top:0.4rem;}
.ldy_5 .fr ul{ margin-top:0.2rem;}
.ldy_5 .fr ul li{ padding-left:35px; background:url(/dist/landingpage2/images/check.webp) no-repeat left 5px; margin-bottom:0.1rem; font-size:18px; line-height:1.6;}
.ldy_5 .fr a{ display:inline-block; padding:0.2rem 0.95rem; background:var(--main-color); margin-top:0.3rem; font-size:16px; text-transform:uppercase; color:#fff;}
@media (min-width:1081px){
}
@media (min-width: 1px) and (max-width: 1080px) {
}

.ldy_6{ padding:0.7rem 0;}
@media (min-width:1081px){
}
@media (min-width: 1px) and (max-width: 1080px) {
}

.ldy_7{ padding:0 0 0.55rem 0;}
.ldy_7 .ldytit .z1{ }
.ldy_7 .ldytit .p1{ text-align:left;}
.ldy_7 .list{ margin-top:0.5rem; display:flex; justify-content:space-between; align-items:center;}
.ldy_7 .list .btn{ margin:0; width:38px; height:1.8rem; background:var(--main-color); color:#fff; display:flex; align-items:center; justify-content:center; border-radius:5px; cursor:pointer;}
.ldy_7 .list .btn i{ font-size:24px;}
.ldy_7 .list .btn:hover{ background:#C2CBC8;}
.ldy_7 .list .swiper{ flex:1; margin:0 0.3rem;}
@media (min-width:1081px){
}
@media (min-width: 1px) and (max-width: 1080px) {
}

.ldy_8{ padding:1.2rem 0 0.65rem; position:relative; background:url(/dist/landingpage2/images/1_03.png) no-repeat center right;}
.ldy_8 .container{ align-items:stretch;}
.ldy_8 .lt{ margin:0; width:50%;}
.ldy_8 .lt iframe{ height:100%;}
.ldy_8 .fr{ margin:0; width:calc(50% - 1rem);}
.ldy_8 .fr .ldytit{ text-align:right;}
.ldy_8 .fr .ldytit .z1{ color:#fff;}
.ldy_8 .fr .list{ text-align:right; margin-top:0.3rem;}
.ldy_8 .fr .list .item{ margin-bottom:0.18rem;}
.ldy_8 .fr .list .item .z1{ background:#fff; padding:0.1rem 0.5rem; font-size:16px; border-radius:0.1rem; box-sizing:border-box; position:relative; cursor:pointer;}
.ldy_8 .fr .list .item .z1 i{ position:absolute; right:0.15rem; top:50%; transform:translateY(-50%); transition:all 0.35s;}
.ldy_8 .fr .list .item .p1{ margin:0.25rem 0; font-size:16px; display:none; color:#fff;}
.ldy_8 .fr .list .item.active .z1 i{ transform:rotate(90deg); top:25%;}
.ldy_8 .fr .list .item.active .p1{ display:block;}
@media (min-width:1081px){
    .ldy_8 .fr .list .item:nth-child(1) .z1{ width:80%; margin-left:auto; margin-right:0;}
    .ldy_8 .fr .list .item:nth-child(2) .z1{ width:60%; margin-left:auto; margin-right:0;}
    .ldy_8 .fr .list .item:nth-child(3) .z1{ width:85%; margin-left:auto; margin-right:0;}
    .ldy_8 .fr .list .item:nth-child(4) .z1{ width:80%; margin-left:auto; margin-right:0;}
    .ldy_8 .fr .list .item:nth-child(5) .z1{ width:90%; margin-left:auto; margin-right:0;}
}
@media (min-width: 1px) and (max-width: 1080px) {
}


.ldy_9{ padding:0.75rem 0 1rem;}
.ldy_9 .dl{ display:flex; justify-content:space-between; align-items:center; margin-top:0.8rem; border-bottom:2px solid var(--main-color); padding-bottom:0.4rem;}
.ldy_9 .dl .dd{ margin:0; font-size:16px;}
.ldy_9 .dl .dd:first-child{ font-size:0.38rem; font-family:Ebrima;}
.ldy_9 .list{ margin-top:0.8rem; display:grid; grid-template-columns:repeat(3,1fr); gap:0; overflow:hidden;}
.ldy_9 .list .item{ margin:0; width:100%;}
@media (min-width:1081px){
}
@media (min-width: 1px) and (max-width: 1080px) {
}

.ldy_10{ padding:0.8rem 0 1rem; background:linear-gradient(to bottom,var(--main-color) 50%,#fff 50%);}
.ldy_10 .ldytit{ text-align:left;}
.ldy_10 .ldytit .z1{ color:#fff;}
.ldy_10 .ldytit .p1{ color:#fff;}
.ldy_10 .ldytit a{ display:inline-block; padding:0.2rem 0.95rem; border:1px solid #fff; margin-top:0.3rem; font-size:16px; text-transform:uppercase; color:#fff;}
.ldy_10 .list{ margin-top:0.65rem;}
.ldy_10 .list .swiper{ height:calc(4.14rem * 2);}
.ldy_10 .list .item{ display:block; background:#fff;}
.ldy_10 .list .item .img{ overflow:hidden;}
.ldy_10 .list .item .img img{ width:100%; height:auto;}
.ldy_10 .list .item .txt{ padding:.2rem;}
.ldy_10 .list .item .txt .z1{ text-align:center; font-size:20px;}
.ldy_10 .list .item .txt .p1{ font-size:14px; margin-top:0.1rem; line-height:1.45;}
.ldy_10 .list .btnlist{ margin-top:0.5rem; display:flex; align-items:center; justify-content:center;}
.ldy_10 .list .btnlist .btn{ margin:0 0.1rem; display:inline-flex; align-items:center; justify-content:center; width:0.64rem; height:0.64rem; background:var(--main-color); color:#fff; border-radius:50%; cursor:pointer; outline:none;}
.ldy_10 .list .btnlist .btn i{ font-size:0.32rem;}
@media (min-width:1081px){
}
@media (min-width: 1px) and (max-width: 1080px) {
}


.ldy_11{ padding:0 0 0.3rem 0;}
.ldy_11 .list{ margin-top:0.5rem;}
.ldy_11 .playground-wrap{ display:flex; justify-content:space-between;}
.ldy_11 .play-left{ margin:0; width:4.8rem;}
.ldy_11 .play-left .play-card{ display:block; position:relative;}
.ldy_11 .play-left .play-card .img{ overflow:hidden;}
.ldy_11 .play-left .play-card .img img{ width:100%; height:auto;}
.ldy_11 .play-left .play-card .txt{ position:absolute; left:0; bottom:0; right:0; padding:0.2rem; background:rgba(255,255,255,0.8); box-sizing:border-box; }
.ldy_11 .play-left .play-card .txt .z1{ font-size:20px; font-weight:bold;}
.ldy_11 .play-left .play-card:first-child{ margin-bottom:0.2rem;}
.ldy_11 .play-right{ margin:0; width:calc(100% - 4.8rem - 0.2rem);}
.ldy_11 .play-right .play-card{ display:block; position:relative;}
.ldy_11 .play-right .play-card .img{ overflow:hidden;}
.ldy_11 .play-right .play-card .img img{ width:100%; height:auto;}
.ldy_11 .play-right .play-card .txt{ position:absolute; left:0; bottom:0; right:0; padding:0.2rem; background:rgba(255,255,255,0.8); box-sizing:border-box; }
.ldy_11 .play-right .play-card .txt .z1{ font-size:20px; font-weight:bold;}
.ldy_11 .play-right .play-card .txt .p1{ font-size:16px; line-height:1.8; margin-top:0.25rem;}
.ldy_11 .list .btnlist{ margin-top:0.5rem; display:flex; align-items:center; justify-content:center;}
.ldy_11 .list .btnlist .btn{ margin:0 0.1rem; display:inline-flex; align-items:center; justify-content:center; width:0.64rem; height:0.64rem; background:var(--main-color); color:#fff; border-radius:50%; cursor:pointer; outline:none;}
.ldy_11 .list .btnlist .btn i{ font-size:0.32rem;}
@media (min-width:1081px){
}
@media (min-width: 1px) and (max-width: 1080px) {
}


.ldy_12{ padding:0.8rem 0; background:#F3F3F3;}
.ldy_12 .tit{ font-family:Ebrima; font-size:0.3rem; color:#fff; text-transform:uppercase; background:var(--main-color); padding:0.25rem 0.35rem; line-height:1;}
.ldy_12 .box{ display:grid; grid-template-columns:repeat(3,1fr); gap:0.3rem; margin-top:0.5rem;}
.ldy_12 .box .item{ margin:0; width:100%; position:relative; z-index:2;}
.ldy_12 .box .item .img{}
.ldy_12 .box .item .img img{ width:100%; height:auto;}
.ldy_12 .box .item .z1{ font-size:22px; font-weight:bold; color:var(--main-color); text-align:center; margin-top:0.2rem;}
.ldy_12 .list{ display:grid; grid-template-columns:repeat(2,1fr); gap:0.3rem; margin-top:0.5rem;}
.ldy_12 .list .item{ margin:0; width:100%; position:relative; z-index:2;}
.ldy_12 .list .item .img{}
.ldy_12 .list .item .img img{ width:100%; height:auto;}
@media (min-width:1081px){
    .ldy_12  .item:hover{ position:relative; z-index:3;}
    .ldy_12  .item:hover .img img{ transform:scale(1.5);}

}
@media (min-width: 1px) and (max-width: 1080px) {
}

.ldy_13{ padding:0.8rem 0; background:url(/dist/landingpage2/images/ServiceScope.webp) no-repeat center top;}
.ldy_13 .ldytit .z1{ color:#fff;}
.ldy_13 .ldytit .p1{ color:#fff;}
.ldy_13 .list{ display:grid; grid-template-columns:repeat(3,1fr); gap:0.35rem; margin-top:0.5rem;}
.ldy_13 .list .item{ margin:0; width:100%; position:relative; z-index:2; box-shadow:-5px 0px 65px 5px rgba(0,0,0,0.10);}
.ldy_13 .list .item .img{}
.ldy_13 .list .item .img img{ width:100%; height:auto;}
.ldy_13 .list .item .txt{ padding:0.25rem; text-align:center;}
.ldy_13 .list .item .txt .z1{ font-size:20px;}
@media (min-width:1081px){
    .ldy_13  .item:hover{ position:relative; z-index:3;}
    .ldy_13  .item:hover .img img{ transform:scale(1.5);}

}
@media (min-width: 1px) and (max-width: 1080px) {
}

.ldy_14{}
.ldy_14 .item{ position:relative; z-index:1; display:flex; justify-content:space-between; align-items:center;}
.ldy_14 .item .img{ margin:0; padding:0.4rem; box-sizing:border-box; width:60%; display:flex; align-items:center; justify-content:center;}
.ldy_14 .item .txt{ margin:0; color:#fff; font-size:18px; font-weight:bold; line-height:1.6; width:40%; display:flex; align-items:center; justify-content:center;}
.ldy_14 .item .more{ margin:0; display:inline-block; position:relative; display:flex; align-items:center; justify-content:center;}
.ldy_14 .item .more a{ display:inline-block; padding:0.15rem 0.95rem; box-sizing:border-box; border:1px solid #fff; font-size:15px; color:#fff;}
.ldy_14 .item:before{ content:""; position:absolute; left:50%; top:0; transform:translateX(-50%) skew(-35deg); width:95.7%; height:100%; background:#1c1e32; z-index:-1;}
@media (min-width:1081px){
    .ldy_14 .item{ padding-right:5rem;}
    .ldy_14 .item .more{ position:absolute; right:0; top:0; z-index:1; width:5rem; height:100%;}
}
@media (min-width: 1px) and (max-width: 1080px) {
}


.ldy_15{ padding:1.1rem 0 1rem;}
.ldy_15 .tit{ display:flex; justify-content:space-between; align-items:center;}
.ldy_15 .tit .lt{ margin:0; width:2.8rem;}
.ldy_15 .tit .lt .z1{ font-size:0.48rem; line-height:1.1; color:#333; font-family:Ebrima;}
.ldy_15 .tit .lt .z1 span{ color:var(--main-color);}
.ldy_15 .tit .fr{ margin:0; width:calc(100% - 2.8rem);}
.ldy_15 .tit .fr p{ font-size:16px; line-height:1.8;}
.ldy_15 .list{ margin-top:0.9rem; display:grid; grid-template-columns:repeat(2,1fr); overflow:hidden;}
.ldy_15 .list .lt{ margin:0; width:100%;}
.ldy_15 .list .lt .item{ display:block; margin-bottom:15px;}
.ldy_15 .list .lt .item .z1{ font-size:18px; background:#e7e7e7; color:#333; display:flex; justify-content:space-between; box-sizing:border-box; padding:0.24rem;}
.ldy_15 .list .lt .item .z1 span{ flex:1; font-family:Ebrima;}
.ldy_15 .list .lt .item .z1 i{ white-space: nowrap;text-overflow: ellipsis; font-size:18px;}
.ldy_15 .list .lt .item .txt{ padding:0.25rem; font-size:16px; line-height:1.875; display:none;}
.ldy_15 .list .lt .item.active .z1{ background:var(--main-color); color:#fff;}
.ldy_15 .list .lt .item.active .z1 i{ transform:rotate(90deg);}
.ldy_15 .list .lt .item.active .txt{ display:block;}
.ldy_15 .list .lt a.btn{ display:inline-block; padding:0.2rem 0.95rem; border:1px solid var(--main-color); margin-top:0.3rem; font-size:16px; text-transform:uppercase; color:#fff; background:var(--main-color);}
.ldy_15 .list .fr{ margin:0; width:100%; box-sizing:border-box; padding-left:0.65rem;}
@media (min-width:1081px){
}
@media (min-width: 1px) and (max-width: 1080px) {
}