.about .banner-wrap{background:-webkit-gradient(linear,left top,right top,from(#313131),to(#3f3f3f));background:linear-gradient(90deg,#313131,#3f3f3f);position:relative;height:300px}.about .banner-wrap .banner{height:300px;overflow-x:hidden}.about .banner-wrap .banner,.about .banner-wrap .img{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.about .banner-wrap .img{width:540px;top:200px}.about .banner-wrap .img .wrap{width:100%;height:100%;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:transparent;pointer-events:none}.about .banner-wrap .img .wrap>div{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;font-size:22px;text-align:center}.about .banner-wrap .img:hover .wrap{background:rgba(0,0,0,.5)}.about>h5{margin-top:350px;font-size:22px}@media screen and (max-width:767px){.about>h5{margin-top:30px}}.about>.content{padding:20px;text-align:center;font-size:16px;line-height:25px}.about>.img-goup{padding-bottom:40px}.about>.img-goup .img{margin:20px 0;padding:0 10px;overflow:hidden;position:relative;text-align:center}.about>.img-goup .img>p{padding-top:2px;padding-bottom:2px;font-size:16px;border:1px solid #e8e8e8}.about>.img-goup .img .wrap{height:100%;width:calc(100% - 20px);position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none;background-color:rgba(0,0,0,.5)}.about>.img-goup .img .wrap>div{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;font-size:18px;text-align:center}