.body .container{ max-width:1480px; margin:0 auto;}

.ldy_one{ background:url(/dist/landingpage3//images/175334759810445.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:#333; margin-bottom:0.2rem;}
.ldy_one .text .z1 span{ color:var(--main-color);}
.ldy_one .text .p1{ margin:0 0 0.22rem; font-size:18px; color:#333; text-align:center; line-height:1.45;}
.ldy_one .text .list{ display:grid; grid-template-columns:repeat(3,1fr);}
.ldy_one .text .list p{ margin:0; color:#333; 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; overflow:hidden;}
.ldy_two .item .img{ margin:0; padding:0.4rem; box-sizing:border-box; width:60%; display:flex; align-items:center; justify-content:center; position:relative;}
.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%); width:100%; height:100%; background:var(--main-color); 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 .img:before{ content:""; position:absolute; left:40%; top:0; transform:translateX(-50%) skew(-35deg); width:120%; height:100%; background:#1c1e32; z-index:-1;}
}
@media (min-width: 1px) and (max-width: 1080px) {
}


.ldytit{ text-align:center;}
.ldytit .z1{ font-family:Ebrima; font-size:0.32rem; 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_1{ padding:0.8rem 0 0 0;}
.ldy_1 .list{ margin-top:0.5rem; background:#eee; align-items:stretch;}
.ldy_1 .list .lt{ margin:0; width:41.67%;}
.ldy_1 .list .lt iframe{ height:100%;}
.ldy_1 .list .fr{ margin:0; width:calc(100% - 41.67%); box-sizing:border-box; padding:0 15px 0 0.9rem; border-top:0.18rem solid #fff; position:relative;}
.ldy_1 .list .fr .tag{ width:0.72rem; height:0.88rem; display:flex; align-items:center; justify-content:center; color:#fff; background:var(--main-color); position:absolute; left:0; top:-0.18rem;}
.ldy_1 .list .fr .tag i{ font-size:0.3rem;}
.ldy_1 .list .fr .z1{ font-size:28px; margin:0.2rem 0; font-family:Ebrima;}
.ldy_1 .list .fr .txt{}
.ldy_1 .list .fr .txt .context{ font-size:16px; line-height:1.8; margin-bottom:0.2rem;}
.ldy_1 .list .fr .txt p{ margin:0; color:#333; padding-left:45px; font-size:16px; line-height:2; margin-bottom:0.1rem;}

.ldy_1 .box{ margin-top:0.5rem;  align-items:stretch;}
.ldy_1 .box .lt{ margin:0; width:calc(41.67% - 0.13rem);}
.ldy_1 .box .fr{ margin:0; width:calc(100% - 41.67%); box-sizing:border-box; position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:0.13rem;}
.ldy_1 .box .item{ margin:0; width:100%; }
.ldy_1 .box .item img{ width:100%; height:auto;}
@media (min-width:1081px){
    .ldy_1 .box .item:hover img{transform:scale(1.5); cursor:pointer; position:relative; z-index:2;}
}
@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; flex-wrap:wrap;}
.ldy_4 ul li{ margin:0 0.25rem 0.2rem 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:.3rem;}
.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_2{ }
.ldy_2 .list{ padding:0.5rem 0.4rem; border-radius:0.2rem; background:#EEEFEF; display:grid; grid-template-columns:repeat(8,1fr); gap:0.45rem;}
.ldy_2 .list .item{ margin:0; width:100%; cursor:pointer;}
.ldy_2 .list .item .img{}
.ldy_2 .list .item .txt{ text-align:center;}
.ldy_2 .list .item .txt .z1{ margin:0.2rem 0; font-size:20px;}
@media (min-width:1081px){
    .ldy_2 .list .item:hover .img img{ transform:scale(1.5);}
}
@media (min-width: 1px) and (max-width: 1080px) {
}

.ldy2_two{}
.ldy2_two .item{ position:relative; z-index:1; display:flex; justify-content:space-between; align-items:center; overflow:hidden;}
.ldy2_two .item .img{ margin:0; padding:0.4rem; box-sizing:border-box; width:60%; display:flex; align-items:center; justify-content:center; position:relative;}
.ldy2_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;}
.ldy2_two .item .more{ margin:0; display:inline-block; position:relative; display:flex; align-items:center; justify-content:center;}
.ldy2_two .item .more a{ display:inline-block; padding:0.15rem 0.95rem; box-sizing:border-box; border:0; font-size:15px; color:#fff; background:#F08619 none repeat scroll 0 0;}
.ldy2_two .item:before{ content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); width:100%; height:100%; background:var(--main-color); z-index:-1;}
@media (min-width:1081px){
    .ldy2_two .item{ padding-right:5rem;}
    .ldy2_two .item .more{ position:absolute; right:0; top:0; z-index:1; width:5rem; height:100%;}
    .ldy2_two .item .img:before{ content:""; position:absolute; left:40%; top:0; transform:translateX(-50%) skew(-35deg); width:120%; height:100%; background:#1c1e32; z-index:-1;}
}
@media (min-width: 1px) and (max-width: 1080px) {
}

.ldy2_1{ padding:0.8rem 0 ;}
.ldy2_1 .list{  display:grid; margin-top:0.6rem; grid-template-columns:repeat(4,1fr); gap:0.3rem;}
.ldy2_1 .list .item{ overflow:hidden; position:relative;}
.ldy2_1 .list .item .z1{ position:absolute; left:0; bottom:0; right:0; background:rgba(255,255,255,0.6); padding:0.15rem; font-size:22px; text-align:center;}
@media (min-width:1081px){
}
@media (min-width: 1px) and (max-width: 1080px) {
}

.ldy2_2{ padding:0 0 0.8rem 0 ;}
.ldy2_2 .list{ margin:0.5rem 0; display:grid; grid-template-columns:repeat(5,1fr); gap:0.3rem;}
.ldy2_2 .list .item{ overflow:hidden; position:relative;}
.ldy2_2 .list .item .z1{ font-size:18px; text-align:center; margin-top:0.2rem;}
@media (min-width:1081px){
}
@media (min-width: 1px) and (max-width: 1080px) {
}

.ldy2_3{ padding:0 0 0.8rem 0 ;}
.ldy2_3 .list{ margin:0.3rem 0 0 0; display:grid; grid-template-columns:repeat(4,1fr); gap:10px;}
.ldy2_3 .list .item{ overflow:hidden; position:relative;}
.ldy2_3 .list .item img:first-child{ margin-bottom:10px;}
.ldy2_3 .list .item .context{ background:#eeefef; padding:1.05rem 0.35rem;}
.ldy2_3 .list .item .context .z1{ font-family:Ebrima; font-size:22px; line-height:1.32; color:var(--main-color); text-transform:uppercase;}
.ldy2_3 .list .item .context p{ margin-top:0.2rem; font-size:16px; line-height:1.5;}
@media (min-width:1081px){
}
@media (min-width: 1px) and (max-width: 1080px) {
}

.ldy2_4{ padding:0 0 0.8rem 0 ;}
.ldy2_4 .list{ margin-top:0.8rem;}
@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_11{ padding:0.8rem 0; background:#eeefef;}
.ldy_11 .list{ margin-top:0.5rem; display:grid; grid-template-columns:repeat(4,1fr); gap:0.3rem; padding-bottom:0.65rem; border-bottom:0.12rem solid var(--main-color);}
.ldy_11 .list .play-card{ display:block; position:relative;}
.ldy_11 .list .play-card .img{ overflow:hidden;}
.ldy_11 .list .play-card .img img{ width:100%; height:auto;}
.ldy_11 .list .play-card .txt{ position:absolute; left:0; bottom:0; right:0; padding:0.15rem; background:rgba(255,255,255,0.8); box-sizing:border-box; }
.ldy_11 .list .play-card .txt .z1{ font-size:18px; font-weight:bold;}
@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_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) {
}


.ldy2_5{ padding:0.8rem 0; background:#EEEFEF;}
.ldy2_5 .list{ display:grid; grid-template-columns:repeat(2,1fr); gap:0.3rem;}
@media (min-width:1081px){
}
@media (min-width: 1px) and (max-width: 1080px) {
}




















