/* 公用样式 */
@font-face {
  font-family: 'MiSans';
  src: url('https://font.sec.miui.com/font/css?family=MiSans:400,500,600,700,900:MiSans');
  font-display: swap;
} 

.cor-fff {color: #fff;}

.G2Main {font-family: 'MiSans', sans-serif; color: #000;}

.G2-banner {position: relative; overflow: hidden;}
.G2-banner picture img {width: 100%; max-height: 100vh; object-fit: cover;}
.G2-banner .con {padding-left: 50%; padding-bottom: 15%;}
.G2-banner .p1 {font-size: 1rem; color: #FFFFFF; font-weight: 600; text-shadow: 0px 2px 5px rgba(0,64,107,0.9); line-height: 1; margin-bottom: .2rem;}
.G2-banner .p2 {font-size: .6rem; color: #fff; text-shadow: 0px 2px 5px rgba(0,86,112,0.87); font-weight: 500; line-height: 1.3;}
.G2-banner .p3 { margin-top: .2rem; border: 2px solid #6784A2; border-radius: .1rem; font-size: .32rem;color: #517398; display: inline-block; padding: .15rem .2rem; line-height: 1;} 

.G2One {position: relative;}
.G2One .sec_item {position: relative;}
.G2One .sec_item picture img {width: 100%; max-height: 100vh; object-fit: cover;}
.G2One .sec_item .con {position: absolute; width: 100%; top: 0; padding-top: 1rem;}
.G2One .sec_item .tle .t1 {font-size: .72rem; margin-bottom: .2rem; font-weight: 600;}
.G2One .sec_item .tle .t2 {font-size: .4rem;font-weight: 400; }
.G2One .sec_item2 .con {text-align: right;}

.G2Two {padding: .7rem 0;}
.G2Two .list ul {display: grid; grid-template-columns: repeat(2,1fr); gap: .24rem;}
.G2Two .list li img {width: 100%;}
.G2Two .list li:last-child {grid-column: 1 / 3;}

.G2Thre {}
.G2Thre .tit {text-align: center; font-size: .6rem; font-weight: 600;}
.G2Thre .list {margin-top: .24rem; border-radius: .32rem; background: #F6F6F6; padding: .8rem;}
.G2Thre .list ul {display: flex; justify-content: space-between;}
.G2Thre .list li {text-align: center;}
.G2Thre .list li .icBox {width: .64rem;height: .64rem; margin: auto; display: flex; justify-content: center; align-items: center;}
.G2Thre .list li img {max-width: 100%; max-height: 100%;}
.G2Thre .list li span {font-size: .2rem; margin-top: .2rem; display: block;}

.G2Four {text-align: center;}
.G2Four img {width: 100%; }

.G2Five img {width: 100%;}

@media (min-width: 2399px) {
    .container {width:100%; max-width: 80%;}
    
    .G2One .sec_item picture img {max-height:max-content;}
}



    .moblie {display: none;}
@media screen and (max-width: 767px) {
    .pc { display: none;}
    .moblie { display: block;}
}


@media screen and (max-width: 1024px) {
    .G2-banner .p1 {font-size: .8rem;}
    .G2One .sec_item .tle .t1 {font-size: .6rem;}
}

@media (max-width: 767px) { 
    .G2-banner .box {top: 28%;}
    .G2-banner .con {padding: 0; text-align: center;}
    .G2-banner .p1 {font-size: .8rem;}
    .G2-banner .p2 {font-size: .48rem;}

    .G2One .sec_item .con {text-align: center; padding-top: .5rem;}
    .G2One .sec_item .tle .t1 {font-size: .52rem;}
    .G2One .sec_item .tle .t2 {font-size: .3rem;}
    .G2One .sec_item2 .con {text-align: left; padding-top: 1.5rem;}

    .G2Two .list ul {grid-template-columns: 1fr;}
    .G2Two .list li:last-child {grid-column: 1;}

    .G2Thre .tit {font-size: .5rem;}
    .G2Thre .list {padding: .4rem .2rem;}
    .G2Thre .list ul {flex-wrap: wrap;}
    .G2Thre .list li {width: 33%; margin-bottom: .3rem;}
}