#block_03 {width:100%; overflow:hidden; padding:80px 0; position:relative; overflow:hidden;}
#block_03 div.wd_11 {width:1100px; box-sizing:border-box; margin:0 auto; }
#block_03 ul {padding:0; margin:0; list-style-type:none;}
#block_03 ul li a{display:block; background-size:cover !important; opacity:1;     width:100%; height:100%;  border:0px solid #dfdfdf;  box-sizing:border-box; color:#000;}
#block_03 ul li.m01 a:hover,#block_03 ul li.m02 a:hover,#block_03 ul li.m03 a:hover {opacity:0.7; }
#block_03 ul li.m01 a{ background:url("../img/m01.jpg")no-repeat center center; }
#block_03 ul li.m02 a{background:url("../img/m02.jpg")no-repeat center center;}
#block_03 ul li.m03 a{background:url("../img/m03.jpg")no-repeat center center;}
#block_03 ul li{position:relative;   width:49%; float:left; transition: all 0.3s; margin-left:2%; margin-bottom:25px; }
#block_03 ul li:first-child {margin-left:0 !important; }
#block_03 ul li a{position:relative;  height:200px; float:left; transition: all 0.3s; background-color:#000;}
#block_03 ul li:first-child a{height:505px;  }
#block_03 ul li p {display:block; clear:both; margin:0;  height:80px; box-sizing:border-box; background-color:#f2f2f2; padding:13px 20px; }
#block_03 ul li span.txt {display:block; clear:both; padding:1px 0px; font-size:18px; color:#333;}
#block_03 ul li span.txt2 {font-size:14px; color:#777; padding-top:5px; line-height:16px ; display:block;}
#block_03 ul li:first-child span.ico  { top:46%; left:48%; }
#block_03 ul li span.ico  {width:40px; height:40px; transition:all 0.35s; position:absolute; top:37%; left:45%; z-index:99; opacity: 0.9; transform-origin: center center;  }
#block_03 ul li a:hover span.ico{width:40px; height:40px; transition:all 0.3s; transform: rotate(180deg) ; transform-origin: center center;  }
#block_03 ul li.m05 a:hover span.ico{ transform: rotate(0deg) ;}
#block_03 ul li:hover {  transition: all 0.3s;}
#block_03 ul li:hover span.txt {color:#333;}
#block_03 ul li a:hover { opacity: 1; }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#block_03 div.wd_11 {width:100%; }
}
@media (max-width: 768px) {
#block_03 ul li a{display:block; background-size:cover ; }
#block_03 ul li{ width:100%; float:left; transition: all 0.3s; margin-left:0%; margin-bottom:1px; }   
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}