body { position: relative; min-width: 1200px; overflow-x: hidden; margin: 0; font-family: 'SourceHanSansCN', "Source Han Sans CN", "微软雅黑", "宋体", "Arial", "Helvetica", "sans-serif"; color: white; } #pc { width: 1920px; min-height: 5240px; background: url(//p3.lefile.cn/fes/cms/2025/12/29/tlxm8yrj64d5jjpyleui77kb7y61z2073958.png) no-repeat; background-size: 100% 100%; position: relative; left: 50%; transform: translate(-50%, 0); padding-bottom: 180px; padding-top: 860px; box-sizing: border-box; } p { margin: 0; } img { display: block; } #pc .top img { width: 100%; } #pc .content1, #pc .content2, #pc .content4 { position: relative; width: 1200px; margin: auto; margin-top: 100px; } .content-title { width: 660px; height: 90px; text-align: center; line-height: 90px; font-size: 38px; font-weight: bold; background: url(//p1.lefile.cn/fes/cms/2025/12/29/9u0zib4gbvfc3op7not0j331ncbpkf052758.png) no-repeat; background-size: 100% 100%; margin: auto; margin-bottom: 50px; } #pc .content1 .content-cont { width: 1010px; height: 560px; margin: auto; background: url(//p4.lefile.cn/fes/cms/2025/12/29/1g077mzgytbbladzkrd1idufnft5n7475729.png) no-repeat; background-size: 100% 100%; padding: 125px 90px 120px 175px; box-sizing: border-box; } #pc .content1 .content-cont p { font-size: 22px; line-height: 47px; letter-spacing: 1px; text-align: justify; color: #4f4f4f; } .content2 .content-cont { width: 100%; padding: 30px 35px; box-sizing: border-box; background-color: #fff; border-radius: 20px; } .content2 .content-cont .box { width: 100%; padding: 65px 40px; box-sizing: border-box; border: 1px solid #d7baa0; border-radius: 20px; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } .content2 .content-cont .box .box-cont { height: 460px; background: url(//p1.lefile.cn/fes/cms/2025/12/29/81e6d4fajbu73yltmbc32b85wf24rq580066.png) no-repeat; background-size: 100% 100%; box-sizing: border-box; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; } .content2 .content-cont .box .box-cont img { width: 185px; margin-bottom: 30px; } .content2 .content-cont .box .box-cont p { font-size: 26px; letter-spacing: 1px; text-align: justify; color: #000; } .content3 { position: relative; width: 1790px; margin: auto; margin-top: 100px; } .content3 .content-cont { width: 1790px; height: 1675px; background: url(//p4.lefile.cn/fes/cms/2025/12/29/tcr4zhbpwp8awk08giwwgvk8cz7vhd523456.png) no-repeat; background-size: 100% 100%; padding-top: 80px; box-sizing: border-box; display: flex; align-items: center; flex-direction: column; } .content3 .content-cont p { font-size: 36px; letter-spacing: 1px; color: #000; margin-bottom: 30px; } .content3 .content-cont img { margin-bottom: 40px; } .content3 .content-cont .cont-img { width: 850px; height: 1200px; margin-bottom: 50px; overflow: auto; padding-left: 8px; &::-webkit-scrollbar { width: 0px; } } .content3 .content-cont .cont-img img { width: 100%; height: auto; margin: 0; } .content4 .content-cont .box { width: 380px; height: 426px; background: url(//p1.lefile.cn/fes/cms/2025/12/29/rvqzt9z76ekl192q2c9cwf1rn9fdjv859577.png) no-repeat; background-size: 100% 100%; padding: 55px 50px; box-sizing: border-box; } .content4 .content-cont .box .box-top { width: 278px; height: 193px; background: url(//p4.lefile.cn/fes/cms/2025/12/29/dcydrxurym1szckbxb8laa8gihvnyv867717.png) no-repeat; background-size: 100% 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; } .content4 .content-cont .box .box-top img { width: 140px; } .content4 .content-cont .box p { font-size: 24px; letter-spacing: 1px; color: #000; font-weight: bold; text-align: center; } .content4 .content-cont { position: relative; } .carousel-container { width: 100%; overflow: hidden; position: relative; } .carousel-wrapper { display: flex; transition: transform .5s ease-in-out; width: max-content; } .sliwer { flex: 0 0 380px; margin: 0 10px; } .carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); background: none; border: none; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all .3s ease; z-index: 10; } .carousel-btn:hover { background: rgba(255, 255, 255, 1); transform: translateY(-50%) scale(1.1); } .prev-btn { left: -90px; } .next-btn { right: -90px; } .carousel-btn img { width: 65px; height: 65px; }