img{-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;user-drag:none}
body{overflow-x:hidden}
.banner img{width:100%;height:auto;margin:0 auto}
.subTitle{display:flex;align-items:center;justify-content:center}
.subTitle h2{font-size:30px;padding:0 30px;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:50px 0}
.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;hyphens:auto}
.one1 .one1-content .one1-right{width:100%;margin-top:25px}
.one1 .one1-content .one1-left img,.one1 .one1-content .one1-right img{width:100%;height:auto;display:block}

.twoCon{margin-top:50px;display:flex;background:url(../images/twoBg.jpg) no-repeat;color:#fff}
.twoCon>div{width:25%;padding:110px 40px 90px 40px;background:#111e2d;opacity:.9;position:relative;text-align:center;max-height:527px}
.twoCon>div:nth-child(2n){background:#1c3a5b}
.twoCon>div>img{width:80px}
.twoCon>div>h2{display:flex;align-items:center;justify-content:center;height:130px;font-size:30px}
.twoCon>div>hr{width:100px;height:1px;background:#fff;opacity:1;margin:30px auto 0 auto}
.thr{background:#ececec;padding:90px 0 50px 0}
.thrCon{margin-top:55px}
.thrCon .row{display:flex;justify-content:space-between}
.thrTitle{display:flex;position:relative}
.thrCon .top-content{margin-bottom:50px}
.thrCon .top-content .top-content-left p{font-size:16px;line-height:30px;color:#2c2c2b}
.thrCon .top-content .top-content-right img{width:100%;height:auto;display:block}
.thrTitle>span:first-child{background:linear-gradient(to right,rgba(80,136,237,.9) 50%,rgba(236,236,236,.7));display:block;width:175px;height:50px;line-height:50px;color:#fff;font-weight:900;text-align:center;z-index:2;font-size:26px}
.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;margin-left:20px;font-weight:700}
.thrItem img{width:100%;margin-top:20px}
.four{margin-top:38px}
.four>div{display:flex;flex-direction:column;gap:35px}
.four>div>div{display:flex;justify-content:space-between;gap:35px}
.four>div>div img{flex:1}
.four .case{position:relative}
.four .case .mask{position:absolute;left:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,.5);color:#fff;font-size:40px;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:50px 0;margin-top:38px}
.five h3{font-size:24px;text-align:center;margin:40px 0 20px}
.five p{line-height:28px}
.five p:first-child{padding-top:50px}
.five .imgList{text-align:center}
.liuyan .subTitle{margin:30px 0}
@media (min-width:1200px){
.one1 .one1-content .one1-left{width:52%}
.one1 .one1-content .one1-right{width:46%;margin-top:0}
}
@media (max-width:1773px){.twoCon>div>h2{font-size:26px}
}
@media (max-width:1659px){
.four>div{gap:2px}
.four>div>div{gap:2px}
}
@media (max-width:1580px){.twoCon>div{padding:110px 15px 90px 15px}
}
@media (max-width:1386px){.twoCon>div>h2{font-size:22px}
}
@media (max-width:1200px) {
    .twoCon{flex-wrap: wrap;justify-content: space-between;gap: 15px;}
    .twoCon > div{width: 49%;}
}
@media (min-width:994px) and (max-width:1199px){
.four .case .mask{font-size:30px}
}
@media (max-width:991px){
.thrCon .row div:nth-child(2){margin-top:40px}
.four .case .mask{font-size:20px}
}
@media (max-width:975px){
.subTitle .gradientLineA,.subTitle .gradientLineB{width:80px}
}
@media (max-width:784px){
.subTitle .gradientLineA,.subTitle .gradientLineB{display:none}
}

@media (max-width:768px){
	.twoCon{flex-wrap:wrap;background:0 0;margin-top: 20px;}
	.twoCon>div{width:100%;margin-bottom:0;padding:20px 10px}
	.twoCon > div > hr{margin-top: 10px;}
	.twoCon>div>img{width:40px}
	.twoCon>div>h2{height:auto;font-size:18px;margin: 10px auto;}
	.twoCon>div>p{font-size:16px;margin-bottom: 0;}
	.four>div{gap:2px}
	.four>div>div{gap:2px}
	.four .case .mask{font-size:14px}
	.one{padding: 20px 0;}
	.subTitle h2{font-size: 22px;line-height: 22px;padding: 0 10px;}
	.thr{padding: 25px 0;}
	.thrCon{margin-top: 15px;padding: 0;}
	.thrCon .top-content .top-content-left p{line-height: 26px;}
	.thrTitle{flex-direction: column;}
	.thrTitle > span:first-child{font-size: 18px;}
	.thrTitle h2{margin-top: 20px;font-size: 20px;}
	.four{margin-top: 20px;}
	.five{padding: 25px 0;margin-top: 25px;}
	.five h3{font-size: 18px;line-height: 20px;margin: 10px auto;}
	.row{margin: 0;}
}