/* 公用样式 */
@import url('https://font.sec.miui.com/font/css?family=MiSans:200,300,400,500,600,700,900:MiSans'); /* 字体引入 */
BODY {FONT: 16px / 1.5 'MiSans', "PingFang SC", "Microsoft YaHei", Arial, Helvetica, sans-serif !important;}

.proC4Tle .t1 {font-size: .56rem; font-weight: 500;}

.pro_C4_banner {height: 100vh; position: relative;}
.pro_C4_banner .imgBox {height: 100%;}
.pro_C4_banner .imgBox img {width: 100%; height: 100%; object-fit: cover;  min-height: 6rem;}
.pro_C4_banner .p1 {color: #FFF; font-size: .74rem;}
.pro_C4_banner .p2 {color: #FFF; font-size: .3rem; margin-top: .1rem;}
.pro_C4_banner .more {margin-top: .8rem;}

.pro_C4_Two {position: relative;}
.pro_C4_Two li {position: relative; height: 150vh;}
.pro_C4_Two li .style-sticky { position: sticky; top: 0; height: 100vh; z-index: 1; overflow: hidden;}
.pro_C4_Two li .proC4Tle .t1 {color: #fff;}
.pro_C4_Two li.li_right .box {display: flex; justify-content: flex-end;}
.pro_C4_Two li .imgBox {height: 100%; overflow: hidden;}
.pro_C4_Two li .imgBox img {width: 100%;display: block; height: 100%; object-fit: cover;object-position: center;}
.pro_C4_Two li .box .text  {padding-top: .2rem;}
.pro_C4_Two li .con .text .item {margin-top: .45rem;}
.pro_C4_Two li .con .text .item .tit {font-size: .3rem; color: #fff;}
.pro_C4_Two li .con .text .item p {font-size: .18rem;  color: #fff;}
.pro_C4_Two li .box .con {width: 45%;}

.pro_C4_Two li.li4 .proC4Tle .t1 {color: #333;}
.pro_C4_Two li.li4 .table {display: flex; flex-wrap: wrap; margin-top: .2rem;}
.pro_C4_Two li.li4 .table .item {width: 35%; box-sizing: border-box; padding-right: .2rem; margin-top: .2rem;}
.pro_C4_Two li.li4 .table .item.full {width: 100%;}
.pro_C4_Two li.li4 .table .item .lab {font-size: .16rem; color: #333; line-height: 1.4;}
.pro_C4_Two li.li4 .table .item .val {font-size: .28rem; color: #333; line-height: 1.4; font-weight: 500;}

.pro_C4_Thre {padding: 1rem 0;}
.pro_C4_Thre .proC4Tle {text-align: center;margin-bottom: .6rem;}

@media screen and (max-width:1440px) {
    .pro_C4_banner {height: auto;}
    .pro_C4_Two li {height: auto; position: relative;}
    .pro_C4_Two li .style-sticky {height: auto;}
}
  

@media screen and (max-width:1200px) {
    .pro_C4_Two li.li4 .style-sticky {padding: 1rem 0;}
    .pro_C4_Two li.li4 .imgBox {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    .pro_C4_Two li.li4 .box {position: relative; inset: 0; transform: none;}
}

@media screen and (max-width:992px) {
    .pro_C4_Two li .proC4Tle .t1 {font-size: .5rem;}
    .pro_C4_Two li.li4 .table .item {width: 45%;}
    .pro_C4_Two li .con .text .item {margin-top: .2rem;}
}

@media screen and (max-width: 767px) { 
    .pro_C4_banner .p1 {font-size: .6rem;}
    .pro_C4_banner .con {max-width: 50%;}
    .pro_C4_banner .more {margin-top: .4rem;}

    .pro_C4_Two li {height: auto;}
    .pro_C4_Two li .proC4Tle .t1 {color: #333;}
    .pro_C4_Two li .con .text .item .tit {color: #333;}
    .pro_C4_Two li .con .text .item p {color: #333;}

    .pro_C4_Two li .style-sticky {height: auto;}
    .pro_C4_Two li .box {position: relative;left: 0;top: 0;transform: none; padding: .7rem 0;}
    .pro_C4_Two li .imgBox img {height: auto; width: 110%;}
    .pro_C4_Two li .box .con {max-width: 100%; width: 100%;}

    .pro_C4_Two li.li4 .style-sticky {padding: 0;}
    .pro_C4_Two li.li4 .imgBox {position: relative;}


}