body,html{overflow-x:hidden;font-family: arial;}
ul{margin:0;padding:0}
p{margin:0}
h4{margin:0}
.container{padding:0 15px}
h2{font-size: 24px;line-height: 1.2;}
section.gccbanner img{width: 100%;vertical-align: middle;}
.gcc-yingyong{margin:30px 0;}
.gcc-yingyong h2{color: #3b4457;font-weight: bold;text-align: center;}
.gcc-yingyong h2::after{content: '';width: 116px;height: 4px;background: #3b4457;display: block;margin: 15px auto;}
.gcc-yingyong .yingyong-con{display: flex;justify-content: space-between;flex-wrap: wrap;}
.gcc-yingyong .yingyong-con .yingyong-wen{width: 100%;}
.gcc-yingyong .yingyong-con .yingyong-wen p{font-size: 18px;line-height: 30px;color: #3b4457;text-align: justify;}
.gcc-yingyong .yingyong-con .yingyong-wen p:last-child{margin: 0 0 20px;}
.gcc-yingyong .yingyong-con .yingyong-img{width: 100%;}
.gcc-yingyong .yingyong-con .yingyong-img img{width: 100%;vertical-align: middle;}

.gcc-fazhan{padding: 30px 0 15px;background: #e94709;}
.gcc-fazhan h2{color: #fff;font-weight: bold;text-align: center;}
.gcc-fazhan h2::after{content: '';width: 116px;height: 4px;background: #fff;display: block;margin: 10px auto;}
.gcc-fazhan p{font-size: 18px;line-height: 30px;color: #fff;text-align: justify;padding-bottom: 10px;}
.gcc-fazhan .gongyi-img{background: #f7f7f7;padding: 20px 10px 10px;}
.gcc-fazhan .gongyi-img img{width: 100%;vertical-align: middle;}

.gcc-xzm h2{color: #3b4457;font-weight: bold;text-align: center;margin-top: 30px;}
.gcc-xzm h2::after{content: '';width: 116px;height: 4px;background: #3b4457;display: block;margin: 15px auto 20px;}
.gcc-xzm p{font-size: 18px;line-height: 30px;color: #3b4457;text-align: justify;}
.gcc-xzm .xzm-img{margin: 20px 0 30px;}
.gcc-xzm .xzm-img img{width: 100%;vertical-align: middle;}

.gcc-xzmgy{background: url(/static/special/gcc/images/bg-xzm.png) no-repeat center/cover;}
.gcc-xzmgy .xzmgy-con{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 30px 0;}
.gcc-xzmgy .xzmgy-con .xzmgy-wen{width: 100%;}
.gcc-xzmgy .xzmgy-con .xzmgy-wen h2{color: #3b4457;font-weight: bold;text-align: center;}
.gcc-xzmgy .xzmgy-con .xzmgy-wen h2::after{content: '';width: 116px;height: 4px;background: #3b4457;display: block;margin: 15px auto;}
.gcc-xzmgy .xzmgy-con .xzmgy-wen p{font-size: 18px;line-height: 30px;color: #3b4457;text-align: justify;}
.gcc-xzmgy .xzmgy-con .xzmgy-img{width: 100%;}
.gcc-xzmgy .xzmgy-con .xzmgy-img img{width: 100%;vertical-align: middle;}

.gcc-case{background: #3c4457;padding: 30px 0;}
.gcc-case h2{color: #fff;text-align: center;font-weight: bold;}
.gcc-case h2::after{content: '';width: 116px;height: 4px;background: #fff;display: block;margin: 15px auto;}
.gcc-case #case-swiper{position:relative;overflow:hidden;margin-top: 30px;}
.gcc-case #case-swiper .swiper-wrapper .swiper-slide img{width:100%;vertical-align:middle}
.gcc-case #case-swiper .swiper-wrapper .swiper-slide .case-wen{background: #fff;padding:0 0 10px 25px;}
.gcc-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;}
.gcc-case #case-swiper .swiper-wrapper .swiper-slide .case-wen p{color: #666666;font-size:16px;line-height:26px;}
.gcc-case .container{position:relative}
.gcc-case .case-swiper-btn .swiper-button-prev{background:url(/static/special/gcc/images/btn-left.png) no-repeat;background-size:100%;width:45px;height:45px;left:2%}
.gcc-case .case-swiper-btn .swiper-button-next{background:url(/static/special/gcc/images/btn-right.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){
	.gcc-case #case-swiper .swiper-wrapper .swiper-slide .case-wen p{font-size:16px;line-height:24px}
	.gcc-case #case-swiper .swiper-wrapper .swiper-slide .case-wen h4{font-size:18px;line-height:24px;white-space: initial;}
	.gcc-case #case-swiper .swiper-wrapper .swiper-slide-active .case-wen,.swiper-slide-duplicate-active .case-wen{padding:0 10px 10px 10px}
	.gcc-case .case-swiper-btn .swiper-button-prev{left: 2.5%;}
	.gcc-case .case-swiper-btn .swiper-button-next{right: 2.5%;}
}
@media (max-width:425px) {
	.swiper-button-next, .swiper-button-prev{top:35%}
}