/*.cont_ul {width:100%}
.cont_ul ul li{
    width: 27%;
    float: left;
    background-color: #f7f5f8;
    margin: 16px;
    text-align: center;
    height: 200px;
    padding: 30px;
    box-shadow: 5px 5px 10px #eeecef;
} 

.cont_ul ul li h3{ text-align: center; padding:15px}
.cont_ul ul li img{ margin:0 auto;padding:15px}
.cont_ul ul li p{ padding:15px;line-height:30px}*/



.cont_ul{  }
.cont_ul{/* margin:62px 0 62px -67px; */height:300px;}
.cont_ul li{float: left;width: 30%;height: 300px;/* margin-left: 67px; */background: #f5f5f7;position: relative;margin: 10px;}
.cont_ul li img{margin:0 auto;}
.cont_ul li:after{    content: "";
    position:absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    display: block;
    width: 0%;
    height: 300px!important;
    background: #b7dff6!important;
    transition: all 0.5s ease 0s;visibility: initial!important;}
.cont_ul li:hover:after{ width: 100%!important; } 
.cont_ul li h3{ text-align: center; padding-top: 46px; height: 40px; line-height: 40px; font-size: 18px; color: #666666; }
.cont_ul li em{ display: block; width: 68px; height: 1px; background: #014099; margin: 0 auto 30px; }
.cont_ul li i{ display: block; text-align: center; margin-bottom: 44px; }
.cont_div{height: 60px;line-height: 60px;overflow: hidden;font-size: 16px;text-align: center;}
.cont_add{height: 60px;overflow: hidden;line-height: 30px;text-align: center;font-size: 16px;}




@media (max-width: 768px){
/*.cont_ul ul li{ width: 86%;
    float: left;
    background-color: #f7f5f8;
    /* margin: 16px; 
    text-align: center;
    height: 200px;
    padding: 30px;
	box-shadow: 5px 5px 10px #eeecef;
}

.cont_ul ul li h3{ text-align: center; padding:7px}
.cont_ul ul li img{ margin:0 auto;padding:7px}
.cont_ul ul li p{ padding:7px;line-height:30px}*/

.cont_ul li{float: left;width:97%;height: 300px;margin: 10px;background: #f5f5f7;position: relative;}


}