body { position: relative; min-width: 1200px; overflow-x: hidden; margin: 0; font-family: Source Han Sans CN; color: #491745; } #ceshi { width: 1920px; background: url(//p4.lefile.cn/fes/cms/2025/09/21/670l9a034jvu2itoynq6fz6d6up2eb024461.png) no-repeat; background-size: 100% 100%; position: relative; left: 50%; transform: translate(-50%, 0); padding-bottom: 220px; } #ceshi .top img { width: 100%; } #ceshi .content1, #ceshi .content2, #ceshi .content3, #ceshi .content4 { width: 1200px; margin: auto; } #ceshi .content1 .title, #ceshi .content2 .title, #ceshi .content3 .title, #ceshi .content4 .title { text-align: center; margin-bottom: 80px; margin-top: 100px; } .arrow { text-align: center; margin-bottom: 50px; margin-top: 70px; } #ceshi .content1 .cont { width: 100%; background: url(../img/content1-img.png) no-repeat; background-size: 100% 100%; padding: 55px 80px; box-sizing: border-box; } #ceshi .content2 .cont { width: 100%; background: url(//p3.lefile.cn/fes/cms/2025/09/21/ukfwaihru0bf4j8dn2m9nva4ww0nbd500505.png) no-repeat; background-size: 100% 100%; padding: 130px 135px; box-sizing: border-box; } #ceshi .content3 .cont { width: 100%; background: url(//p1.lefile.cn/fes/cms/2025/09/21/0amk6iqpda0v6v0h5jcr1suolysb6y751093.png) no-repeat; background-size: 100% 100%; padding: 80px 60px; box-sizing: border-box; } #ceshi .content4 .cont { width: 100%; height: max-content; box-sizing: border-box; } #ceshi .content1 .cont span { font-weight: 500; font-size: 24px; color: #000; line-height: 50px; } #ceshi .content2 .cont span { font-family: Myriad Pro; font-weight: 500; font-size: 26px; line-height: 55px; letter-spacing: 1px; text-align: justify; } #ceshi .content3 .cont .cont1 { display: flex; justify-content: space-between; } #ceshi .content3 .cont .cont1 span { font-family: Myriad Pro; font-weight: 500; font-size: 26px; line-height: 50px; letter-spacing: 1px; margin-right: 40px; text-align: justify; } #ceshi .content3 .cont .cont1 .swiper { width: 600px; overflow: hidden; position: relative; border-radius: 33px; } #ceshi .content3 .cont .cont1 .swiper .swiper-pagination { bottom: 30px; left: 75%; width: 20%; } #ceshi .content3 .cont .cont1 .swiper .swiper-pagination-bullet { width: 14px; height: 14px; background-color: #e6abc9; margin-right: 15px; opacity: .5  !important; } #ceshi .content3 .cont .cont1 .swiper .swiper-pagination-bullet-active { background-color: #db95b9; opacity: 1  !important; } #ceshi .content3 .cont .cont1 .swiper1 img { width: 600px; } #ceshi .content3 .cont .cont2 .cont2-box1 { background: url(//p4.lefile.cn/fes/cms/2025/09/21/wukhaslcmjd17va44d1daa68tynhs6354500.png) no-repeat; background-size: 100% 100%; } #ceshi .content3 .cont .cont2 .cont2-box2 { background: url(//p1.lefile.cn/fes/cms/2025/09/21/5v6lhs4k9i01fwofbnhi5ukzht4lsc244527.png) no-repeat; background-size: 100% 100%; } #ceshi .content3 .cont .cont2 .cont2-box3 { background: url(//p4.lefile.cn/fes/cms/2025/09/21/5twjsf7enq87leyc2vcqhfgea8br4r037140.png) no-repeat; background-size: 100% 100%; } #ceshi .content3 .cont .cont2 p { font-family: Myriad Pro; font-weight: 500; font-size: 26px; line-height: 50px; letter-spacing: 1px; padding: 20px 20px 20px 40px; box-sizing: border-box; } #ceshi .content3 .cont .cont2 p span { font-weight: bold; } #ceshi .content3 .cont .cont3 { width: 700px; background: url(//p1.lefile.cn/fes/cms/2025/09/21/nr0hphrrbsduayogj87jwezuwho5dl589496.png) no-repeat; background-size: 100% 100%; padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; margin: auto; box-sizing: border-box; } #ceshi .content3 .cont .cont3 img { width: 228px; height: 150px; margin-right: 40px; } #ceshi .content3 .cont .cont3 p { font-family: Myriad Pro; font-weight: bold; font-size: 26px; line-height: 50px; letter-spacing: 1px; } #ceshi .content3 .cont .cont3 p span { color: #bf2800; } #ceshi .content3 .cont .cont4 { text-align: center; margin-top: 40px; } #ceshi .content3 .cont .cont4 span { font-family: Myriad Pro; font-weight: bold; font-size: 26px; letter-spacing: 2px; } #ceshi .content4 .cont .swiper2 { position: relative; } #ceshi .content4 .cont .swiper { width: 1200px; overflow: hidden; position: relative; } #ceshi .content4 .cont .swiper .swiper-slide { display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 20px; } #ceshi .content4 .cont .swiper .swiper-slide img { display: block; width: 387px; } #ceshi .content4 .cont .swiper-pagination { left: 50%; transform: translate(-50%); margin-top: 60px; } #ceshi .content4 .cont .swiper-pagination-bullet { width: 50px; height: 7px; background-color: #aa87bd; margin-right: 15px; border-radius: 3px; opacity: .5  !important; } #ceshi .content4 .cont .swiper-pagination-bullet-active { background-color: #da83af; opacity: 1  !important; } #ceshi .content4 .cont .swiper-button-prev { display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 50%; background-image: linear-gradient(50deg, #8580bf 19%, #dc71a0 73%); background-size: 100% 100%; left: -125px; } #ceshi .content4 .cont .swiper-button-next { display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 50%; background-image: linear-gradient(50deg, #8580bf 19%, #dc71a0 73%); background-size: 100% 100%; right: -125px; }