body{ background: #000;color: #fff; }
i{font-style: normal;display: block;}

.pore{ position: relative; }
.poab{ position: absolute; }
.flex{ display: flex; }
.flex-one{ flex: 1; }
.flex-wrap{ flex-wrap: wrap; }
.align-item{ align-items: center; }
.dfcj{ display: flex;flex-direction: column;justify-content: center; }
.dja{ display: flex;justify-content: center;align-items: center; }
.djc{ display: flex;justify-content: center; }
.djb{ display: flex;justify-content: space-between;align-items: center; }
.dj{ display: flex;justify-content: space-between; }
.colorAD{ color: #ADADAD; }
.colorGJB{
    background: linear-gradient(254.76deg, #777777 -1.33%, #DDDDDD 82.9%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.textAlign{ text-align: center; }
.font135{ font-size: 1.35vw;line-height: 1.66vw; }
.font07{ font-size: 0.7vw;line-height: 1.35vw; }
.font114{ font-size: 1.14vw;line-height: 1.66vw;color: #6C7273; }
.Batt_tit{ font-size: 3.3vw;line-height: 3.6vw;font-weight: 500; }
.Batt_con{ font-size: 1.5vw;line-height: 2vw;font-weight: 400; }
.w100{ width: 100%; }

.logoImg{ width: 24vw;top: 4vw;left: 4vw; }
.Wrap1Box{ top: 17vw;left: 19vw; }
.Wrap1Img{ width: 27.7vw; }
.Wrap1Text{ font-size: 2vw; }

.Wrap2{ padding: 6.8vw 0; }
.Wrap2Box{ width: 62vw;margin: 0 auto;display: grid;
    grid-template-columns: 16vw 8vw 21vw 17vw;grid-template-rows: 9.3vw 11.1vw 9.3vw 10.9vw; }
.Wrap2Div1{ grid-column-start: 1;grid-column-end: 2;grid-row-start: 1;grid-row-end: 3; }
.Wrap2Div2{ grid-column-start: 2;grid-column-end: 4;grid-row-start: 1;grid-row-end: 2; }
.Wrap2Div3{ grid-column-start: 4;grid-column-end: 5;grid-row-start: 1;grid-row-end: 3; }
.Wrap2Div4{ grid-column-start: 2;grid-column-end: 4;grid-row-start: 2;grid-row-end: 4; }
.Wrap2Div5{ grid-column-start: 1;grid-column-end: 2;grid-row-start: 3;grid-row-end: 4; }
.Wrap2Div6{ grid-column-start: 1;grid-column-end: 3;grid-row-start: 4;grid-row-end: 5; }
.Wrap2Div7{ grid-column-start: 3;grid-column-end: 4;grid-row-start: 4;grid-row-end: 5; }
.Wrap2Div8{ grid-column-start: 4;grid-column-end: 5;grid-row-start: 3;grid-row-end: 5; }
.Wrap2Div2Text{ width: 100%;text-align: center;top: 3vw; }
.Wrap2Div3Text{ top: 1.35vw;left: 1.35vw; }
.Wrap2Div5Text{ line-height: 1.35vw;color: #6c7273;top: 5.1vw;left: 1.35vw; }
.Wrap2Div6Text{ width: 100%;text-align: center;top: 1.35vw;left: 0; }
.Wrap2Div8Box{ top: 0;left: 1.35vw; }
.Wrap2Div8Img{ margin-top: -2vw; }
.Wrap2Div8Text{ bottom: 0;left: 1.3vw;color: #6C7273; }
.Wrap2Div8Box1{ font-size: 2.6vw;font-weight: 550;line-height: 3vw; }
.Wrap2Div8Box1 p {font-size: 1vw;}
.Wrap2Div8Box2{ font-size: 1vw;line-height: 1.7vw;color: #6C7273;font-weight: 550; }
.Wrap2Div4Box{ width: 8vw;height: 100%;display: flex;flex-direction: column;justify-content: center;top: 0;right: 2vw; }
.Wrap2Div4Text1{ font-size: 1.8vw;font-weight: 550; }
.Wrap2Div4Text2{ color: #6C7273; }
.Wrap2Div4bottom{ margin-bottom: 1vw; }

.Wrap3Text{ width: 100%;height: 6.2vw;text-align: center;top: 0;bottom: 0;margin: auto 0;left: 0;font-size: 4.68vw;line-height: 6.2vw; }

.Wrap4{ padding: 10.8vw 0; }
.Wrap4Img{ width: 70.6vw;display: block;margin: 0 auto; }
.Wrap4Text{ width: 100%; }
.Wrap4Cont{ width: 100%;color: #6C7273;margin-top: 1vw; }
.Wrap4Box{ width: 46.8vw;margin: 0 auto; }
.Wrap4TextCcon{ color: #6C7273; }

.Wrap5{ padding-bottom: 3vw; }
.Wrap5Logo{ width: 33vw;top: 10vw;left: 18.6vw; }
.Wrap5Text1{ top: 14.6vw;left: 18.6vw; }
.Wrap5Box{ width: 62.5vw;left: 0;right: 0;margin: 0 auto;bottom: 14vw;display: flex; }
.Wrap5Box1Con{ color: #6C7273;flex: 1; }
.Wrap5Box2Con{ width: 10.4vw;margin-left: 3vw; }
.Wrap5BoxLine{ width: 100%;height: 4px;margin: 5px 0 10px; }
.Wrap5Box1pbox{ width: 62.5vw;margin: 0 auto;color: #6C7273;font-size: 0.8vw;line-height: 1vw; }
.Wrap5Box1pbox p{ width: 38vw; }

.Wrap6Box{ width: 62.5vw;left: 0;right: 0;margin: 0 auto;top: 1vw; }
.Wrap6BoxCon{ margin-top: 3vw; }

.Wrap7Tit{ width: 100%;text-align: center;top: 10.9vw; }
.Wrap7Con{ width: 100%;text-align: center;top: 16.6vw; }
.Wrap7Tag{ color: #fff;top: 36.4vw;left: 36.7vw; }
.Wrap7Box{ width: 36.45vw;left: 0;right: 0;margin: 0 auto;top: 65vw; }
.Wrap7Foot{ width: 100%;text-align: center;left: 0;right: 0;margin: 0 auto;top: 75vw;color: #6C7273; }

.Wrap8Box{ top: 13.54vw;left: 18.59vw; }
.Wrap8Tag{ width: 8vw;top: 65.4vw;left: 18.5vw;color: #fff;text-align: center; }

.Wrap9Tit{ width: 30vw;text-align: center;left: 0;right: 0;margin: 0 auto;top: 5.6vw; }
.Wrap9Con{ width: 34.7vw;text-align: center;left: 0;right: 0;margin: 0 auto;top: 15vw; }

.Wrap11Text{ width: 100%;top: 9vw; }
.Wrap11Box{ width: 62vw;top: 66vw;left: 19vw;display: flex;justify-content: space-between; }
.Wrap11Item{ width: 17vw; }
.Wrap11Line{ height: 1px; background-color: #6C7273;margin: 1vw 0 1.5vw; }

.Wrap12{ padding: 11.6vw 0; }
.Wrap12Box{ width: 89vw;margin: 0 auto;overflow: hidden; }
.Wrap12Item{ padding-right: 20px;box-sizing: border-box; }

.Wrap14Tit{ width: 100%;text-align: center;top: 11vw; }
.Wrap14Box{ top: 54.4vw;left: 12.3vw; }
.Wrap14Line{ width: 28px;height: 6px;background: #F30000; }
.Wrap14BoxTit{ font-size: 1.6vw;line-height: 1.9vw;margin: 5px 0 10px; }
.Wrap14FB{ margin: 25px 0; }
.Wrap14Box1{ top: 88.5vw;left: 53vw; }
.Wrap14Bottom{ margin-bottom: 2.7vw; }

.Wrap15{ padding: 11.4vw 0; }
.Wrap15Item{ width: 90.6vw;margin: 0 auto; }
.Wrap15Box1{ margin-left: 2.6vw; }
.Wrap15Img{ width: 52.3vw; }
.Wrap15Box2{ padding-left: 14vw; }
.Wrap15BM{ margin-bottom: 9.5vw; }

.Wrap16Tit{ width: 100%;text-align: center;top: 10.8vw; }
.Wrap16Con{ width: 100%;text-align: center;top: 20vw; }
.Wrap16Logo{ width: 16.7vw;top: 87vw;left: 70vw; }
.Wrap16Box1{ top: 38.8vw;left: 18.8vw; }
.Wrap16Box2{ top: 62.76vw;left: 67.5vw; }
.Wrap16Box3{ top: 74.47vw;left: 12.9vw; }

.Wrap17Tit{ width: 100%;text-align: center;top: 10.98vw; }
.Wrap17Box{ width: 50vw;left: 0;right: 0;margin: 0 auto;top: 50.8vw; }
.Wrap17BoxTC{ color: #6C7273;margin-top: 20px; }
.Wrap17text{ margin: 1vw 0 3vw; }

.Wrap19{ padding: 13.3vw 0 6vw; }
.Wrap19Box{ width: 90vw;margin: 0 auto; }
.Wrap19B1{ width: 51.3vw; }
.Wrap19Text{ bottom: 1.5vw;left: 1.5vw; }
.Wrap191Te{ bottom: 1.5vw;right: 1.5vw;color: #6C7273; }

.Wrap20Box{ width: 90vw;margin: 0 auto; }
.Wrap20Img{ height: 39.8vw; }
.Wrap201Box{ display: flex;flex-direction: column;justify-content: space-between; }
.Wrap201Img{ width: 22.8vw; }
.Wrap201Re{ margin: 2vw 0 1vw; }

.Wrap21{ padding: 10vw 0; }
.Wrap21Text{ margin-top: 2.9vw; }
.Wrap21Box{ width: 62.5vw;margin: 5vw auto 0; }
.Wrap212Box{ width: 62.5vw;margin: 5vw auto 0; }
.Wrap21Ul{ width: 26.6vw; }
.Wrap21Li{ font-size: 0.9vw;border-bottom: 1px solid #AAAAAC4D;padding-top: 1vw;display: flex;color: #AAAAAC; }
.Wrap21Line{ margin-bottom: 15px;color: #AAAAAC; }

@media only screen and (max-width: 600px) {
    i{font-style: normal;display: inline-block;}
    .mainHeight{ width: 100%;height: auto; }
    /* .poab{ position: static; } */
    .Batt_tit,.Wrap1_itemtit,.Wrap3_item_tit{ font-size: 18px;line-height: 25px; }
    .Batt_con,.Wrap1_itemcon,.Wrap3_item_bef,.Wrap3_item_col{ font-size: 12px;line-height: 18px; }

}