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

.pore{ position: relative; }
.poab{ position: absolute; }
.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; }

.Batt_tit{ font-size: 3.7vw;line-height: 4.5vw;font-weight: 700; }
.Batt_con{ font-size: 1.5vw;line-height: 2vw;font-weight: 500; }
.mainHeight{ height: 58vw; }
.backBox{ height: 3vw;font-size: 1.5vw;background: linear-gradient(90deg, #4C7BAD 0%, rgba(21, 40, 59, 0.37) 100%);color: #fff;display: flex;align-items: center;width: auto;padding-left: 5px; }

.Wrap1{ height: 100%;padding-top: 2.9vw;left: 3.8vw;top: 0;color: #fff;padding-top: 12vw; }
.logoImg{ width: 14.3vw; }
.Wrap1_con{ margin-top: 2vw; }
.Wrap1_oneitem{ bottom: 3vw; right: 20vw;color: #fff; }
.Wrap1_twoitem{ bottom: 3vw; left: 44vw;color: #fff; }
.Wrap1_itemtit{ font-size: 2.3vw;font-weight: 700; }
.Wrap1_itemcon{ font-size: 2.3vw;font-weight: 400;line-height: 3vw; }

.Wrap2{ background: #000;padding: 10vw 0; }
.Wrap2_ul{ width: 62.5vw;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between; }
.Wrap2_ul li { width: 20vw;color: #fff;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 3vw; }
.Wrap2_ul div { font-size: 1vw;line-height: 2vw;text-align: center;margin-top: 1vw; }
.Wrap2_ul img { height: 2.7vw; }
.Wrap2_ul .mt0{ margin-top: 0; }

.Wrap3{ background: #000;padding: 3.5vw 0 7.5vw;color: #fff; }
.Wrap3_tit{ margin-bottom: 3vw;text-align: center; }
.Wrap3_cont{ width: 62.5vw;margin: 0 auto;display: flex; }
.Wrap3_cont_item{ flex: 1;display: flex;flex-direction: column;justify-content: center; }
.Wrap3_cont img{ width: 50%; }
.Wrap3_item_tit{ font-size: 1.6vw;margin-bottom: 1vw; }
.Wrap3_item_bef{ color: #888;font-size: 1.2vw;display: flex;align-items: center; }
.Wrap3_item_bef::before{ content: ' ';display: inline-block;width: 8px;height: 8px;border-radius: 50%;background-color: #888;margin: 0 10px; }
.Wrap3_item_col{ color: #888;font-size: 1.2vw;padding-left: 32px; }
.Wrap3_right{ padding-left: 4vw; }
.Wrap3_item_foot{ color: #5A5A5A;font-size: 1.3vw;padding-left: 32px;margin-top: 10px; }

.Wrap4{ background: #000;color: #fff; }
.Wrap4_img{ width: 100%;height: auto; }
/* width: 48.5vw; */
.Wrap4_box{ height: 100%;left: 18.75vw;padding-top: 20vw; }
.Wrap4_tag{ display: flex;margin-bottom: 1vw; }
.Wrap4_lab{ margin: 2vw 0;color: #60ACFF;font-size: 2.6vw;font-weight: 700; }
.Wrap4_con{ font-size: 1.56vw;line-height: 2vw; }
.Wrap4_fot{ color: #5A5A5A;margin-top: 1.5vw;font-size: 1.3vw; }

.Wrap5_box{ height: 100%;left: 18.75vw;padding-top: 11vw; }
.Wrap5_tit{ margin: 2vw 0 6vw; }
.Wrap5_tit_one{ margin: 12vw 0 2vw; }
.Wrap5_ul{ width: 42vw;display: flex;justify-content: space-between;flex-wrap: wrap; }
.Wrap5_ul li { width: 45%;font-size: 1.4vw;line-height: 2.5vw; }

.Wrap6{ padding: 10vw 0;background: #000;color: #fff; }
.Wrap6_img{ width: 100%;left: 0;top: 12vw; }
.Wrap6_cont{ width: 62.5vw;margin: 0 auto; }
.Wrap6_tit{ margin: 1vw 0 3vw; }
.Wrap6_tit_one{ margin: 6vw 0 4vw;font-size: 3.2vw;text-align: center;margin-bottom: 3vw; }
.Wrap6_ul{ width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap; }
.Wrap6_ul li { width: 16%;margin-bottom: 4vw;display: flex;flex-direction: column;align-items: center; }
.Wrap6_ul li img { height: 3.2vw;margin-bottom: 20px; }
.Wrap6_ul div { font-size: 1vw;line-height: 1.3vw;text-align: center;font-weight: 700; }
.Wrap6_ul div span{ display: block; font-size: 1vw;line-height: 1.3vw;text-align: center;opacity: .6;font-weight: 400; }

.Wrap7_lab{ margin-bottom: 0; }
.Wrap7_con{ margin-bottom: 4vw; }
.Wrap8_con{ margin: 4vw 0 2vw; }
.Wrap9{ background: #000;display: flex; }
.Wrap9_one{ width: 38.75vw;margin-right: 2vw; }
.Wrap9_two{ flex: 1; }

.Wrap10{ height: 87.4vw;background: #000;color: #fff; }
.Wrap10_img{ width: 60vw;right: 0;bottom: 0; }
.Wrap10_box{ top: 11.7vw;left: 18.75vw; }
.Wrap10_con{ margin-top: 8vw; }
.Wrap11_img{ width: 100%; }
.Wrap11_boxo{ color: #B7DDF4;left: 51.5vw;bottom: 13vw; }
.Wrap11_boxt{ color: #fff;left: 52vw;bottom: 5vw; }
.blockImg{ display: block; }
@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; }
    .Wrap1_twoitem{ left: 20vw; }
    .Wrap2_ul{ width: 100%;padding: 0 16px; }
    .Wrap2_ul li{ width: 50%; }
    .Wrap2_ul img{ height: 30px; }
    .Wrap2_ul div{ font-size: 12px;line-height: 18px;margin-top: 10px;margin-bottom: 30px; }
    .Wrap3_tit{ margin-bottom: 30px; }
    .Wrap3_cont{ width: 100%;flex-wrap: wrap; }
    .Wrap3_cont img{ width: 100%;order: 1; }
    .Wrap3_cont_item{ width: 100%;order: 2;padding: 40px 0; }
    .Wrap3_item_tit{ text-align: center;margin-bottom: 20px; }
    .Wrap3_item_bef{ padding-left: 60px; }
    .Wrap3_item_col{ padding-left: 88px; }
    .Wrap3_item_foot{ font-size: 12px;padding-left: 88px; }
    .Wrap4_box,.Wrap5_box{ width: 100%;height: auto;left: 0;padding: 30px 16px 0; }
    .Wrap4_tag{ margin-bottom: 10px; }
    .backBox{ height: 30px;font-size: 14px; }
    .Wrap4_lab{ margin: 20px 0;font-size: 18px; }
    .Wrap4_con{ font-size: 12px;line-height: 20px; }
    .Wrap6_cont{ width: 100%;padding: 0 16px; }
    .Wrap4_fot{ font-size: 12px;line-height: 14px; }
    .Wrap6_tit_one{ margin: 30px 0 20px; }
    .Wrap6_ul li{ width: 33%;margin-bottom: 50px; }
    .Wrap6_ul li img{ height: 30px; }
    .Wrap6_ul div,.Wrap6_ul div span{ font-size: 12px; line-height: 16px;}
    .Wrap10_box{ top: 0;left: 0;padding: 0 16px;z-index: 9; }
    .Wrap11_boxo{ left: 0;right: 0;margin: 0 auto;bottom: 100px;text-align: center; }
    .Wrap11_boxt{ left: 0;right: 0;margin: 0 auto;bottom: 40px;text-align: center; }
}