.contBy{padding-bottom:60px;}
.contBy .col-lg-4 .box{margin-bottom:30px;}
.contBy .col-lg-4 .tu{position: relative;height:205px;}
.contBy .col-lg-4 .tu img{display:block;width:100%;}
.contBy .col-lg-4 .tu .mask{position: absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(18,120,169,.4)}
.contBy .col-lg-4 .tu .mask h3{position: absolute;left:0;right:0;top:80px;font-size:26px;color:#fff;text-align:center;}

.contBy .col-lg-4 .txt{position: relative;top:-40px;background-color:#fff;box-sizing:border-box;height:210px;margin:0 20px;padding:25px 30px 0;box-shadow:0 0 40px rgba(142,142,142,.31);transition:all ease-out .3s;}
.contBy .col-lg-4 .txt h4{font-size:18px;color:#333333;margin-bottom:20px;}
.contBy .col-lg-4 .txt p{font-size:14px;line-height:24px;color:#333;margin-bottom:5px;}


.contBy .col-lg-4 .box:hover .txt{background-color:#0ca0e9}
.contBy .col-lg-4 .box:hover .txt h4,.contBy .col-lg-4 .box:hover .txt p{color:#fff;}





<!--0.00021982192993164-->