img{-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;user-drag:none}
body{overflow-x:hidden;max-width: 640px;margin: auto;}
.banner img{width:100%;height:auto;margin:0 auto;vertical-align: middle;}
.subTitle{display:flex;align-items:center;justify-content:center}
.subTitle h2{font-size:24px;line-height: 24px; padding:0 8px;font-weight:900;margin:0;text-align:center}
.subTitle h2 span{color:#2859cd}
.subTitle .gradientLineA,.subTitle .gradientLineB{width:175px;height:2px;background:linear-gradient(to right,rgba(0,0,0,0),#5088ed);position:relative;display:flex;align-items:center}
.subTitle .gradientLineA::after,.subTitle .gradientLineB::before{content:"";width:18px;height:18px;background-color:#5088ed;position:absolute;right:0;transform:rotateZ(45deg)}
.subTitle .gradientLineB{background:linear-gradient(to left,rgba(0,0,0,0),#5088ed)}
.subTitle .gradientLineB::before{left:0}
.subTitleB h2{color:#fff}
.subTitleB .gradientLineA{background:linear-gradient(to right,rgba(0,0,0,0),#fff)}
.subTitleB .gradientLineB{background:linear-gradient(to left,rgba(0,0,0,0),#fff)}
.subTitleB .gradientLineA::after,.subTitleB .gradientLineB::before{background-color:#fff}
.one{padding:25px 15px;}
.one1 .one1-content{display:flex;justify-content:space-between;flex-wrap:wrap}
.one1 .one1-content .one1-left{width:100%}
.one1 .one1-content .one1-left p{font-size:16px;line-height:26px;}
.one1 .one1-content .one1-left img{width: 100%;vertical-align: middle;}
.one1 .one1-content .one1-right{width:100%;margin-top:25px}
.one1 .one1-content .one1-right img{width:100%;height:auto;display:block}
.twoCon{margin-top:35px;color:#fff;display:flex;flex-wrap: wrap; justify-content: space-evenly;row-gap:10px;}
.twoCon>div{width:47.8%;padding: 20px 15px;background:#111e2d;opacity:0.9;position:relative;text-align:center;}
.twoCon>div:nth-child(2n){background:#1c3a5b}
.twoCon>div>img{width:50px}
.twoCon>div>h2{display:flex;align-items:center;justify-content:center;height:60px;font-size:20px;line-height: 20px;}
.twoCon>div>p{font-size: 16px;line-height: 20px;}
.twoCon>div>hr{width:100px;height:1px;background:#fff;opacity:1;margin:10px auto 0;}
.thr{background:#ececec;padding:30px 0;margin-top: 30px;}
.thrCon{margin-top:25px}
.thrCon .row{display:flex;flex-direction: column;padding: 0 15px;gap:25px;}
.thrTitle{display:flex;position:relative}
.thrCon .top-content{margin-bottom:50px}
.thrCon .top-content .top-content-left p{font-size:16px;line-height:26px;color:#2c2c2b}
.thrCon .top-content .top-content-right img{width:100%;height:auto;display:block}
.thrTitle>span:nth-child(1){background:linear-gradient(to right,rgba(80,136,237,0.9) 50%,rgba(236,236,236,0.7));display:block;width:175px;height:50px;line-height:50px;color:#fff;font-weight:900;text-align:center;z-index:2;font-size:20px}
.thrTitle>span:nth-child(2){position:absolute;top:8px;left:11px;width:164px;height:50px;background:linear-gradient(to right,#caddff 10%,#ececec);z-index:1}
.thrTitle h2{flex:1;font-size:22px;line-height: 22px; margin-left:20px;font-weight:bold}
.thrItem img{width:100%;margin-top:20px}
.four{margin-top:35px}
.four>div{display:flex;flex-direction:column;gap:10px}
.four>div>div{display:flex;justify-content:space-between;gap:10px}
.four>div>div img{width: 100%;vertical-align: middle;}
.four .case{position:relative}
.four .case .mask{position:absolute;left:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.5);color:#fff;font-size:20px;line-height: 20px;text-align: center; font-weight:900;display:flex;align-items:center;justify-content:center}
.five{background:url(/static/images/special/cement/fiveBg.jpg) no-repeat;background-size:cover;padding:35px 0;margin-top:35px}
.five h3{font-size:18px;line-height: 26px; text-align:center;margin:30px 0 20px}
.five p{font-size: 16px; line-height:28px;padding: 0 15px;}
.liuyan .subTitle{margin:30px 0}

@media (max-width:576px) {
	.subTitle .gradientLineA, .subTitle .gradientLineB{display: none;}
	.twoCon{gap:20px;}
	.twoCon > div{width: 90%;}
	.twoCon > div > img{width: 35px;}
	.twoCon > div > h2{height: auto;margin: 8px auto;font-size: 18px;}
	.four .case .mask{font-size: 18px;}
	.subTitle h2{font-size: 20px;line-height: 20px;}
	.twoCon{margin-top: 25px;}
	.thrTitle > span:nth-child(1){width: 120px;height: 40px;line-height: 40px;text-align: initial;font-size: 18px;text-indent: 10px;}
	.thrTitle > span:nth-child(2){width: 120px;height: 40px;}
	.thrTitle{flex-direction: column;}
	.thrTitle h2{margin-left: 0;margin-top:20px;font-size: 16px;}
	.four{margin-top: 25px;}
	.five{padding: 25px 0;margin-top: 25px;}
	.five h3{font-size: 17px;line-height: 20px;margin: 10px 5px;}
	
}
@media (max-width:425px) {
	
}