@charset "utf-8";
/* CSS Document */


/*nav*/
.nav_box ul li .subnav a:hover{ color: #FFF }
.nav_box ul:hover{background:rgba(255,255,255,1)!important}



/*module*/
.mm:hover::after{ width:350px;}

.mm:hover img{ opacity:1}
.mm:hover span{ left:130px; margin-top:-60px; background-position:top right !important;}
.mm:hover .module_right{margin-top:10px; left:50%; margin-left:-118px;}
.mm:hover .module_right h1{ text-align:center; color:#FFF;}
.mm:hover .module_right p{ display:none}



/*product*/
.product:hover span{ opacity:1}
.product_box span:hover{ opacity:0} 
.content:hover .content_top{ background:#0c4da2}
.content:hover h3{ color:#FFF;}
.content:hover h4{ color:#FFF; border:1px solid #fff}

/*column*/
.draw {
  -webkit-transition: color 0.25s;
          transition: color 0.25s;
}
.draw::before, .draw::after {
  border: 2px solid transparent;
  width: 0;
  height: 0;
}
.draw::before {
  top: 0;
  left: 0;
}
.draw::after {
  bottom: 0;
  right: 0;
}
.draw:hover p{
  color: #5d5d5d;
}
.draw:hover h1{
  color: #2a2a2a;
}
.draw:hover::before, .draw:hover::after {
  width: 100%;
  height: 100%;
}
.draw:hover::before {
  border-top-color: #0c4da2;
  border-right-color: #0c4da2;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
          transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.draw:hover::after {
  border-bottom-color: #0c4da2;
  border-left-color: #0c4da2;
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
          transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

/* footer*/
.left_footer li a:hover{ color:#ccc}
.right_footer a:hover{ color:#FFF}