.F2-main{ font-family: 'Roboto';color: #fff; }
.F2-BackStyle{ height: 50vw;position: relative; }
.F2-Dfc{ display: flex;flex-direction: column;justify-content: center; }
.F2-Tit{ font-size: 3vw;font-weight: 600; }
.F2-Con{ font-size: 1.2vw; letter-spacing: 1.2px;line-height: 2vw; }
.F2-Con span{ display: block; }

.F2Wrap1{ background: url(../images/F2Series/Bann1.png) no-repeat;background-size: 100% 100%; }
.F2Wrap1BoxC{ position: absolute;height: 100%; left: 18vw;color: #3C3C3C;letter-spacing: 0.03em; }
.F2Wrap1Tit{ font-weight: 600;font-size: 2vw;line-height: 2vw; }
.F2Wrap1Cont{ font-weight: 900;font-size: 5vw;line-height: 8vw; }
.F2Wrap1Foot{ font-weight: 600;font-size: 1.5vw;line-height: 2vw; }
.F2Wrap1Image{ width: 11vw;margin-top: 2vw; }

.F2Wrap2{ position: relative; background: #000;padding: 4vw 0; }
.F2Wrap2Foot{ position: absolute;font-size: 1vw;right: 3vw;bottom: 1vw; }
.F2Wrap2Ul{ width: 68vw; display: flex;flex-wrap: wrap; margin: 0 auto; }
.F2Wrap2Ul li{ width: 13vw;display: flex; flex-direction: column;justify-content: center;text-align: center;margin: 1vw 0; }
.F2Wrap2Ul li span{ display: flex; flex-direction: column;justify-content: start; font-size: 1vw; min-height: 5vw; }

.F2Wrap3{ background: url(../images/F2Series/Bann2.png) no-repeat;background-size: 100% 100%;margin-top: -2px; }
.F2Wrap3Box{ height: 100%;display: flex; }
.F2Wrap3Tit{ text-align: center;margin-bottom: 2vw; }
.F2Wrap3Con{ font-size: 1.5vw;text-align: center; }

.F2Wrap4{ background: url(../images/F2Series/Bann3.png) no-repeat;background-size: 100% 100%; }
.F2Wrap4::before{ content: ' '; width: 100%;height: 100%;background: linear-gradient(180.27deg, #FFFFFF -1.23%, rgba(217, 217, 217, 0) 63.05%);
    opacity: 0.8;position: absolute; }
.F2Wrap4::after{ content: ' '; width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 77.4%, #000000 100%);
    opacity: 0.6;position: absolute; }
.F2Wrap4Box{ position: absolute;width: 60vw; height: 100%;left: 0;right: 0; margin: 0 auto; }
.F2Wrap4Tit{ color: #464646;margin-top: 7vw; }
.F2Wrap4Con{ color: #464646;margin: 1vw 0 4vw; }
.F2Wrap4Details{ display: flex;justify-content: space-between; color: #464646; }
.F2Wrap4Details li{ font-size: 1vw;padding-right: 2vw;border-right: 1px solid #6F6F6F; }
.F2Wrap4Details li:last-child{ border-right: none; }
.F2Wrap4Details li span{ font-size: 2vw;line-height: 2.5vw; }
.F2Wrap4Fot{ position: absolute;font-size: 0.8vw;bottom: 24px;line-height: 1.5em;z-index: 99; }

.F2Wrap5{ background: #000; }
.F2Wrap5Img{ width: 60vw; position: absolute;right: 5vw; bottom: 0; }
.F2Wrap5Box{ position: absolute;left: 18vw; }
.F2Wrap5Tit{ margin-top: 5vw; }
.F2Wrap5Con{ margin-top: 1vw; }
.F2Wrap5Ul{ margin-top: 4vw; }
.F2Wrap5LiOne{ 
    display: inline-block;
    background: linear-gradient(142.31deg, #FFC480 10.96%, #F97700 83.62%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 2vw;
}
.F2Wrap5LiOne span{ font-size: 3vw; font-weight: 700; }
.F2Wrap5Fot{ position: absolute; font-size: 1vw; right: 2vw; bottom: 2vw; }

.F2Wrap6ImgOne{ position: absolute;width: 50vw;top: 7vw;left: 11vw; }
.F2Wrap6ImgTwo{ position: absolute;width: 20vw;bottom: 10vw;left: 19vw; }
.F2Wrap6Box{ position: absolute;left: 57vw; }
.F2Wrap6Tit{ margin-top: 7vw; }
.F2Wrap6Con{ margin-top: 1vw; }
.F2Wrap6Fot{ color:rgba(255, 255, 255, .5);font-size: 0.8vw;margin-top: 2vw; }

.F2Wrap7{ background: url(../images/F2Series/Bann6.png) no-repeat;background-size: 100% 100%; }
.F2Wrap7Box{ position: absolute;left: 19vw; }

.F2Wrap8Img{ width: 54vw;position: absolute;top: 0;bottom: 0;margin: auto 0; }
.F2Wrap8Tit{ margin-top: 13vw; }

.F2Wrap9Tit { position: absolute;top: 3vw;left: 21vw; }
.F2Wrap9Con { position: absolute;top: 5vw;right: 18vw; }
.F2Wrap9Img { width: 72vw;position: absolute; left: 0;right: 0;margin: 0 auto;bottom: 0; }

.F2Wrap10Tit{ padding-top: 3vw;text-align: center; }
.F2Wrap10Con{ margin-top: 30px;text-align: center; }
.F2Wrap10Img{ position: absolute;width: 68vw;left: 8vw;bottom: 0; }
.F2Wrap10Icon{ position: absolute;width: 33vw;left: 0;right: 0;margin: 0 auto;bottom: 23vw;display: flex;justify-content: space-around; }
.F2Wrap10Icon div{ display: flex;flex-direction: column;align-items: center; text-align: center;color: rgba(255, 255, 255, 0.7);font-size: 1vw; }
.DivIcon{ width: 5vw;display: block;margin-bottom: 10px; }
.F2Wrap10LeftImg{ position: absolute;width: 31vw;left: 17vw;bottom: 4vw; }
.F2Wrap10RightImg{ position: absolute;width: 29vw;right: 19vw;bottom: 9vw; }

.F2Wrap11Tit{ padding-top: 2vw;text-align: center;color: #494949; }
.F2Wrap11Img{ position: absolute;width: 57vw;left: 0;right: 0;margin: 0 auto;bottom: 3vw; }

.F2Wrap12Img{ width: 100%;height: 100%;top: 0;left: 0; }
.F2Wrap12Box{ text-align: right;position: absolute;right: 19vw;top: 0; }
.F2Wrap12Tit{ margin-top: 5vw;margin-bottom: 1vw; }

/* 1/30修改 */
.F2Wrap13{ background: url(../images/F2Series/Bann13.png) no-repeat;background-size: 100% 100%; }
.F2Wrap13Box{ position: absolute;left: 19vw; }
.F2Wrap13Tit{ margin-top: 7vw;margin-bottom: 1vw; }
.F2Wrap13cc{ font-size: 0.9vw;line-height: 1.3vw;margin-top: 4vw; }
.F2Wrap13Tag{ color: rgba(255, 255, 255, 0.7);font-size: 0.9vw;letter-spacing: 1px;margin-top: 1vw; }
.F2Wrap13Tag i{ font-size: 3.3vw;font-weight: 600;color: #fff;line-height: 3.1vw;color: #FFD808;font-style: normal;margin-right: 10px; }
.F2Wrap13foot{ font-size: 0.9vw;line-height: 1.3vw;margin-top: 2vw; }
.F2Wrap13foot span{ display: block; }
/* 1/30end */

.F2Wrap14Img{ position: absolute;width: 68vw;top: 0;right: 1vw; }
.F2Wrap14Ul{ width: 44vw; display: flex;flex-wrap: wrap; margin: 2.5vw 0 0 -2vw; }
.F2Wrap14Ul li{ width: 11vw;display: flex; flex-direction: column;text-align: center;margin: 0.5vw 0; }
.F2Wrap14Ul li img{ width: 3.5vw;margin-bottom: 10px; }
.F2Wrap14Ul li span{ display: flex; flex-direction: column;justify-content: start; font-size: 1vw; min-height: 3vw;color: rgba(255, 255, 255, 0.7); }

.F2Wrap15Img{ position: absolute;width: 37vw;top: 0;bottom: 0;margin: auto 0;left: 13vw; }
.F2Wrap15Box{ position: absolute;left: 60vw; }
.F2Wrap15Tit{ color: #484848;margin-top: 6vw; }
.F2Wrap15Con{ color: #484848;margin-top: 1vw; }
.F2Wrap15Item{ font-size: 1vw;color: rgba(72, 72, 72, 0.7);margin-top: 3vw; }
.F2Wrap15Item span{ font-size: 2vw;color: #484848; }

.F2Wrap16Img{ width: 45vw;position: absolute;left: 0;right: 0;margin: 0 auto; bottom: 5vw; }
.F2Wrap16Tit{ color: #4A4A4A;text-align: center;margin-top: 4vw; }
.F2Wrap16Con{ color: #4A4A4A;text-align: center;margin-top: 2vw; }

.F2Wrap17Img{ position: absolute;width: 100%;bottom: 0;left: 0; }
.F2Wrap17Box{ position: absolute;left: 18vw; }
.F2Wrap17Tit{ margin: 6vw 0 1vw; }
.F2Wrap17Ul{ width: 35vw;display: flex;flex-wrap: wrap;margin-top: 4vw;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); }

.F2Wrap18Img{ position: absolute;height:38vw; bottom: 5.7vw;left: 20vw; }
.F2Wrap18ImgOne{ position: absolute;height: 7.8vw;bottom: -1.5vw;left: 16.2vw; }
.F2Wrap18Box{ position: absolute;left: 52vw; }
.F2Wrap18ImgTwo{ width: 16vw;margin-top: 4vw; }
.F2Wrap18Tit{ font-size: 2vw;font-weight: 700;line-height: 2.5vw;letter-spacing: 0.06em;/*color: #000;*/margin: 2vw 0 2vw; }
.F2Wrap18Con{ font-size: 1vw;line-height: 1.5em;/*color: #000;*/ }
.F2Wrap18Fot{ font-size: 0.8vw;/*color: rgba(0, 0, 0, 0.6);*/margin-top: 2vw; }

.F2Wrap19{ background: url(../images/F2Series/Bann19.png) no-repeat;background-size: 100% 100%;overflow: hidden; }
.F2Wrap19Tit{ text-align: center;margin-top: 16vw; }
.F2Wrap19Con{ text-align: center;margin-top: 1vw; }

.F2Wrap20{ font-size: 1vw; letter-spacing: 0.03em;/*color: #4D4D4D;*/text-align: center;letter-spacing: 0.03em;display: flex;justify-content: center;flex-wrap: wrap; }
.F2Wrap20Tit{ width: 60vw; height: 8vw;padding-top: 4vw; font-size: 2vw;font-weight: 700;border-bottom: 1px solid rgba(41, 41, 41, 0.5); }
.F2Wrap20Ul{ width: 60vw;display: flex; }
.F2Wrap20Ul>li{ flex:1;margin-top: 1vw;padding: 0 0.7vw;border-right: 1px solid rgba(41, 41, 41, 0.5); }
.F2Wrap20Ul>li:first-child{ padding-left: 0; }
.F2Wrap20Ul>li:last-child{ padding-left: 0.7vw;padding-right: 0; border-right: none; }
.F2WrapColumns>li{ min-height: 4.5vw;line-height: 1.5vw; border-bottom: 1px solid rgba(41, 41, 41, 0.5);display: flex;flex-direction: column; justify-content: center; }
.F2WrapColumnsTit{ font-weight: 700;font-size: 1vw; }
.F2WrapColumns>li>span{ display: block;width: 100%;line-height: 1.3vw; }
.F2Wrap20Fot{ width: 60vw;/*color: #2F2F2F;*/text-align: left;font-size: 1vw;line-height: 1.5vw;padding: 5vw 0; }

.F2Wrap3Con span,.F2Wrap4Fot span,.F2Wrap6Tit span,.F2Wrap8Tit span,.F2Wrap9Tit span,.F2Wrap10Con span,.F2Wrap11Tit span,.F2Wrap12Tit span,
.F2Wrap13Tit span,.F2Wrap15Tit span,.F2Wrap17Tit span,.F2Wrap18Tit span,.F2Wrap18Con span,.F2Wrap18Fot span,.F2Wrap19Tit span,.F2Wrap19Con span,.F2Wrap20Fot span{ display: block; }

@media only screen and (max-width: 600px) {
    .F2-BackStyle{ height: 250px;position: relative; }
    .F2-Tit{ font-size: 24px;font-weight: 600; }
    .F2-Con{ font-size: 12px;line-height: 18px; }
    .F2-Con span{ display: inline; }

    .F2Wrap1BoxC,.F2Wrap5Box,.F2Wrap6Box,.F2Wrap7Box,.F2Wrap13Box,.F2Wrap17Box{ left: 16px;padding-right: 16px; }
    .F2Wrap1Tit{ font-size: 22px;line-height: 25px; }
    .F2Wrap1Cont{ font-size: 44px;line-height: 50px; }
    .F2Wrap1Foot{ font-size: 17px;line-height: 20px; }
    .F2Wrap1Image{ width: 108px;margin-top: 12px; }
    .F2Wrap2Ul,.F2Wrap4Box,.F2Wrap20Tit,.F2Wrap20Ul,.F2Wrap20Fot{ width: calc(100% - 32px); }
    .F2Wrap2Ul li{ width: 33%; }
    .F2Wrap2Ul li img,.F2Wrap14Ul li img,.F2Wrap17Ul li img{ width: 50px; }
    .F2Wrap2Ul li span,.F2Wrap3Con,.F2Wrap10Icon div,.F2Wrap4Fot,.F2Wrap6Fot,.F2Wrap14Ul li span,.F2Wrap20,.F2Wrap15Item{ font-size: 12px; }
    .F2Wrap4{ height: 350px; }
    .F2Wrap4Tit,.F2Wrap5Ul,.F2Wrap6Con,.F2Wrap6Fot{ margin-top: 10px; }
    .F2Wrap4Con{ margin: 5px 0 10px; }
    .F2Wrap4Details li{ font-size: 12px;padding: 7px; }
    .F2Wrap4Details li span{ font-size: 18px;line-height: 24px; }
    .F2Wrap5Img,.F2Wrap6ImgOne,.F2Wrap8Img{ width: auto; height: 100%; }
    .F2Wrap5LiOne span{ font-size: 20px; }
    .F2Wrap5Fot{ font-size: 12px;bottom: 0;right: 16px; }
    .F2Wrap6ImgTwo{ display: none; }
    .F2Wrap9Tit{ top: 20px;left: 16px;z-index: 2; }
    .F2Wrap9Con{ top: 100px;left: 16px;z-index: 2; }
    .F2Wrap9Img,.F2Wrap14Img{ width: 100%; }
    .F2Wrap10Tit{ position: relative; padding-top: 15px;z-index: 2; }
    .F2Wrap10Con{ position: relative; margin-top: 10px;padding: 0 16px;z-index: 2; }
    .F2Wrap10Icon{ bottom: 0;z-index: 2;width: 60vw; }
    .F2Wrap10Img{width: 100%;left: 0;z-index: 1;}
    .DivIcon{ width: 40px; }
    .F2Wrap12Box{right: 16px;text-align: center;}
    .F2Wrap12Tit{ margin-top: 50px; }
    .F2Wrap13Tag{margin-top: 10px; font-size: 12px;}
    .F2Wrap13Tag span{ font-size: 20px;display: inline; }
    .F2Wrap14Ul{ width: 100%; margin: 10px 0 0; }
    .wrap13Back{ height: 420px; }
    .F2Wrap14Ul li{ width: 25%; }
    .F2Wrap15Img{ left: 16px; }
    .F2Wrap15Box{ left: 45vw; }
    .F2Wrap15Tit{ margin-top: 0;}
    .F2Wrap16{ height: 350px;margin-top: 40px; }
    .F2Wrap16Img{ width: 80%; }
    .F2Wrap15Item span{ font-size: 14px; }
    .F2Wrap17Ul{ width: 100%;margin-top: 10px;margin-left: 0; }
    .F2Wrap17Ul li{ flex: 1; }
    .F2Wrap17Ul li:nth-child(3){ display: none; }
    .F2Wrap17Ul li span{ font-size: 12px; }
    .F2Wrap18{ height: auto; }
    .F2Wrap18Img{ position: static; width: calc(100% - 32px);height: auto;margin: 10px 16px;  }
    .F2Wrap18ImgOne{ display: none; }
    .F2Wrap18Box{ position: static;padding: 16px; }
    .F2Wrap18ImgTwo{ margin-top: 10px;width: 50%; }
    .F2Wrap18Tit{ font-size: 14px;line-height: 18px;margin: 10px 0; }
    .F2Wrap18Con,.F2Wrap18Fot{ font-size: 12px; }
    .F2Wrap20Tit{ height: 50px;font-size: 18px;line-height: 50px;padding-top: 0; }
    .F2Wrap20Ul{ flex-wrap: wrap;font-size: 14px; }
    .F2Wrap20Ul>li{ width: 50%;margin-top: 10px;flex: none; }
    .F2WrapColumnsTit{ font-size: 16px; }
    .F2WrapColumns>li{ min-height: 60px;line-height: 20px; }
    .F2Wrap20Ul>li:nth-child(2){ border-right: none; }
    .F2WrapColumns>li>span{ line-height: 20px; }
    .F2Wrap20Fot{ font-size: 12px;line-height: 15px; }
    
    .F2Wrap5Tit,.F2Wrap6Tit,.F2Wrap13Tit,.wrap13T{ margin-top: 20px; }
    .F2Wrap3Con span,.F2Wrap4Fot span,.F2Wrap6Tit span,.F2Wrap8Tit span,.F2Wrap9Tit span,.F2Wrap10Con span,.F2Wrap11Tit span,.F2Wrap12Tit span,
    .F2Wrap13Tit span,.F2Wrap15Tit span,.F2Wrap17Tit span,.F2Wrap18Tit span,.F2Wrap18Con span,.F2Wrap18Fot span,.F2Wrap19Tit span,.F2Wrap19Con span,.F2Wrap20Fot span{ display: inline; }

    /* 1/30修改 */
    .F2Wrap13Box{ margin-top: -15px; }
    .F2Wrap13cc{ font-size: 10px;line-height: 12px;margin-top: 10px; }
    .F2Wrap13foot{ font-size: 10px;line-height: 12px; }
    /* 1/30end */
}