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:2vw;line-height: 2.6vw;font-weight: 600;color: #F30000; }
.Batt_con{ font-size: 1vw;line-height: 1.3vw;font-weight: 400;color: #AAAAAC; }
.font1{ font-size: 1vw; }
.w100{ width: 100%; }

.logoImg{ width: 16vw;top: 5.2vw;left: 6vw; }
.Wrap1Box{ top: 24.3vw;left: 44.2vw; }
.Wrapp1Box{ top: 20.71vw;left: 18.64vw; }
.Wrap1Img{ width: 25.15vw; }
.Wrap1Text{ font-size: 1.5vw;line-height: 2vw;font-weight: 600;text-align: center;transform: matrix(1, 0, -0.1, 0.99, 0, 0); }
.Wrap1Text span{ color: #F30000; }  
.Wrap1Text1{ font-size: 2vw;line-height: 3vw;font-weight: 600;margin-top: 15px;text-align: center;transform: matrix(1, 0, -0.1, 0.99, 0, 0); }

.Wrap2Box{ width: 62.6vw;left: 0;right: 0;margin: 0 auto; top: 7.3vw; }
.Wrap2BoxLeft{ width: 31vw;margin-right: 9px; }
.Wrap2BoxRight{ width: 31vw; }
.Wrap2BoxBorder{ border: 1.5px solid #670000;background: #000; }
.Wrap2BoxL1B1{ top: 12px;left: 5px; }
.Wrap2Tit{ font-size: 4.16vw;line-height: 2.16vw;font-weight: 600;color: #F30000; }
.Wrap2Tit .span1{ font-size: 2vw; }
.Wrap2Tit .span2{ font-size: 1vw; }
.Wrap2Con{ font-size: 1.56vw;color: #F30000; }
.Wrap2BottBox{ left: 5px;bottom: 5px;color: #AAAAAC; }
.Wrap2BofBox{ left: 2vw;bottom: 2vw;color: #AAAAAC; }
.Wrap2BoxL2{ width: 10.1vw;height: 15.9vw;margin-right: 9px; }
.g2Img{ width: 12.86vw; }
.Wrap2BoxL3B{ padding-left: 1.7vw; }
.Wrap2BoxR{ margin: 9px 0; }
.Wrap2BoxR1{ width: 19.4vw;margin-right: 9px; }
.Wrap2BoxRTB1{ font-size: 1.5vw;font-weight: 600;color: #AAAAAC;top: 1vw; }
.Wrap2BoxRTBP1{ font-size: 4.16vw;line-height: 2.16vw;font-weight: 600;color: #F30000;top: 1vw;right: 1vw; }
.Wrap2BoxRTBP2{ color: #AAAAAC;bottom: 1vw;right: 2vw; }
.Wrap2BoxLP1B1{ font-size: 1.5vw;font-weight: 600;color: #AAAAAC;top: 1vw;left: 10vw; }
.Wrap2BoxRTB2{ color: #AAAAAC;top: 1vw;right: 1vw; }
.Wrap2BoxRTB3{ color: #AAAAAC;bottom: 1vw; }
.l17{ left: 1.7vw; }
.l1{ left: 1vw; }

.Wrap3{ padding: 10vw 0; }
.Wrap3Img{ width: 48.7vw;height: 18.8vw; margin: 0 auto;display: block; }
.Wrap3Text{ width: 62.5vw; text-align: center;color: #AAAAAC;margin: 5.2vw auto 0; }

.Wrap4PBox{ top: 34.21vw;left: 18.69vw; }
.Wrap4PLogo{ width: 18vw; }
.Wrap4LT{ margin: 1vw 0 2vw; }
.Wrap4PBox1{ top: 34.21vw;left: 66.40vw; }
.Wrap4PBox1Tt{ font-size: 1vw;color: #AAAAAC; }
.Wrap4PBox1Con{ border-bottom: 3px solid #F30000;font-size: 3vw;color: #F30000;font-weight: 600;margin-bottom: 2vw; }
.Wrap4PBox1Con span{ font-size: 1vw; }
.Wrap4PBox555{ width: 62.5vw;left: 0;right: 0;margin: 0 auto;top: 60vw;color: #AAAAAC; }
.Wrap4PBox555 p { margin-bottom: 20px; }
.Wrap4PBox3{ top: 83.64vw;left: 18.69vw; }
.Wrap4Line{ width: 18vw;align-items: end;border-bottom: 2px solid #F30000;margin: 1vw 0 2vw;font-size: 3vw;line-height: 3.2vw;
 }
.Wrap4Line span{ font-size: 1vw; } 

.cred{ color: #F30000; }
.Wrap5RightBox{ top: 16.2vw;left: 58.3vw; }
.Wrap5Text1{ font-size: 4.16vw;color: #F30000;font-weight: 600;line-height: 3.96vw; }
.Wrap5Text2{ font-size: 2vw;color: #F30000;font-weight: 600;margin-top: 7.2vw; }
.Wrap5Text3{ color: #AAAAAC;margin-top: 2.6vw; }
.Wrap5LeftBox{ top: 58.5vw;left: 18.75vw; }
.Wrap5LeftBoxText{ font-size: 2.8vw;border-bottom: 3px solid #AAAAAC;color: #AAAAAC;margin-bottom: 5px; }
.Wrap5LeftBoxText span{ font-size: 1vw; }

.Wrap5pBox{ width: 62.5vw;left: 0;right: 0;margin: 0 auto;top: 52.7vw; }
.Wrap5pBoxRight{ margin-left: 4vw;flex: 1;border-top: 3px solid #AAAAAC; }
.Wrap5pBoxRLine{ font-size: 3vw;border-bottom: 3px solid #AAAAAC;color: #AAAAAC; }
.Wrap5pBoxRLine span{ font-size: 1vw; }

.Wrap6ssBox{ width: 50%; }
.Wrap6Box1{ display: flex;flex-direction: column;justify-content: center;padding-left: 18.75vw; }
.Wrap6Box2{ display: flex;flex-direction: column;justify-content: center;padding-left: 6vw; }
.Wrap6ssImg{ width: 14.94vw; }
.Wrap6ssTit{ margin: 1vw 0; }
.Wrap6ssCon{ color: #F30000;margin-top: 1vw; } 

.Wrap6Img{ width: 18vw; }
.Wrap6LeftBox{ top: 20.3vw;left: 18.7vw; }
.Wrap6LeftText{ margin-top: 1vw; }
.Wrap6RightBox{ top: 20.36vw;left: 65.2vw; }
.Wrap6RightText{ font-size: 2.6vw;font-weight: 600;border-bottom: 3px solid #fff;margin: 10px 0 20px;line-height: 2vw; }
.Wrap6BottomBox{ width: 62vw;left: 0;right: 0;margin: 0 auto;bottom: 2vw; }
.Wrap6BottomBox p {color: #fff; font-size: 0.7vw;line-height: 0.8vw;margin-bottom: 20px; }

.Wrap7{ display: flex;justify-content: flex-end; }
.Wrap7Img{ width: 50vw;display: block; }
.Wrap7Box{ height: 100%;top: 8vw;left: 18.75vw; }
.Wrap7logo{ width: 14vw; }
.Wrap7Text{ margin: 2.76vw 0; }

.Wrap8{ margin-top: -10vw; }
.Wrap8Box{ left: 58.75vw;bottom: 7vw; }
.Wrap8BoxTit{ color: #F30000; }
.Wrap8BoxCon{ font-size: 0.8vw;color: #000;margin: 1vw 0 1.5vw; }

.Wrap9Box{ width: 50vw;left: 0;right: 0;margin: 0 auto;bottom: 8vw; }
.Wrap9Bottom{ margin-bottom: 2vw; }

.Wrap10Box{ top: 9.2vw; }
.Wrap11Box{ top: 16.3vw; }

.Wrap12Tit{ width: 100%;text-align: center;top: 8.7vw; }
.Wrap12Item1{ top: 17.2vw;left: 18.8vw; }
.Wrap12Item2{ top: 17.2vw;left: 41.6vw; }
.Wrap12Item3{ top: 17.2vw;left: 66.8vw; }
.Wrap12Bott{ margin-bottom: 1vw; }

.Wrap13Box{ width: 84.37vw;margin: 7.3vw auto; }
.Wrap13B1{ width: 29.42vw; }
.Wrap13B2{ width: 54.27vw; }
.Wrap13B3{ width: 51.35vw; }
.Wrap13B4{ width: 32.34vw; }
.Wrap13Img1{ width: 20vw;top: 4vw;left: 2vw; }
.Wrap13Img2{ width: 13.9vw;top: 17vw;left: 2vw; }
.Wrap13Img3{ width: 48vw;left: 2vw;bottom: 3vw; }
.Wrap13Text1{ font-size: 1vw;top: 9vw;left: 2vw;color: #AAAAAC; }
.Wrap13Text2{ font-size: 1vw;top: 15vw;left: 2vw;color: #AAAAAC; }
.Wrap13Text3{ font-size: 2vw;top: 3vw;left: 2vw; }
.Wrap13Text4{ font-size: 1vw;bottom: 1.5vw;left: 2vw;color: #000; }
.Wrap13bb5{ top: 3vw;left: 2vw; }
.Wrap13Text5{ font-size: 3.6vw;margin-bottom: 3vw; }
.Wrap13Line{ font-size: 0.7vw;margin-bottom: 1vw; }
.iconImg{ width: 2.13vw;margin-right: 10px; }
.Wrap13bb6{ left: 2vw;bottom: 2vw; }
.Wrap13bb7{ left: 2vw;top: 2vw; }
.Wrap13Text6{ font-size: 2vw; }
.Wrap13Text7{ font-size: 1vw;color: #AAAAAC; }
.Wrap13Text8{ font-size: 0.7vw;color: #AAAAAC; }
.mtb{ margin: 2vw 0 3vw; }
.mttttt{ margin-top: 12.5vw; }



.Wrap14LeftBox{ top: 17.34vw;left: 18.75vw; }
.Wrap14RightBox{ top: 27.9vw;left: 63.33vw; }
.Wrap14Text{ color: #CFCFCF;margin-top: 20px; }
.Wrap14Line{ width: 17.9vw;height: 1px;background-color: #AAAAAC;margin: 20px 0; }
.cr{ color: #F30000; }
.cc{ color: #AAAAAC; }
.c0{ color: #000; }

.Wrap15{ height: 43.22vw; }
.Wrap15Box{ left: 18.75vw;bottom: 8.6vw; }
.Wrap151Img{ width: 28.28vw; }
.Wrap15Img{ width: 25.93vw;top: 8.6vw;left: 55.4vw; }
.Wrap15Tit{ font-size: 1.5vw;margin-bottom: 5px; }

.Wrap17{ height: 60.4vw; }
.Wrap17Tit{ top: 10.83vw;left: 18.75vw; }
.Wrap17Con{ top: 14.16vw;left: 18.75vw; }
.Wrap17Img1{ width: 27.96vw;top: 24.16vw;left: 18.75vw; }
.Wrap17Img2{ width: 34.32vw;top: 24.16vw;left: 47vw; }

.Wrap18Box{ top: 23.48vw;left: 50vw; }
.Wrap18Tit{ margin-bottom: 20px; }

.Wrap19Box{ top: 15.88vw;left: 18.64vw; }
.Wrap19Text{ font-size: 0.7vw;margin-top: 40px; }

.Wrap20Box{ width: 62.5vw;margin: 0 auto;padding: 8.9vw 0; }
.Wrap20Deta{ text-align: center;font-size: 0.7vw; }
.Wrap20Tit{ margin: 2.4vw 0 8.3vw;width: 100%;text-align: center; }
.Wrap20Line{ height: 2.23vw;border-bottom: 1px dashed #AAAAAC;font-size:1vw; }
.Wrap20F{ font-size: 0.7vw; color: #CFCFCF;margin-bottom: 15px; }

@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; }

}


