.banner-text.banner-text-1{position:absolute;left:20%;font-size:3.7vw;font-weight:900;top:30%;line-height:1.2}
.banner-text.banner-text-1 span{position:relative;background:linear-gradient(to right,#980001,#d3d2d0);-webkit-background-clip:text;background-clip:text;color:transparent;z-index:111}
.banner-text.banner-text-1 span:first-child:after{position:absolute;content:'Zhaobao Magnet';color:#fff;left:0px;top:0px;font-size:2.7vw;z-index:-1;text-wrap:nowrap;-webkit-text-stroke:4px #fff;paint-order:stroke fill}
.banner-text.banner-text-1 span:last-child::after{position:absolute;content:'Group Start 1990s';color:#fff;left:0;top:0;font-size:3.7vw;z-index:-1;text-wrap:nowrap;-webkit-text-stroke:4px #fff;paint-order:stroke fill}
.banner-text.banner-text-2{position:absolute;left:35%;font-size:3.7vw;font-weight:900;top:15%;line-height:1.2}
.banner-text.banner-text-2 .title span{position:relative;background:linear-gradient(to right,#980001,#d3d2d0);-webkit-background-clip:text;background-clip:text;color:transparent;z-index:111}
.banner-text.banner-text-2 .title span:first-child:after{position:absolute;content:'Well Developed >>';color:#fff;left:0px;top:0px;font-size:2.7vw;z-index:-1;text-wrap:nowrap;-webkit-text-stroke:4px #fff;paint-order:stroke fill}
.banner-text.banner-text-2 .title span:last-child::after{position:absolute;content:'Production Equipment';color:#fff;left:0;top:0;font-size:3.7vw;z-index:-1;text-wrap:nowrap;-webkit-text-stroke:4px #fff;paint-order:stroke fill}
.banner-text.banner-text-2 .title{margin-bottom:26%}
.banner-text.banner-text-2 .desc{font-size:1.25vw;color:#fff;font-weight:normal}
.banner-text.banner-text-3{position:absolute;left:5%;font-size:2.7vw;font-weight:900;top:15%;line-height:1.2}
.banner-text.banner-text-3 .title span{position:relative;background:linear-gradient(to right,#980001,#d3d2d0);-webkit-background-clip:text;background-clip:text;color:transparent;z-index:111}
.banner-text.banner-text-3 .title span:nth-of-type(1)::after{position:absolute;content:'Rich Technical';color:#fff;left:0px;top:0px;font-size:2.7vw;z-index:-1;text-wrap:nowrap;-webkit-text-stroke:4px #fff;paint-order:stroke fill}
.banner-text.banner-text-3 .title span:nth-of-type(2)::after{position:absolute;content:'Accumulation & Production';color:#fff;left:0;top:0;font-size:2.7vw;z-index:-1;text-wrap:nowrap;-webkit-text-stroke:4px #fff;paint-order:stroke fill}
.banner-text.banner-text-3 .title span:nth-of-type(3)::after{position:absolute;content:'Experience';color:#fff;left:0;top:0;font-size:2.7vw;z-index:-1;text-wrap:nowrap;-webkit-text-stroke:4px #fff;paint-order:stroke fill}
.banner-text.banner-text-3 .title{margin-bottom:20%}
.banner-text.banner-text-3 .desc{font-size:1.1vw;color:#fff;font-weight:normal}
.home-introduction .introduction .item .right .title{-webkit-line-clamp:inherit;}
.banner-text.banner-text-1 span:first-child{font-size:2.7vw}
.banner-text.banner-text-2 span:first-child{font-size:2.7vw}
.home-case .case-list{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-case .case-list .item{width:32%;text-align:center;margin-top:2%}
.home-case .case-list .item .img{overflow: hidden;border-radius: 10px;}
.home-case .case-list .item .show-title{width:100%;padding:10px 0;border-radius: 0 0 10px 10px;background: #fff;margin-top:5px;font-size: 20px;display:block;}
@media (min-width:769px){.home-case .l-wrap{padding-bottom:3%}}
@media (max-width:768px){.home-case .l-wrap{padding-bottom:30px}
.home-case .case-list .item{width:49%;flex-direction: column;display:flex;}
.home-case .case-list .item .show-title{font-size: 14px;}
.home-case .case-list .item>a:nth-child(2){flex:1;}}