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

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

.C2Wrap1{ background: url(../images/C2/Bann1.png) no-repeat;background-size: cover;display: flex;flex-direction: column;justify-content: center; }
.C2Wrap1Tit{ font-size: 6vw;font-weight: 600;text-align: center; }
.C2Wrap1Cont{ font-size: 2vw;text-align: center;line-height: 4vw; }

/*.C2Wrap2{ color: #000; }*/
.C2Wrap2Cen{ font-size: 1.6vw;text-align: center;margin: 3vw 0;line-height: 150%; }
.C2Wrap2Ul{ width: 62vw; display: flex;flex-wrap: wrap;justify-content: space-between; font-size: 1vw; margin: 0 auto;padding-top: 2vw; }
.C2Wrap2Ul li { width: 14vw;display: flex; flex-direction: column;justify-content: center;text-align: center; }
.C2Wrap2Ul li span{ min-height: 5vw;margin: 1vw 0 2vw; }

.C2Wrap3Img{ position: absolute;height: 100%;top: 0;right: 15vw; }
.C2Wrap3Box{ position: absolute;height: 100%;left: 18vw;display: flex;flex-direction: column;justify-content: center;/*color: #000; */}
.C2Wrap3Color{ color: #3A7EFF; }
.C2Wrap3Con{ margin-top: 2vw; }

.C2Wrap4{ background: url(../images/C2/Bann3.png) no-repeat;background-size: cover; }
.C2Wrap4Box{ position: absolute;left: 32vw;padding-top: 4vw; }
.C2Wrap4Con{ margin-top: 1vw; }
.iAfter{ margin-top: 1vw;padding-left: 2vw;position: relative; }
.iAfter::after{ content: ' ';position: absolute; width: 4px;height: 4px;background: #fff;border-radius: 50%;top: 0;bottom: 0;margin: auto 0;left: 1vw; }

.C2Wrap5{ background: url(../images/C2/Bann4.png) no-repeat;background-size: cover; }

.C2Wrap6{ background: #fff;color: #000;overflow: hidden; }
.C2Wrap6Img{ position: absolute;height: 100%;left: 10vw; }
.C2Wrap6Box{ position: absolute;height: 100%;left: 40vw;padding-top: 4vw;z-index: 1; }
.C2Wrap6Con{ margin: 1vw 0 2vw; }
.C2Wrap6Ul{ display: flex; }
.C2Wrap6Ul>li{ width: 10vw;margin-right: 1vw; }
.C2Wrap6Div{ line-height: 3.6vw;font-size: 1.6vw;font-weight: 600;border-radius: 5vw;background: #EBFD92;text-align: center; }
.C2Wrap6Deta{ font-size: 1.1vw;text-align: center;margin-top: 1vw; }

.C2Wrap7Img{ position: absolute;height: 100%;right: 9vw;bottom: -2vw; }
.C2Wrap7Box{ position: absolute;left: 18vw; }
.C2Wrap7Con{ margin-top: 1vw; }

.C2Wrap8Tit{ text-align: center; }
.C2Wrap8Img{ position: absolute;width: 100%;bottom: 0; }
.C2Wrap8Con{ margin-top: 1vw; }
.C2Wrap8Tags{ width: 20vw;height: 7vw;margin: 0 auto;text-align: center;border-radius: 3.5vw;background: #E9FF7C;margin-top: 4vw; }
.C2Wrap8Num{ color: #3A7EFF;font-size: 3vw;font-weight: 600;line-height: 2.5vw; }
.C2Wrap8Deta{ font-size: 1.5vw;font-weight: 600; }

.C2Wrap9{ background: url(../images/C2/Bann8.png) no-repeat;background-size: cover; }
.C2Wrap9Tit{ width: 100%; position: absolute;text-align: center;bottom: 4vw; }
.C2Wrap9Con{ width: 100%; position: absolute;text-align: center;bottom: 0; }

.C2Wrap10{ background: #FF855A;overflow: hidden; }
.C2Wrap10Ul{ width: 62vw;margin: 6vw auto;display: flex;justify-content: space-between; }
.C2Wrap10Ul>li{ padding: 2.6vw 1.5vw;background: #fff;border-radius: 12px;color: #000;font-size: 1.2vw; }
.C2Wrap10Fir{ font-size: 2vw;font-weight: 600; }
.C2Wrap10Two{ margin: 0.8vw 0 2vw; }

.C2Wrap11{ background: url(../images/C2/Bann9.png) no-repeat;background-size: cover;/*color: #000;*/ }
.C2Wrap12{ background: url(../images/C2/Bann10.png) no-repeat;background-size: cover;/*color: #000;*/ }
.C2Wrap11Box{ position: absolute;height: 100%; left: 19.7vw; }
.C2Wrap11Tit{ margin-top: 5.5vw;margin-bottom: 1.5vw; }
.C2Wrap12Tit{ margin-top: 4.5vw;margin-bottom: 1.5vw; }

.C2Wrap13{ width: 41vw;margin: 0 auto;padding: 3vw 0;color: rgba(47, 47, 47, 0.6);font-size: 1vw;line-height: 1.4vw; }
.C2Wrap14Ul{ width: 62vw;margin: 0 auto;color: #000;margin-bottom: 5vw; }
.C2Wrap14Ul>li{ height: 25vw;display: flex; }
.C2Wrap14Ul>li:first-child{ border-top-left-radius: 1.2vw;border-top-right-radius: 1.2vw; }
.C2Wrap14Ul>li:last-child{ border-bottom-left-radius: 1.2vw;border-bottom-right-radius: 1.2vw; }
.C2Wrap14Ul img { width: 100%;position: absolute; }
.C2Wrap14Box{ width: 50%;padding-left: 3.6vw;position: relative; }
.C2Wrap14Tit{ font-size: 2vw;font-weight: 600; }
.C2Wrap14Con{ font-size: 1.2vw;line-height: 130%; }
.C2Wrap14left{ top: 0;left: 0; }
.C2Wrap14bottom{ bottom: 0;left: 0; }
.C2Wrap14right{ top: 0;bottom: 0;margin: auto 0; right: 0; }
.C2Wrap14top{ top: 0;bottom: 0;margin: auto 0; left: 0; }

.C2Wrap15{ height: 43vw;position: relative;background: #242424; }
.C2Wrap15Img{ position: absolute;width: 37vw;bottom: 0;right: 10vw; }
.C2Wrap15Box{ position: absolute;height: 100%;left: 20vw; }
.C2Wrap15tit{ margin-bottom: 1vw; }

.F2Wrap10{ background: #fff;color: #000; }
.F2Wrap10ttt{ text-align: center;padding: 9vw 0 1vw;font-size: 3vw; font-weight: 700; }
.F2Wrap10Ul{ width: 82vw;margin: 0 auto; }
.F2Wrap10Ul li{ display: flex; }
.F2Wrap10Ul li span{ flex: 1; }
.F2Wrap10Line{ font-size: 1vw;padding: 1vw 0;border-bottom: 1px solid #B4B4B4;padding-left: 10vw; }
.F2Wrap10Foot{ width: 62vw;margin: 0 auto;font-size: 1vw;padding: 5vw 0; }

.C2Wrap8Foot{position:relative;z-index:2;}

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

    .C2Wrap1,.C2Wrap4,.C2Wrap5,.C2Wrap9,.C2Wrap11,.C2Wrap12{ height: 300px;background-position: center; }
    .C2Wrap1Tit{ font-size: 32px; }
    .C2Wrap1Cont{ font-size: 16px;line-height: 20px; }
    .C2Wrap2Cen{ font-size: 12px;margin: 20px 16px; }
    .C2Wrap2Ul{ width: 100%; }
    .C2Wrap2Ul li{ width: 50%;padding: 0;justify-content: start; }
    .C2Wrap2Ul li span{ font-size: 12px;min-height: auto;margin: 10px 0 20px; }
    .C2Wrap3Box{ position: static;height: auto; padding: 0 16px; }
    .C2Wrap3Img,.C2Wrap7Img,.C2Wrap6Img,.C2Wrap8Img{ position: static;width: 100%; }
    .C2Wrap4Box{ position: static;padding-top: 20px; }
    .C2Wrap7Box,.C2Wrap9Tit,.C2Wrap9Con{ position: static; }
    .C2Wrap6Box{ position: static;padding-top: 0; }
    .C2Wrap6Con{ margin: 10px 0 20px; }
    .C2Wrap6Ul>li{ width: 25%;margin-right: 0; }
    .C2Wrap6Div{ font-size: 16px;line-height: 40px; }
    .C2Wrap6Deta{ font-size: 12px;margin-top: 10px; }
    .C2Wrap7Con,.C2Wrap8Con{ margin-top: 10px; }
    .C2Wrap8Tags{ width: 200px;height: 70px;border-radius: 35px; }
    .C2Wrap8Num{ font-size: 36px;line-height: 40px; }
    .C2Wrap8Deta{ font-size: 16px; }
    .C2Wrap10Ul{ width: 100%;padding: 0 16px;margin: 20px 0;flex-wrap: wrap; }
    .C2Wrap10Ul>li{ width:50%;padding: 20px 15px;font-size: 12px; }
    .C2Wrap10Fir{ font-size: 24px; }
    .C2Wrap10Two{ margin: 8px 0 15px; }
    .C2Wrap11Box,.C2Wrap14Box,.C2Wrap14Ul img,.C2Wrap15Box{ position: static; }
    .C2Wrap11Tit,.C2Wrap12Tit{ margin-top: 0;margin-bottom: 0; }
    .C2Wrap13{ width: 100%;padding: 20px 16px;font-size: 12px;line-height: 20px; }
    .C2Wrap14Ul{ width: 100%;padding: 0 16px; margin-bottom: 30px; }
    .C2Wrap14Ul>li{ height: auto;flex-wrap: wrap; }
    .C2Wrap14Box{ width: 100%; }
    .C2Wrap14Tit{ font-size: 24px;margin-top: 10px; }
    .C2Wrap14Con{ font-size: 14px;margin-bottom: 10px; }
    .C2Wrap15Box{ padding: 0 16px; }

    .F2Wrap10Ul{ width: 100%;padding: 0 16px; }
    .F2Wrap10ttt{ font-size: 36px;padding: 20px 0; }
    .F2Wrap10Line{ font-size: 12px;padding: 10px 0;}
    .F2Wrap10Foot{ width: 100%;padding: 30px 16px;font-size: 12px; }
}