/* 公用样式 */
@import url('https://fonts.googleapis.com/css2?family=Source+Han+Sans+SC:wght@300;400;500;700&display=swap');

.w1650 {width: 1650px; margin: auto; max-width: 92%;}

.source {font-family: 'Source Han Sans SC', sans-serif;}


.X2-banner {position: relative; overflow: hidden;}
.X2-banner .imgBox img {width: 100%; min-height: 5rem; object-fit: cover;}
.X2-banner .p1 {font-size: 1rem; font-weight: 700; line-height: 1.2; color: #fff;}
.X2-banner .p2 {font-size: .48rem; margin-top: .5rem; border-radius: .12rem; border: 2px solid #fff; padding: .05rem .55rem; display: inline-block; color: #fff;}

.X2Tle {font-family: 'Source Han Sans SC', sans-serif; font-weight: 500; color: #000000; line-height: 1.2;}
.X2Tle .t1 {font-size: .72rem; font-weight: 500;}
.X2Tle .sp1 {color: #00aeff; margin-right: .3rem;}
.X2Tle .t2 {font-weight: normal;}

.X2_One .sec_item {position: relative; overflow: hidden;}
.X2_One .sec_item .bjBox img {width: 100%;}
.X2_One .sec_item .con {position: absolute; width: 100%;left: 0;z-index: 1; top: 50%; transform: translateY(-50%);}
.X2_One .sec_item .con .left {width: 46%;}
.X2_One .sec_item .p1 {font-size: .36rem; margin-top: .3rem; color: #000; font-family: 'Source Han Sans SC', sans-serif; }
.X2_One .sec_item .p2 {margin-top: .4rem;color: #646464; font-size: .3rem; line-height: 1.7;}
.X2_One .sec_item .p2 span {display: block;}
.X2_One .sec_item:nth-child(odd) .box {display: flex; justify-content: flex-end;}

.X2_Two {margin-top: -1.2rem;}
.X2_Two .tle {background: #313131; padding: .1rem 0; padding-bottom: .26rem; font-size: .48rem; color: #fff;}
.X2_Two .box {border-radius: .16rem; position: relative; overflow: hidden; box-shadow: 0px 2px .4rem 0px rgba(36, 36, 36, 0.06);}
.X2_Two .con {margin-top: -.16rem; position: relative; z-index: 2; background: #fff; display: flex; padding: .5rem 0;  border-radius: .16rem; overflow: hidden; box-shadow: 0px 2px .4rem 0px rgba(36, 36, 36, 0.06);}
.X2_Two .con .item {padding: 0 .5rem; width: calc(100% / 3);}
.X2_Two .con .item > .icBox {height: .6rem;display: flex; align-items: center;}
.X2_Two .con .item > .icBox img {max-height: 100%;}
.X2_Two .con .item .p1 {font-size: .42rem; color: #000; margin-top: .2rem;}
.X2_Two .con .item .p2 {margin-top: .2rem;font-size: .24rem; color: #646464;}
.X2_Two .tip-box {padding: .3rem .5rem;}
.tip_info {display: flex; text-align: left;}
.tip_info .icBox {flex-shrink: 0; margin-right: .1rem;}
.tip_info span {font-size: .24rem; color: #969696;}

.X2_Thre {position: relative; overflow: hidden;}
.X2_Thre .X2Tle {padding: 1.2rem 0;}
.X2_Thre .imglist ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: .3rem;}
.X2_Thre .imglist li {border-radius: .16rem;}
.X2_Thre .imglist li img {width: 100%;}
.X2_Thre .box {background:linear-gradient(125deg, rgb(218,217,221) 0%, rgb(255,255,255) 100%); padding: .8rem .3rem; border-radius: .16rem; overflow: hidden; margin-top: .3rem;}
.X2_Thre .tit {font-size: .48rem; color: #000;padding-left: .2rem;}
.X2_Thre dl {display: flex; justify-content: space-between; margin-top: .8rem;}
.X2_Thre dd {width: calc(100% /4 - .6rem); text-align: center;}
.X2_Thre dd > .icBox {width: 1.35rem; height: 1.35rem; margin: auto; border: 3px solid #313131; border-radius: .28rem; display: flex; align-items: center; justify-content: center;}
.X2_Thre dd > .icBox img {max-width: 86%; max-height: 80%; object-fit: contain;}
.X2_Thre dd .p1 {color: #000000; font-size: .36rem; margin-top: .2rem; font-weight: 600;}
.X2_Thre dd .p2 {color: #646464;margin-top: .2rem; font-size: .24rem;}

.X2_Four {padding: 1rem 0;}
.X2_Four .list {margin-top: .8rem;}
.X2_Four .list ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.X2_Four .list li {width: calc(100% / 5 - .3rem); text-align: center; padding: .45rem .1rem; border-radius: .16rem; overflow: hidden; box-shadow: 0px 2px .4rem 0px rgba(36, 36, 36, 0.06); margin-bottom: .3rem;}
.X2_Four .list li .icBox {height: .8rem; display: flex; align-items: center; justify-content: center;}
.X2_Four .list li img {max-height: 100%;}
.X2_Four .list li span {font-size: .28rem; display: block; margin-top: .2rem;}

.X2_Five {padding-top: 0; text-align: center;}
.X2_Five .list {display: inline-block;}
.X2_Five .list ul {justify-content: center; gap: .3rem;}
.X2_Five .list ul li {width: auto; min-width: 4.6rem;}

.X2_Six {background: #f7f7f8; padding: 1rem 0;}
.X2_Six .img_box {margin-top: 1rem; display: flex; justify-content: space-between;}
.X2_Six .img_box .item {max-width: 47%;}
.X2_Six .img_box .item img {max-width: 100%;}
.X2_Six .text_tip {margin-top: .8rem; line-height: 1.8;}
.X2_Six .text_tip p {font-size: .22rem; color: #969696;}
.X2_Six .box {margin-top: 1rem; overflow-x:auto;}
.X2_Six table {min-width:450px;}
.X2_Six table tr td {padding:.15rem .2rem;font-size: .24rem;border-bottom: 2px solid #fff;}
.X2_Six table tr:first-child td span {font-size: .32rem !important;}
.X2_Six table tr td:not(:first-child) {box-shadow: -.1rem 0px .05rem rgba(0, 0, 0, .05);}
.X2_Six table tr td:first-child span {font-size: .26rem !important;}

@media screen and (max-width: 1440px) {
    .X2_One .sec_item .con .left {width: 45%;}
}

@media screen and (max-width: 1024px) {
    .X2-banner .p1 {font-size: .7rem;}
    .X2-banner .p2 {font-size: .3rem;}

    .X2Tle .t1 {font-size: .6rem;}


}


@media screen and (max-width: 768px) {
    .X2Tle .t1 {font-size: .5rem;}

    .X2-banner .p1 {font-size: .4rem;}
    .X2-banner .p2 {padding: .05rem .2rem; margin-top: .3rem;}
    .X2_One .sec_item .con .left {width: 50%;}
    .X2_One .wrap_item .bjBox img {width: 150%;}
    .X2_One .wrap_item .con {position: relative; transform: none; background: #fff;}
    .X2_One .wrap_item .con .left {width: 100%; padding: .8rem 0;}
    .X2_One .wrap_item:nth-child(even) .bjBox img {width: 160%; transform: translateX(-35%);}

    .X2_Two {margin-top: 0;}
    .X2_Two .con {flex-wrap: wrap;}
    .X2_Two .con .item {width: 100%; margin: .3rem 0;}
    .X2_Two .con .item .tip_info {margin-top: .2rem;}
    .tip_info .icBox img {max-width: .3rem;}
    .X2_Thre .imglist ul {grid-template-columns: repeat(1, 1fr);}
    .X2_Thre .tit {text-align: center; padding: 0;}
    .X2_Thre dl {flex-wrap: wrap;}
    .X2_Thre dd {width: calc(100% / 2 - .1rem);}
    .X2_Thre dd > .icBox {width: 1rem; height: 1rem; border-radius: .16rem; border-width: 2px;}
    .X2_Four .list li {width: calc(100% / 2 - .2rem);;}
    .X2_Five .list ul li {min-width: 3rem; max-width: 100%;}
    .X2_Six .img_box {flex-wrap: wrap;}
    .X2_Six .img_box .item {max-width: 100%; margin-bottom: .5rem;}
    .X2_Six .text_tip {margin-top: .4rem;}
}