/*m-title*/
.m-title{text-align: center;overflow: hidden}
.m-title h1{font-size:20px!important;line-height:26px; color: #333333; font-weight:bold; padding-bottom: 5px;}
.m-title h2{font-size: 16px; color:#bababa;line-height:26px;font-family:Verdana; text-transform: uppercase;padding:0 0 20px 0;}
/*m1*/
/*m1*/
.m1{overflow: hidden; }
 
.m1 .list a:nth-of-type(1){ margin-left: 0;}

.m1 .list a{display: block; box-shadow:0 7px 16px 0 rgba(7,17,27,.16);  background-color:#FFFFFF;
   transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;text-align:center;}
.m1 .list .img{width:100%;height:auto; overflow: hidden; position: relative;}
.m1 .list .img .img-p-a { z-index:20; position: absolute; left: 0px; bottom:0;}
.m1 .list .img img{width:100%;}
.m1 .list .img .img-p-a .img-p-a1{ display: block;}
.m1 .list .img .img-p-a .img-p-a2{ display: none;}
.m1 .list .title2{  font-size: 18px;line-height: 30px; color:#333333; font-weight: bold;}
.m1 .list .text{text-align:center; line-height:30px;color:#008ed6;padding-bottom:30px; font-family: Arial; font-size: 14px; font-weight: bold; }

.m1 .list a:hover{box-shadow:0 7px 22px 0 rgba(7,17,27,.5);
transform:translate3d(0, -6px, 0);
-webkit-transform:translate3d(0, -6px, 0);-moz-transform:translate3d(0, -6px, 0);
-o-transform:translate3d(0, -6px, 0);-ms-transform:translate3d(0, -6px, 0);}

.m1 .list a:hover .text span{ border-bottom: 2px solid  #008ed6; padding-bottom: 3px;}

.m1 .list a:hover h2{opacity: 0; }
.m1 .list a:hover .img-p-a .img-p-a1{ display: none;}
.m1 .list a:hover .img-p-a .img-p-a2{ display: block;}