.en{color:rgba(26,32,44,0.1);font-size:64px;font-family:'SourceHanSansCN-Bold';text-transform:uppercase}.cn{color:#1a202c;font-size:60px;font-family:'SourceHanSansCN-Bold'}.types{display:flex;justify-content:center;margin:203px 0 60px 0;background: #e4e4e4;padding: 20px;}.types a{margin:0 51px;color:#1a202c;opacity:.2;font-family:'SourceHanSansCN-Bold';transition:all 600ms;cursor:pointer}.types a:hover{opacity:1}.types .active{opacity:1}.title{margin:0 160px 58px 160px}.banner{position:relative;height:100vh;z-index:-1;overflow:hidden}.banner .fix{width:100%;height:100vh;position:relative;top:0}.banner .fix .after{position:absolute;width:100%;top:0;left:0;height:100%;background:rgba(0,0,0,0.6);opacity:0;z-index:25}.banner .bg{height:100vh}.banner .bg img{width:100%;height:100vh !important}.banner .text{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;width:100%;color:#FFF;font-size:42px}.banner .text p:not(:first-child){opacity:0}.intro{padding:100px 200px;background:#F7F7F7;text-align:justify;font-size:20px;line-height:1.8}.section1 .title2{margin:120px 160px 54px 160px}.section1 .list{margin:75px 300px 120px 300px;display:grid;grid-template-columns:repeat(3, 1fr);gap:0 30px}.section1 .list .item{width:100%;position:relative;overflow:hidden;color:white;background:#323A3B;padding:50px 42px;z-index:2;height:425px}.section1 .list .item::after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:100%;background:url(../images/jzbg.png) no-repeat;background-size:100% 100%;opacity:.2;pointer-events:none}.section1 .list .item .p1{font-size:24px;font-weight:700;margin-bottom:32px}.section1 .list .item .des{text-align:justify;font-size:18px;line-height:1.67;font-family:'SourceHanSansCN-Light'}.section2{padding:120px 160px;background:#F7F7F7}.section2 .title2{margin-bottom:40px}.section2 .list{display:grid;grid-template-columns:repeat(4, 1fr);gap:17px}.section2 .list .item{width:100%;position:relative;overflow:hidden;border-radius:10px}.section2 .list .item::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2);transition:all 600ms;z-index:1;border-radius:10px}.section2 .list .item p{color:#FFF;font-size:24px;position:absolute;left:30px;bottom:30px;z-index:1}.section2 .list .item img{width:100%;display:block;object-fit:cover;border-radius:10px;transition:all 600ms}.section2 .list .item:hover::before{opacity:0}.section2 .list .item:hover img{transform:scale(1.05)}.section3{margin:120px 160px}.section3 .list{display:flex;justify-content:space-between;margin-top:40px}.section3 .list .item{width:50%;position:relative;overflow:hidden}.section3 .list .item img{width:100%;display:block;object-fit:cover;transition:all 600ms}.section3 .list .item .text{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center}.section3 .list .item .text .p1{font-size:32px;font-weight:700}.section3 .list .item .text .des{font-size:18px;width:50%;margin:18px auto;text-align:justify}.section3 .list .item:hover img{transform:scale(1.05)}.section4{margin:0 160px}.section4 .title2 .des{margin:40px 162px 95px 0;color:#000;font-size:18px;line-height:1.67}.section4 .pics{margin:0 120px;display:grid;grid-template-columns:repeat(6, 1fr);gap:34px 47px}.section4 .pics .pic{width:100%;overflow:hidden}.section4 .pics .pic img{width:50%;margin:0 auto;display:block;object-fit:cover;transition:all 600ms}.section4 .pics .pic:hover img{transform:scale(1.05)}.section5{margin:130px 160px}.section5 .content{width:90%;margin:45px auto;position:relative}.section5 .content .prev{position:absolute;left:-60px;top:50%;transform:translateY(-50%);cursor:pointer;z-index:10}.section5 .content .next{position:absolute;right:-60px;top:50%;transform:translateY(-50%);cursor:pointer;z-index:10}.section5 .content .swiper-slide .pic{overflow:hidden}.section5 .content .swiper-slide .pic img{width:100%;object-fit:contain;transition:.6s}.section5 .content .swiper-slide .pic img:hover{transform:scale(1.02)}.section5 .content .swiper-slide p{text-align:center;font-size:20px;margin-top:32px;opacity:0;transition:all 600ms}.section5 .content .swiper-slide-active p{opacity:1}.cases{margin:120px 160px 150px 160px}.cases .content{position:relative;margin-top:64px}.cases .content .prev{position:absolute;left:-80px;top:50%;transform:translateY(-50%);cursor:pointer;z-index:10}.cases .content .next{position:absolute;right:-80px;top:50%;transform:translateY(-50%);cursor:pointer;z-index:10}.cases .content .swiper-container a{display:block;width:100%}.cases .content .swiper-container a .pic{overflow:hidden;transition:all 600ms}.cases .content .swiper-container a .pic img{width:100%;display:block;object-fit:cover;transition:all 600ms}.cases .content .swiper-container a .text{display:flex;justify-content:space-between;margin-top:30px;align-items:center}.cases .content .swiper-container a .text .name{color:#333;font-size:20px;font-family:'SourceHanSansCN-Bold'}.cases .content .swiper-container a .text .city{color:#333;font-size:16px}.cases .content .swiper-container a:hover .pic{box-shadow:0px 4px 20px 0px rgba(0,0,0,0.36)}.cases .content .swiper-container a:hover .pic img{transform:scale(1.05)}@media screen and (max-width: 1465px){.title{margin:0 5% 58px 5%}.intro{padding:80px 5%}.section1 .title2{margin:120px 5% 54px 5%}.section1 .list{margin:75px 5% 0 5%}.section1 .list .item{height:auto}.section2{padding:120px 5%}.section3{margin:120px 5%}.section3 .list .item img{height:400px}.section4{margin:0 5%}.section4 .pics{margin:0 5%}.section5{margin:130px 5%}.cases{margin:120px 5% 160px 5%}.cases .content .prev{left:-50px}.cases .content .next{right:-50px}}@media screen and (max-width: 1024px){.types{margin:80px 5% 30px 5%;display:block;overflow-x:scroll;white-space:nowrap}.types a{margin:0 10px;display:inline-block}.en{font-size:32px}.cn{font-size:30px}.banner .bg img{height:500px}.banner .text{padding:0 5%}.banner .text p{font-size:24px}.intro{padding:30px 5%;font-size:18px}.section1 .title2{margin:40px 5%}.section1 .list{margin:30px 5%;grid-template-columns:repeat(1, 1fr);gap:0}.section1 .list .item{margin-bottom:20px;padding:20px;min-height:320px}.section1 .list .item .p1{font-size:18px;margin-bottom:15px}.section1 .list .item .des{font-size:16px}.section2{padding:30px 5%}.section2 .list{grid-template-columns:repeat(1, 1fr);gap:15px 0}.section3{margin:30px 5% 60px 5%}.section3 .list{flex-direction:column;margin-top:20px}.section3 .list .item{width:100%}.section3 .list .item .text .p1{font-size:24px}.section3 .list .item .text .des{width:90%}.section4 .title2 .des{margin:20px 0}.section4 .pics{grid-template-columns:repeat(2, 1fr);gap:15px;margin:0}.section5{margin:60px 5%}.section5 .content{width:100%;margin:20px auto}.section5 .content .prev,.section5 .content .next{display:none}.section5 .content .swiper-slide p{font-size:14px;margin-top:15px}.section5 .content .swiper-slide-next p{opacity:1}.cases{margin:60px 5%}.cases .content{margin-top:30px}.cases .content .prev,.cases .content .next{display:none}}