.F2{background-color: #000;color: rgba(255,255,255, .4); padding-top:70px }
.F2 *{box-sizing: border-box;transition: all .3s ease-out;}
.F2-wrapper{width: 1420px;margin: 0 auto;}
.F2-section{width: 1200px;margin: 0 auto;}
.txt-linear{background-image: linear-gradient(to right, #fff, #fff, #9c9c9c, #9c9c9c);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.space{padding-top: 3.8vh !important;padding-bottom: 3.8vh !important;}
.pic img{width: 100%;}
.mg_t{margin-top: 3.8vh;}
.F2 img{display: block;max-width: 100%;}

.F2-box1{height: 56.614vw;background: url(../images/product-page/F2/bg_banner.png) no-repeat center/cover;}
.F2-box1 .F2-section{height: 100%;display: flex;flex-direction: column;justify-content: center;}
.F2-box1 h1{font-size: 4.4em;letter-spacing: 6px;margin-bottom: 10px;font-weight: normal;color: #eebc85;}
.F2-box1 h1 span{font-size: 1.5em;font-weight: bold;}
.F2-box1 p{font-size: 4.1em;letter-spacing: 7px;color: #fff;}

.F2-box2{padding: 0 0 3.8vh;margin-top: -10px;}
.F2-box2 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.F2-box2 ul li{width: calc((100% - 40px) / 3);margin: 20px 20px 0 0;background-color: #0d0f14;border-radius: 15px;margin-top: 20px;position: relative;display: flex;}
.F2-box2 ul li.l2,
.F2-box2 ul li.l5{margin-right: 0;}
.F2-box2 ul li.l1{width: calc(100% - (100% - 40px) / 3 - 20px);align-items: flex-end;padding: 20px 0 20px 10px;}
.F2-box2 ul li .txt{color: #fff;font-size: 2.8em;letter-spacing: 1px;}
.F2-box2 ul li.l1 .txt{height: 100%;white-space: nowrap;line-height: 1;display: flex;flex-direction: column;justify-content: center;margin-right: 5px;}
.F2-box2 ul li.l1 .p2{font-size: 20px;margin-top: 10px;}
.F2-box2 ul li.l1 .pic{flex: 1;}
.F2-box2 ul li.l2 .txt,
.F2-box2 ul li.l3 .txt,
.F2-box2 ul li.l4 .txt,
.F2-box2 ul li.l5 .txt{position: absolute;bottom: 0;left: 0;width: 100%;padding: 10px;}
.F2-box2 ul li.l2 .txt p,
.F2-box2 ul li.l3 .txt p,
.F2-box2 ul li.l4 .txt p,
.F2-box2 ul li.l5 .txt p{text-align: center;}
.F2-box2 ul li.l3 .txt p{text-align: left;}
.F2-box2 ul li.l2 .pic{width: 100%;}
.F2-box2 ul li.l3{align-items: flex-end;}
.F2-box2 ul li.l3 .pic{width: 96%;}
.F2-box2 ul li.l4{padding-bottom: 30px;align-items: center;justify-content: center;}
.F2-box2 ul li.l4 .pic{width: 90%;}
.F2-box2 ul li.l5{padding-bottom: 30px;align-items: center;justify-content: center;}
.F2-box2 ul li.l5 .pic{width: 55%;}

.F2-box3{background: linear-gradient(to bottom, #191b21, #090a0c);}
.F2-box3 .main{display: flex;justify-content: center;position: relative;z-index: 1;}
.F2-box3 .txt{position: absolute;top: 50%;left: 0;width: 100%;z-index: -1;transform: translateY(-50%);}
.F2-box3 .pic{width: 26%;}
.F2-box3 .tip{font-size: 2em;margin-top: 20px;text-align: center;}

.F2-box4{position: relative;;}
.F2-box4 .F2-section{position: absolute;bottom: 20px;left: 0;right: 0;}
.F2-box4 ul{display: flex;justify-content: center;}
.F2-box4 ul li+li{margin-left: 20%;}
.F2-box4 ul li .p1{font-size: 3.4em;font-weight: bold;background-image: linear-gradient(to right, #57c8f8, #62eaf2, #8bf6e0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.F2-box4 ul li .p2{font-size: 1.6em;color: #fff;font-weight: bold;}
.F2-box4 .tip{font-size: 2em;margin-top: 20px;text-align: center;}

.F2-box5{background-color: #050302;}
.F2-box5 .F2-section{padding: 5vh 0 0 0;display: flex;justify-content: space-between;align-items: center;}
.F2-box5 .txt{width: 49.17%;}
.F2-box5 .pic{width: 41.2%;}
.F2-box5 .p1{font-size: 4.4em;color: #fff;letter-spacing: 5px;}
.F2-box5 .p2{font-size: 1.8em;margin: 20px 0 50px;line-height: 1.8;letter-spacing: 2px;}
.F2-box5 ul{display: flex;}
.F2-box5 ul li+li{margin-left: 15%;}
.F2-box5 .p3{font-size: 1.8em;}
.F2-box5 .p4{font-size: 4.4em;color: #eebc85;margin-top: 10px;}

.F2-box6 .p1{font-size: 4.2em;font-weight: bold;background-image: linear-gradient(to right, #eebc85, #eebc85, #bf8d5b);display: inline-block;letter-spacing: 5px;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.F2-box6 .p2{font-size: 1.8em;margin: 20px 0 30px;line-height: 1.8;letter-spacing: 2px;}
.F2-box6 .pic{position: relative;}
.F2-box6 .pic .txt{position: absolute;bottom: 8%;left: 50%;transform: translateX(-50%);width: 46%;}

.F2-box7 .p1{font-size: 4.2em;font-weight: bold;background-image: linear-gradient(to right, #eebc85, #eebc85, #bf8d5b);display: inline-block;letter-spacing: 5px;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.F2-box7 .p2{font-size: 1.8em;margin: 20px 0 30px;line-height: 1.8;letter-spacing: 2px;}

.F2-box8{position: relative;}
.F2-box8 .pic{width: 100%;}
.F2-box8 ul{display: flex;justify-content: space-between;}
.F2-box8 ul li{border: 1px solid #6a6a6a;border-radius: 10px;padding: 30px 5%;line-height: 1;}
.F2-box8 ul li .p1{font-size: 8.6em;color: #eebc85;margin-bottom: 20px;}
.F2-box8 ul li .p2{font-size: 3.8em;color: #fff;}
.F2-box8 .txt{position: absolute;bottom: 0;left: 0;right: 0;}
.F2-box8 .tip{font-size: 2em;margin-top: 20px;letter-spacing: 2px;}

.F2-box9{width: 100%;height: 42.71vw;background: url(../images/product-page/F2/box9-1.jpg) no-repeat center/cover;}
.F2-box9 .F2-section{height: 100%;display: flex;justify-content: flex-end;align-items: center;}
.F2-box9 .txt{width: 34%;}
.F2-box9 .p1{font-size: 4.2em;color: #fff;letter-spacing: 3px;}
.F2-box9 .p2{font-size: 4.2em;color: #eebc85;margin: 10px 0 40px;letter-spacing: 3px;}
.F2-box9 .p3{font-size: 1.8em;color: #fff;line-height: 1.8;letter-spacing: 1px;}

.F2-config-title{font-size: 2.6em;color: #fff;padding-bottom: 2vh;margin-bottom: 7vh;border-bottom: 2px solid rgba(255,255,255,.7);}
.F2-config .list{display: flex; flex-wrap: wrap;justify-content: space-between;}
.F2-config .list li{width: calc((100% - 48px) / 5); border: 2px solid rgba(255,255,255,.3); border-radius: 10px; display: flex; flex-wrap: wrap; align-items: center;padding: 15px; margin-bottom: 2.1vw;}
.F2-config .list li:last-child{ width: 100%;margin-right: 0;}
.F2-config .list li .icon img{ max-width: 34px;max-height: 34px;margin-right: 14px;}
.F2-config .list li .text{ flex: 1;}
.F2-config .list li .text .title{ font-size: 1.4em;color: #fff;}
.F2-config .list li .info{ font-size: 1.3em;margin-top: 10px;color: rgba(255,255,255,.7);}
.F2-config .list li .info p{ text-align: left;}
.F2-config .tips{padding: 10px 0; border-bottom: 2px solid rgba(255,255,255,.7); font-size: 1.2em; color: #fff; text-align: right;}

@media screen and (max-width: 1440px){
}

@media screen and (max-width: 1366px){
    
}

@media screen and (max-width: 1270px){
    .F2-section{width: 92%;}

    .F2-box1 h1{font-size: 3.2em;}
    .F2-box1 p{font-size: 3em;}
    
    .F2-box2 ul li .txt{font-size: 2em;}
    .F2-box2 ul li.l1 .p2{font-size: 16px;}

    .F2-box3 .tip{font-size: 1.6em;}

    .F2-box4 .tip{font-size: 1.6em;}

    .F2-box5 .p1{font-size: 3.2em;}
    .F2-box5 .p2{font-size: 1.6em;}
    .F2-box5 .p4{font-size: 3.2em;}

    .F2-box6 .p1{font-size: 3.2em;}
    .F2-box6 .p2{font-size: 1.6em;}
    
    .F2-box7 .p1{font-size: 3.2em;}
    .F2-box7 .p2{font-size: 1.6em;}

    .F2-box8 ul{justify-content: space-around;}
    .F2-box8 ul li .p1{font-size: 6.2em;}
    .F2-box8 ul li .p2{font-size: 2.8em;}
    .F2-box8 .tip{font-size: 1.6em;text-align: center;}

    .F2-box9 .p1,
    .F2-box9 .p2{font-size: 3.2em;}
    .F2-box9 .p3{font-size: 1.6em;}

    .F2-config .list li{width: calc((100% - 24px) / 3)}
}

@media screen and (max-width: 1024px){
    .F2-box1{padding-top: 15px;}
    .F2-box1 h1{font-size: 2.8em;}
    .F2-box1 p{font-size: 2.6em;}

    .F2-box4 .F2-section{position: static;padding: 20px 0 3.8vh;border-bottom: 1px solid #515151;margin-bottom: 20px;}

    .F2-box8 ul li{padding: 15px 5%;}
    .F2-box8 ul li .p1{font-size: 3.2em;margin-bottom: 15px;}
    .F2-box8 ul li .p2{font-size: 1.8em;}
    
    .F2-box9 .p1,
    .F2-box9 .p2{font-size: 2.6em;}
}

@media screen and (max-width: 768px){
    .F2-box1{height: 88vw;}
    .F2-box1 h1{font-size: 2.2em;letter-spacing: 2px;}
    .F2-box1 p{font-size: 2em;letter-spacing: 3px;}

    .F2-box2 ul li{width: calc(50% - 10px);}
    .F2-box2 ul li.l1{width: 100%;padding: 20px 0 10px 10px;;margin: 20px 0 0 0;}
    .F2-box2 ul li.l2{margin-right: 20px;}
    .F2-box2 ul li.l3{margin-right: 0;}
    .F2-box2 ul li.l4{padding: 30px 0;}
    .F2-box2 ul li.l5{padding: 30px 0 50px;}

    .F2-box5 .txt{width: 65%;}
    .F2-box5 .p1{font-size: 2.8em;}
    .F2-box5 .p4{font-size: 2.8em;}
    .F2-box5 .p2{line-height: 1.6;margin: 20px 0 30px;}
    
    .F2-box6{margin-top: 50px;}

    .F2-box8::after{content: '';height: 60px;display: block;}

    .F2-box9{height: auto;background-position: right center;padding: 50px 0;}
    .F2-box9 .txt{width: 53%;}
    .F2-box9 .p2{margin: 10px 0 15px;}
    .F2-box9 .p3{line-height: 1.5;}

    .F2-config .list li{width: calc((100% - 12px) / 2)}
    .F2-config .list li:nth-last-child(2){width: 100%;}
    .F2-config .list li:nth-last-child(2) .info{display: flex;flex-wrap: wrap;justify-content: space-between;}
}

@media screen and (max-width: 525px){
    .F2-box2 ul li .txt{font-size: 1.8em;}
    
    .F2-box8::after{height: 75px;}
    .F2-box8 ul li .p1{font-size: 2.6em;}
    .F2-box8 ul li .p2{font-size: 1.6em;}

    .F2-box9{padding: 30px 0;}
    .F2-box9 .p1{font-size: 2em;}
    .F2-box9 .p2{margin: 6px 0 10px;font-size: 2em;}
    .F2-box9 .p3{font-size: 14px;}

    .F2-config-title{font-size: 2.4em;}
}

@media screen and (max-width: 414px){
    .F2-box2 ul li .txt{font-size: 1.6em;letter-spacing: 0;}
    .F2-box2 ul li.l2 .txt, .F2-box2 ul li.l3 .txt, .F2-box2 ul li.l4 .txt, .F2-box2 ul li.l5 .txt{padding: 10px 5px;}

    .F2-box8::after{height: 90px;}

    .F2-box9 .txt{width: 57%;}
}