body,html{overflow-x:hidden;font-family: arial;}
ul,p,h2,h3,h4{margin:0;padding:0}
h3{font-weight: bold;}
.container{padding:0 15px}
h2{font-size: 26px;line-height: 1.2;font-family: Impact;color: #3b4457;text-align: center;}

section.gypsum-banner{max-width: 1920px;margin: auto;}
section.gypsum-banner img{width: 100%;vertical-align: middle;}
.jianjie{margin: 40px 0;}
.jianjie-con{display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: column-reverse;align-items: center;}
.jianjie-con .con-img{width: 75%;margin: auto;}
.jianjie-con .con-img img{width: 100%;vertical-align: middle;}
.jianjie-con .con-wen{width: 100%;}
.jianjie-con .con-wen h2{text-align: center;}
.jianjie-con .con-wen h2::after{content: '';width: 202px;height: 6px;background: #e94609;display: block;margin: 10px auto;}
.jianjie-con .con-wen p{font-size: 18px;color: #666666;line-height: 30px;text-align: justify;}
.jianjie-con .con-wen p:last-child{margin-top: 0;}

.fenlei{background: url(/static/special/gypsum/images/bg-intro.png) no-repeat center/cover;padding: 40px 0;}
.fenlei .container h2{color: #fff;}
.fenlei .container h2::after{content: '';width: 202px;height: 6px;background: #fff;display: block;margin: 10px auto 0;}
.fenlei .container > p{font-size: 18px;color: #ffffff;line-height: 26px;margin: 15px 0;text-align: justify;text-align-last: center;}
.fenlei .fenlei-list ul{display: flex;justify-content: space-between;}
.fenlei .fenlei-list ul li{width: 32%; display: flex;flex-direction: column;align-items: center;border: 2px solid #cdcccb;padding: 10px;border-radius: 20px;background: rgba(255,255,255,.1);}
.fenlei .fenlei-list ul li h3{font-size: 16px;line-height: 1;color: #fff;margin-top: 0;text-align: center;}
.fenlei .fenlei-list ul li h3::after{content:'';width: 155px;height: 1px;display: block;margin: 10px auto;background: rgba(255, 255, 255, .63);}
.fenlei .fenlei-list ul li p{font-size: 16px;line-height: 24px;color: #fff;text-align: center;}
.fenlei .fenlei-list ul li img{width: 35px;}

.yingyong{margin: 45px 0;}
.yingyong .container h2::after{content: '';width: 202px;height: 6px;background: #e94609;display: block;margin: 10px auto 0;}
.yingyong .container > p{font-size: 18px;line-height: 30px;color: #666;text-align: justify;margin: 15px 0;}
.yingyong .yy-list ul{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 15px;}
.yingyong .yy-list ul li:nth-child(-n+2){width: 100%;}
.yingyong .yy-list ul li:nth-child(n+3){width: 100%;}
.yingyong .yy-list ul li{background: #3b4457;padding: 15px;}
.yingyong .yy-list ul li *{font-size: 18px;color: #fff;line-height: 30px;}
.yingyong .yy-list ul li h3{font-size: 24px;line-height: 1;padding-bottom: 10px;}
.yingyong .yy-list ul li h4:before{content: '';display: inline-block; width: 7px;height: 7px;border-radius: 50%;background: #fff;margin: 0 10px 3px 6px;}

.gongyi{background: #f7f7f7;padding: 40px 0 50px;}
.gongyi .container h2::after{content: '';width: 202px;height: 6px;background: #e94609;display: block;margin: 10px auto 0;}
.gongyi .process-grid{display: flex;justify-content: space-between;flex-wrap: wrap;}
.gongyi .process-card{width: 100%;box-shadow: 2px 2px 8px 5px rgba(0, 0, 0, .15);margin-top: 40px;background: #fefff990;}
.gongyi .card-tit{background: #e94609;min-height: auto;position: relative;}
.gongyi .card-tit h3{font-size: 18px;line-height: 3;color: #fff;padding-left: 50px;}
.gongyi .card-tit span{font-size: 30px;font-style: italic;line-height: 1;color: #fefefe;font-weight: bold;position:absolute;left: 15px;top: 10px;}
.gongyi .card-body{padding: 30px 0;}
.gongyi .card-body .flow-line-box{position: relative;}
.gongyi .card-body .flow-line-box .flow-base-line{height: 100%;width: 2px;background: #e9460950;position: absolute;left: 26px;}
.gongyi .card-body .flow-node-list{display: flex;justify-content: space-between;flex-direction: column;gap: 30px;}
.gongyi .card-body .flow-node-list .flow-node{display: flex;align-items: center;position: relative;}
.gongyi .card-body .flow-node-list .flow-node:before{content:'';width: 10px;height: 10px;background: transparent;display: block;position: absolute;left: 22px;bottom: -15px;border: solid #e94609;border-width: 0 0 2px 2px;transform: rotate(-45deg);}
.gongyi .card-body .flow-node-list .flow-node:last-child:before{display: none;}
.gongyi .card-body .flow-node-list .flow-node .node-text{font-size: 18px;line-height: 24px;color: #13244f;}
.gongyi .card-body-x{padding: 30px 15px;}
.gongyi .card-body-x .flow-line-box-x{position: relative;}
.gongyi .card-body-x .flow-line-box-x .flow-base-line-up{width: 100%;height: 2px;background: #e9460950;position: absolute;top: 13%;}
.gongyi .card-body-x .flow-line-box-x .flow-base-line-down{width: 100%;height: 2px;background: #e9460950;position: absolute;bottom: 36%;}
.gongyi .card-body-x .flow-node-list-x{display: flex;justify-content: space-between;flex-wrap: wrap;}
.gongyi .card-body-x .flow-node-list-x .flow-node{width: 24%;display: flex;flex-direction: column;align-items: center;position: relative;}
.gongyi .card-body-x .flow-node-list-x .flow-node .node-text{font-size: 18px;line-height: 24px;color: #13244f;text-align: center;}
.gongyi .card-body-x .flow-node-list-x .flow-node::before{content:'';width: 10px;height: 10px;background: transparent;display: block;position: absolute;right: 0;top: 22%;border: solid #e94609;border-width: 2px 2px 0 0;transform: rotate(45deg);}
.gongyi .card-body-x .flow-node-list-x .flow-node:last-child::before,
.gongyi .card-body-x .flow-node-list-x .flow-node:nth-child(4)::before{display: none;}
.gongyi .card-body-x .flow-node-list-x .flow-node:nth-child(n+4)::before{top: 22%;}
.gongyi .card-body-x .flow-line-box-x .flow-base-line-up1{width: 100%;height: 2px;background: #e9460950;position: absolute;top: 22%;}
.gongyi .card-body-x.card-4 .flow-line-box-x .flow-base-line-up1{top: 22%;}
.gongyi .card-body-x.card-4 .flow-node-list-x .flow-node::before{top: 18.5%;}

.solution{margin-top: 40px;}
.solution .container h2::after{content: '';width: 202px;height: 6px;background: #e94609;display: block;margin: 10px auto 0;}
.solution .container > p{font-size: 18px;line-height: 30px;color: #666;text-align: justify;margin: 20px 0;}
.solution .bg-img-box{position: relative;}
.solution .bg-img-box .cp-bg1{background: url(/static/special/gypsum/images/bg-cp.png) no-repeat center/cover;position: relative;padding: 30px 15px 0;}
.solution .bg-img-box .cp-bg1 .wen-float{position: initial;width: 100%;}
.solution .bg-img-box .cp-bg1 .wen-float h3{font-size: 20px;line-height: 1;color: #3b4457;text-align: center;padding: 0 0 10px;}
.solution .bg-img-box .cp-bg1 .wen-float p{font-size: 18px;line-height: 30px;color: #666;text-align: justify;}
.solution .cp-flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.solution .cp-flex > div{width: 50%;}
.solution .cp-flex h4{padding: 0 !important;display: flex;justify-content: center;}
.solution .cp-flex h4.pad{padding: 0 0 20px 0;}
.solution .cp-flex h4.pad-r{text-align: right;}
.solution .cp-flex h4 a{display: inline-block;font-size: 16px;line-height: 1;color: #ffffff;background: #ea4609;padding: 10px;}
.solution .cp-flex .cp-img a{display: flex;}
.solution .cp-flex .cp-img a img{width: 100%;vertical-align: middle;}

.solution .bg-img-box .cp-bg2{position: absolute;bottom: 0;}
.solution .bg-img-box .cp-bg2 .foot-position{display: flex;position: relative;}
.solution .bg-img-box .cp-bg2 .foot-position img{width: 100%;min-height: 80px;}
.solution .bg-img-box .cp-bg2 .foot-position p{width: 100%;text-align: center;position: absolute;bottom: 10%;left: 50%;transform: translateX(-50%);}
.solution .bg-img-box .cp-bg2 .foot-position p span{font-size: 16px;line-height: 1;color: #fff;font-weight: bold;margin: 0 15px;}
.solution .bg-img-box .cp-bg1.paddr{margin: 30px 0 50px;}
.solution .bg-img-box .cp-bg1 .wen-float.wen-width{width: 100%;}
.solution .cp-flex h4.lm-paddr{text-align: right;}


.gypsum-case{background: #3c4457;padding: 30px 0;}
.gypsum-case .container h2{color: #fff;}
.gypsum-case .container h2::after{content: '';width: 202px;height: 6px;background: #fff;display: block;margin: 10px auto 0;}
.gypsum-case #case-swiper{position:relative;overflow:hidden;margin-top: 30px;}
.gypsum-case #case-swiper .swiper-wrapper .swiper-slide img{width:100%;vertical-align:middle}
.gypsum-case #case-swiper .swiper-wrapper .swiper-slide .case-wen{background: #fff;padding:0 0 10px 10px;}
.gypsum-case #case-swiper .swiper-wrapper .swiper-slide .case-wen h4{font-size: 20px;line-height: 24px;color: #333333;font-weight: bold;padding: 15px 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gypsum-case #case-swiper .swiper-wrapper .swiper-slide .case-wen p{color: #666666;font-size:16px;line-height:26px;}
.gypsum-case .container{position:relative}
.gypsum-case .case-swiper-btn .swiper-button-prev{background:url(/static/special/gypsum/images/btnL.png) no-repeat;background-size:100%;width:45px;height:45px;left:2%;}
.gypsum-case .case-swiper-btn .swiper-button-next{background:url(/static/special/gypsum/images/btnR.png) no-repeat;background-size:100%;width:45px;height:45px;right:2%;}
.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after,.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after{content: none;}

@media (max-width:575px){
	.fenlei .fenlei-list ul{flex-wrap: wrap;gap: 20px;}
	.fenlei .fenlei-list ul li{width: 100%;}
	.fenlei .fenlei-list ul li img{width: 20px;}
	.yingyong .yy-list ul li h3{font-size: 20px;}
	.gongyi .card-tit h3{height: 50px;line-height: 50px;}
	.gongyi .card-body-x{padding: 30px 0;}
	.gongyi .card-body-x .flow-line-box-x .flow-base-line-down,
	.gongyi .card-body-x .flow-line-box-x .flow-base-line-up{display: none;}
	.gongyi .card-body-x .flow-node-list-x .flow-node{width: 50%;flex-direction: inherit;}
	.gongyi .card-body-x .flow-node-list-x .flow-node .node-text{text-align: initial;}
	.gongyi .card-body-x .flow-node-list-x.card-3-con .flow-node::before{display: none;}
	.gongyi .card-body-x .flow-node-list-x.card-4-con{flex-direction: column;gap: 30px;}
	.gongyi .card-body-x .flow-node-list-x.card-4-con .flow-node{flex-direction: initial;width: 100%;}
	.gongyi .card-body-x.card-4 .flow-line-box-x .flow-base-line-up1{height: 100%;width: 2px;left: 26px;top: 0;}
	.gongyi .card-body-x.card-4 .flow-node-list-x .flow-node::before{top: 110%;left: 22px;border-width: 0 0 2px 2px;transform: rotate(-45deg);}
	.solution .cp-flex > div{width: 100%;}
	.solution .bg-img-box .cp-bg2 .foot-position img{min-height: 100px;}
	.solution .bg-img-box .cp-bg2 .foot-position p span{display: block;font-size: 14px;}
	.gypsum-case #case-swiper .swiper-wrapper .swiper-slide .case-wen p{font-size:16px;line-height:24px}
	.gypsum-case #case-swiper .swiper-wrapper .swiper-slide .case-wen h4{font-size:18px;line-height:24px;white-space: initial;}
	.gypsum-case #case-swiper .swiper-wrapper .swiper-slide-active .case-wen,.swiper-slide-duplicate-active .case-wen{padding:0 10px 10px 10px}
	.gypsum-case .case-swiper-btn .swiper-button-prev{left: 2.5%;}
	.gypsum-case .case-swiper-btn .swiper-button-next{right: 2.5%;}
}