/* 公用样式 */
@import url('https://font.sec.miui.com/font/css?family=MiSans:400,500,600,700,900:MiSans'); /* 字体引入 */


.A3Main {font-family: 'MiSans', sans-serif;}

.A3_One {position: relative; overflow: hidden;}
.A3_One .imgBox img {width: 100%; height: 100%; object-fit: cover;}

.A3_One .box1 {position: absolute; top: 18%; width: 51%; right: 0; padding-right: 2%;}
.A3_One .box1 .b1 {color: #0c0c0c; font-size: .6rem; line-height: 1;}
.A3_One .box1 .b2 {font-size: .5rem; color: #0c0c0c; font-weight: 700;}
.A3_One .box1 .link {gap:.2rem;margin-top: .35rem;}
.A3_One .box1 .b3 {display: inline-flex; align-items: center;  gap: 5px; font-size: .18rem; cursor: pointer;}
.A3_One .box1 .b3 img {    width: .24rem;}
.A3_One .box1 .b4 a {font-size: .18rem; color:#333;    display: block;}
.A3_One .box2 {position: absolute; top: 33%; width: 42%; right: 0; padding-right: 2%; text-align: right; z-index: -1;}
.A3_One .box2 .item {border-bottom: 1px solid #414141; margin-top: .8rem; padding-bottom: .1rem;}
.A3_One .box2 .item:first-child {margin-top: 0;}
.A3_One .box2 .item .p1 {font-size: .24rem; color: #6d6d6d;}
.A3_One .box2 .item .num {color: #6d6d6d; font-size: .72rem; display: inline-flex; text-transform: uppercase;}
.A3_One .box2 .item .p2 {font-size: .35rem;color: #6d6d6d;}

.A3_Two .sec_item { position: relative; z-index: 2; overflow: hidden;}
.A3_Two .sec_item .video-background {position: absolute; width: 100%; height: 100%; aspect-ratio: 16 / 9; transition: opacity .3s ease-in-out, visibility .3s ease-in-out;}
.A3_Two .sec_item .video-background::after {content: ''; width: 100%; height: 100%; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 100%);}
.A3_Two .sec_item video {inset: 0;height: 100%; width: 100%; object-fit: cover;}
.A3_Two .sec_item .content-wrapper {width: 100%; min-height: 100svh; padding: .8rem; display: flex;  align-items: flex-end; z-index: 2; position: relative;}
.A3_Two .sec_item .content-wrapper .content {}
.A3_Two .sec_item .content-wrapper .content .heading {color: #fff; font-size: .46rem;}
.A3_Two .sec_item .content-wrapper .content .text {color: #fff; font-size: .18rem; line-height: 1.8; margin-top: .3rem;}
.A3_Two .sec_item .content-wrapper .content .text span {display: block;}
.A3_Two .sec_item:nth-child(even) .content-wrapper {justify-content: flex-end;}

.A3_Thre {position: relative; overflow: hidden; padding: 1rem 0;}
.A3_Thre .bj_img img {width: 100%;}
.A3_Thre .box {display: flex; justify-content: flex-end; position: absolute; width: 100%; right: 0; padding-right: 2%; top: 50%; transform: translateY(-50%);  z-index: 2;}
.A3_Thre .box .con {width: 45%;}
.A3_Thre .box .txt_img img {max-width: 100%;} 
.A3_Thre .box .tle .tit {font-size: .6rem; font-weight: 300; line-height: 1;}

.A3_Thre .box .list {padding-left: 8%; margin-top: 1rem;}
.A3_Thre .box .list .item {display: flex; gap: .15rem; align-items: center; margin-top: .5rem;}
.A3_Thre .box .list .item:first-child {margin-top: 0;}
.A3_Thre .box .list .item_tit {font-size: .48rem; font-weight: 700; flex-shrink: 0;}
.A3_Thre .box .list .item .icBox {width: .5rem;}
.A3_Thre .box .list .item .icBox img {width: 100%; object-fit: contain;}
.A3_Thre .box .list .i1 {font-size: .24rem;}
.A3_Thre .box .list .i2 {font-size: .20rem;}

.A3_Four {position: relative; overflow: hidden; }
.A3_Four .bj_img {background-attachment: fixed !important; background-repeat: no-repeat !important; background-size: cover !important;}
.A3_Four .bj_img img {width: 100%; opacity: 0;}

@media screen and (max-width: 1200px) {
    .A3_Two .sec_item .content-wrapper .content {width: 50%;}
    .A3_Thre .box .con {width: 52%;}
    .A3_Thre .box .tle .tit {font-size: .5rem;}
    .A3_Thre .box .list .item_tit {font-size: .36rem;}
}


@media screen and (max-width: 960px) {
    .A3_One .box1 .b1 {font-size: .5rem;}
    .A3_One .box1 .b2 {font-size: .4rem;}
    .A3_One .box2 .item {margin-top: .4rem;}
    .A3_One .box2 .item .num {font-size: .6rem;}
    .A3_One .box2 .item .p2 {font-size: .28rem;}
}

@media screen and (max-width: 768px) { 
    .A3_One .imgBox img {width: 140%; position: relative; left: -35%;}
    .A3_One .box1 {width: 70%;}
    .A3_One .box1 .b3 {}
    .A3_One .box1 .link {margin-top: .2rem;}
    .A3_One .box2 {width: 100%; top: 30%;}
    .A3_One .box2 .item:last-child {border-bottom: none;}
    .A3_One .box2 .item .p2 {font-size: .24rem;max-width: 50%;margin-left: auto;}
    .A3_One .box2 .item .num {font-size: .4rem;}
    .A3_Two .sec_item .content-wrapper {padding: .4rem;}
    .A3_Two .sec_item .content-wrapper .content {width: 100%;}

    .A3_Thre {padding: .8rem 2%;}
    .A3_Thre .box {position: relative; flex-wrap: wrap; transform: none; top: 0; left: 0; width: 100%;}
    .A3_Thre .box .con {width: 100%;}
    .A3_Thre .box .list {padding-left: 0;}
    .A3_Thre .bj_img img {width: 160%}
    .A3_Four .bj_img {background-attachment: local !important;}
    .A3_Four .bj_img img {width: 100%; opacity: 1;}

}