i{font-style: normal;display: block;}

.E2-main{ font-family: 'Roboto';color: #fff; }
.E2-BackStyle{ height: 50vw;position: relative; }
.E2-DfC{ display: flex;flex-direction: column;justify-content: center; }
.E2-Tit{ font-size: 3vw;font-weight: 600; }
.E2-Con{ font-size: 1.2vw; letter-spacing: 1.2px;line-height: 1.7vw; }
.E2Color{ color:#FF6B00 }

.E2Wrap1{ background: url(../images/E2Series/Bann1.png) no-repeat;background-size: 100% 100%; }
.E2Wrap1::before{content: ' ';position: absolute;width: 80%;height: 100%;background: linear-gradient(79.12deg, #85BDDF 11.3%, #92C4E0 29.29%, rgba(217, 217, 217, 0) 51.02%);
    transform: matrix(1, 0, 0, -1, 0, 0);left: 0;}
.E2Wrap1Box{ position: absolute;height: 100%; left: 13vw;color: #fff;letter-spacing: 0.03em; }
.E2Wrap1Tit{ font-weight: 600;font-size: 2vw;line-height: 2vw; }
.E2Wrap1Tit span{ display: inline-block;padding: 5px 10px;border: 3px solid #FFFFFF; border-radius: 11px; }
.E2Wrap1Cont{ font-weight: 700;font-size: 4vw;line-height: 5vw;margin-bottom: 2.6vw; }
.E2Wrap1Foot{ font-size: 1vw;line-height: 1.5vw; }

.E2Wrap2{ position: relative; background: #F6F6F6;color: #000; }
.E2Wrap2Ul{ width: 62vw; display: flex;flex-wrap: wrap; margin: 0 auto; }
.E2Wrap2Ul::before{content: ' ';width:100%;height: 0;position: absolute;border-top: 1px solid #585858;top: 0;bottom: 0;margin: auto 0;}
.E2Wrap2Ul li{ width: 15.5vw;display: flex; flex-direction: column;justify-content: center;text-align: center;padding: 3.6vw 0; }
.E2Wrap2Ul li div{ min-height: 4.4vw;line-height: 4.4vw; }
.E2Wrap2Ul li span{ display: flex; flex-direction: column;justify-content: start; font-size: 1vw; min-height: 5vw; }

.E2Wrap3{ background: #fff; }
.E2Wrap3Img,.E2Wrap3Box{ position: absolute;top: 0;bottom: 0;margin: auto 0; }
.E2Wrap3Img{ width: 32vw;right: 19.5vw; }
.E2Wrap3Box{ width: 32vw;left: 19.5vw;color: #000; }
.E2Wrap3Col{ color: #FF6B00; }
.E2Wrap3Con{ margin: 2vw 0; }

.E2Wrap4{ overflow: hidden; }
.E2Wrap4Img{ width: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto; }
.E2Wrap4Box{ position: absolute;height: 100%;left: 16vw; }
.E2Wrap4Con{ margin-top: 2vw; }
.E2Wrap4Foot{ position: absolute;right: 1vw;bottom: 1vw;font-size: 0.8vw; }

.E2Wrap5{ background: #000;overflow: hidden; }
.E2Wrap5Img{ position: absolute;width: 45vw;left: 14VW;bottom: 2VW; }
.E2Wrap5Tit{ text-align: center;margin: 3vw 0 2vw; }
.E2Wrap5Con{ text-align: center; }
.E2Wrap5tips{ position: absolute;left: 66vw;bottom: 10vw;font-weight: 700;font-size: 3.6vw; }
.E2Wrap5Color{ background: linear-gradient(142.31deg, #FFC480 10.96%, #FF6B00 83.62%);
    -webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; }
.E2Wrap5Lab{ font-weight: 400;font-size: 1.2vw;color: rgba(255, 255, 255, 0.7); }
.E2Wrap5Mt{ margin-top: 2vw; }

.E2Wrap6Tit{ text-align: center; color: #000;padding-top: 5vw;margin-bottom: 2vw; }
.E2Wrap6Con{ text-align: center; color: #000;margin-bottom: 1vw; }
.E2Wrap6Row{ width: 63vw;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto; }
.E2Wrap6Item{ width: 30vw;border-radius: 11px;margin-bottom: 5vw;color: #000; }
.E2Wrap6taps{ margin-top: 4vw;font-size: 1vw; }
.E2Wrap6Color{ font-size: 2vw;color: #FF6B00; }
.E2Wrap6ItemDeta{ font-size: 0.8vw;color: #707070;line-height: 163.19%;margin-top: 4vw; }
.E2Wrap6PT{ font-size: 2vw; margin-top: 2vw; }
.E2Wrap6LastDiv{ height: 100%;font-size: 1.8vw; }
.E2Wrap6LastDiv span{ color: #FF6B00 }
.E2Wrap6Ul{ display: flex;justify-content: space-between;align-items: center; margin-top: 3vw; }
.E2Wrap6Ul li:first-child{ width:15vw; }
.E2Wrap6Line{ width: 1px; height: 3vw; border-left: 1px solid #454545; }
.E2Wrap6Span{ font-size: 1vw;font-weight: 600; }
.E2Wrap6LiLast{ width:10vw;font-size: 1.1vw;line-height: 200%; }
.E2Wrap6ImgBox{ display: flex;align-items: center; }
.E2Wrap6img{ width: 100%; }


.E2Wrap7{ background: #F4F4F4; }
.E2Wrap7Con{ font-size: 2vw;text-align: center;color: #000;margin-bottom: 3vw; }
.E2Wrap7Box{ width: 62vw;display: flex;justify-content: space-between;margin: 0 auto; }
.E2Wrap7Box img{ width: 100%; }
.E2Wrap7item{ width: 30vw; }
.E2Wrap7Memo{ font-size: 1.1vw; color: #000;margin-top: 2vw; }
.E2Wrap7Foot{ font-size: 1.3vw;font-weight: 700;color: #000; }
.E2Wrap7Foot span{ color: #FF6B00; }

.E2Wrap8{ background: #F0F8FF;color: #010101; }
.E2Wrap8Img{ width: auto;height: 45vw;position: absolute;top: 0;bottom: 0;margin: auto 0; right: 0; }
.E2Wrap8Box{ position: absolute;height: 100%; left: 18vw; }
.E2Wrap8Tit{ margin-bottom: 2vw; }

.E2Wrap9Line{ width: 62vw; display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 auto;padding-bottom: 4vw; }
.E2Wrap9Line img { width: 100%; }
.E2Wrap9Item{ width: 29vw; margin-top: 4vw; }
.E2Wrap9ImgOne{ background: #000; border-radius: 20px;position: relative;overflow: hidden; }
.E2Wrap9ImgOne::before{ content: ' ';width: 100%;height: 100%;position: absolute;background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 35.11%);left: 0; }
.E2Wrap9ImgOne::after{ content: ' ';width: 100%;height: 100%;position: absolute;background: linear-gradient(0, #000000 0%, rgba(0, 0, 0, 0) 35.11%) ;left: 0; }
.E2Wrap9ImgTwo{ position: relative; }
.E2Wrap9Child{ position: absolute;width: 11vw;height: 11vw; bottom: 1vw;right: 1vw;border-radius: 50%;border: 7px #4B4B4B solid; }
.E2Wrap9ImgThe{ border-radius: 20px;overflow: hidden; }
.E2Wrap9Tit{ font-size: 2vw;font-weight: 600;color: #FF6B00;margin: 1.5vw 0; }
.E2Wrap9Con{ font-size: 1vw;line-height: 1.5vw;color: #010101; }

.F2Wrap17{ background: #000; }
.F2Wrap17Img{ position: absolute;width: 100%;bottom: 0;left: 0; }
.F2Wrap17Box{ position: absolute;left: 18vw; }
.F2Wrap17Tit{ margin: 6vw 0 2vw; }
.F2Wrap17Ul{ width: 37vw;display: flex;flex-wrap: wrap;margin-top: 2.5vw;margin-left: -3vw; }
.F2Wrap17Ul li{ width: 11vw;display: flex; flex-direction: column;text-align: center;margin-bottom: 2vw; }
.F2Wrap17Ul li img{ width: 4vw;margin-bottom: 10px; }
.F2Wrap17Ul li span{ font-size: 1vw; min-height: 3vw;color: rgba(255, 255, 255, 0.7); }

.F2Wrap10{ background: #fff;color: #000; }
.F2Wrap10Ul{ width: 62vw;margin: 0 auto; }
.F2Wrap10Ul li{ display: flex; }
.F2Wrap10Ul li span{ flex: 1; }
.F2Wrap10Tit{ padding: 3vw 0;font-size: 2vw;font-weight: 600; }
.F2Wrap10Line{ font-size: 1vw;padding: 1vw 0;border-bottom: 1px solid #B4B4B4; }
.F2Wrap10Foot{ width: 62vw;margin: 0 auto;font-size: 0.7vw;padding: 5vw 0; }

@media only screen and (max-width: 600px) {
    i{display: inline;}
    .E2-BackStyle{ height: auto;position: relative;padding: 20px 16px; }
    .E2-Tit{ font-size: 24px; }
    .E2-Con{ font-size: 12px;line-height: 18px; }

    .E2Wrap1{ height: 300px; }
    .E2Wrap1Box{ left: 0; }
    .E2Wrap1Tit{ font-size: 24px;line-height: 24px; }
    .E2Wrap1Tit span{ margin: 10px 0; }
    .E2Wrap1Cont{ font-size: 38px;line-height: 38px;margin-bottom: 20px; }
    .E2Wrap1Foot { font-size: 12px;line-height: 15px; }

    .E2Wrap2Ul{ width: 100%; }
    .E2Wrap2Ul li{ width: 50%;padding: 20px 0;justify-content: start; }
    .E2Wrap2Ul::before{ display: none; }
    .E2Wrap2Ul li span{ font-size: 12px;min-height: auto; }

    .E2Wrap3Img,.E2Wrap4Img,.E2Wrap5Img,.E2Wrap8Img{ position: static; width: 100%; }
    .E2Wrap3Box{ position: static;width: 100%; padding: 0 16px; }
    .E2Wrap4Box{ position: static;color: #000; }
    .E2Wrap5Tit{ margin: 20px 0; }
    .E2Wrap5tips{ position: static;font-size: 30px; }
    .E2Wrap3{ padding: 0 16px; }
    .E2Wrap6Row,.E2Wrap9Line{ width: 100%; }
    .E2Wrap6Item{width: 100%;margin-bottom: 20px; }
    .E2Wrap6taps{ margin-top: 0;font-size: 12px; }
    .E2Wrap6Color{ font-size: 24px; }
    .E2Wrap6Ul li:first-child{ flex: 1; }
    .E2Wrap6LiLast{flex: 1;font-size: 14px;}
    .E2Wrap6Line{ height: 30px;margin: 0 20px; }
    .E2Wrap6LastDiv{ font-size: 28px; }
    .E2Wrap6Tit{ padding-top: 0;margin-bottom: 20px; }
    .E2Wrap7Con{ font-size: 18px;margin-bottom: 20px; }
    .E2Wrap7Box{ width: 100%; }
    .E2Wrap7item{ width: 49%; }
    .E2Wrap8Box{ position: static; }
    .E2Wrap9Item{ width: 49%;margin-top: 15px; }
    .E2Wrap9Tit{ font-size: 24px;margin: 10px 0; }
    .E2Wrap9Con{ font-size: 12px;line-height: 20px; }
    .F2Wrap17{ height: 400px; }
    .F2Wrap17Box{ left: 16px; }
    .F2Wrap17Ul{ width: 100%;margin-left: 0;margin-top: 20px; }
    .F2Wrap17Ul li{width: 16%;}
    .F2Wrap10Ul{ width: 100%;padding: 0 16px; }
    .F2Wrap10Tit{ font-size: 24px;padding: 20px 0; }
    .F2Wrap10Line{ font-size: 12px;padding: 10px 0;}
    .F2Wrap10Foot{ width: 100%;padding: 30px 16px;font-size: 12px; }
    .E2Wrap6ItemDeta{ font-size: 12px;margin-top: 20px; }
    .E2Wrap6PT{ font-size: 24px;margin-top: 20px; }
    .E2Wrap7Memo{ font-size: 14px; }
    .E2Wrap7Foot{ font-size: 16px; }
    .F2Wrap17Ul li span{ font-size: 12px; }
    .E2Wrap4Foot{ position: static;text-align: center; font-size: 12px;color: #000; }
}