• 
• 
• 
• 
• 
• 

• 
• 
  Learn More >
• 
• 
  Learn More >

• 
• 
• 
• 
• 

• 
• 
• 
• 
• 

• 
• 
• 
• 
• 
• 

• 
• 
• 

.s1, .s2, .s3, .s4, .s5, .s6 { position: relative; overflow: hidden; } .s1 ul li, .s2 ul li, .s3 ul li, .s4 ul li, .s5 ul li, .s6 ul li { position: absolute; } .content { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .s1 .tit { top: 15.8%; left: 0; } .s1 .t1 { top: 65.9%; left: 17.4%; width: 10.49%; } .s1 .t2 { top: 41.7%; left: 27.9%; width: 10.31%; } .s1 .t3 { top: 35%; left: 45.3%; width: 9.47%; } .s1 .t4 { top: 43%; left: 60.9%; width: 12.23%; } .s1 .t5 { top: 67.9%; left: 71.9%; width: 14.37%; } .s2 .bg { position: absolute; height: 100%; width: 100%; } .s2 .bg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } .s2 .content { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 7%; } .s2 .tit { padding-top: 7%; left: 0; padding-bottom: 3.35%; } .s2 ul li { position: relative; } .s2 .t1 { top: 34.2%; left: 8%; width: 37.5%; } .s2 .t2 { padding-top: 13%; left: auto; width: 2.94%; } .s2 .t2 img{ display: block; } .s2 .t3 { top: 34.2%; right: 8%; width: 39.6%; } .s3 .p { top: 15.9%; left: 0; width: 27.73%; } .s3 .t1 { top: 26.6%; left: 31.3%; width: 52.89%; } .s3 .t2 { top: 49.1%; left: 31.1%; width: 15.52%; } .s3 .t3 { top: 49.1%; left: 51.2%; width: 15.52%; } .s3 .t4 { top: 49.1%; left: 69.6%; width: 15.52%; } .s3 .t5 { top: 67%; left: 31.1%; width: 73.33%; } .s4 .p { top: 15.9%; right: 0; width: 27.16%; } .s4 .t1 { top: 16.2%; left: 8.3%; width: 61.14%; } .s4 .t2 { top: 38.8%; left: 8.3%; width: 44.37%; } .s4 .t3 { top: 39.7%; left: 54.9%; width: 15.52%; } .s4 .t4 { top: 54.7%; left: 54.9%; width: 15.52%; } .s5 .p { top: 15.9%; left: 0%; width: 27.73%; } .s5 .t1 { top: 13.3%; left: 31%; width: 50.75%; } .s5 .t2 { top: 33.3%; left: 31%; width: 18.28%; } .s5 .t3 { top: 33.3%; left: 53%; width: 18.02%; } .s5 .t4 { top: 33.3%; left: 74%; width: 18.07%; } .s5 .t5 { top: 67.7%; left: 30.4%; width: 62.29%; } .s6 .tit { top: 16.6%; left: 0; } .s6 .t1 { top: 35.5%; left: 9.1%; width: 37.42%; } .s6 .t2 { top: 35.5%; right: 8.8%; width: 39.81%; } @media screen and (max-width: 980px) and (min-width: 481px) { a.btn_normal { padding: 0rem 0.35rem; font-size: 0.2rem; min-width: auto; height: 0.45rem; line-height: 0.45rem; } } @media screen and (max-width: 480px) { .s2 .bg { position: absolute; height: 100%; width: 100%; } .s2 .bg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } .s2 .content { position: relative; padding-bottom: 0px; } .s2 ul li { position: relative; } .s2 .tit { top: auto; left: auto; padding-top: 14%; padding-bottom: 7%; } .s2 .t1, .s2 .t3 { top: auto; left: auto; right: auto; width: calc(100% - 1rem); position: relative; margin: 0 auto; padding-bottom: 1rem; } .s2 .t2 { display: none; } }