.introduction {background:url('../images/bg.png') top left no-repeat #374097;background-size:30%;color:#fff;padding:30px 0;float:left;width:100%; }
.introduction h2{font-size:32px;text-transform:uppercase}
.introduction h3{font-size:26px;font-weight:300;padding:20px 0}
.introduction div.box-introduction{background:#cdcfe5;padding:10px 0 10px;text-align:center;color:#374097;margin-right:2%;width:18%;min-height:170px;	-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;position:relative;padding:10px;}
.introduction div.box-introduction h4{text-transform:uppercase;font-size:13px;}
.introduction div.box-introduction p{font-size:12px;}
.introduction div.box-introduction a{color:#374097;}
.introduction div.box-introduction img{margin-bottom:10px;max-width:100%}
.introduction div.box-introduction:after,.introduction div.box-introduction:before {content: '';position: absolute;top: 0;bottom: 0;right: 0;left: 0;    -webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
.introduction div.box-introduction:hover a {color:#fff;}
.introduction div.box-introduction:hover:after {right: 50%;left: 50%;background: rgba(255,255,255,0.2);}
.introduction div.box-introduction:hover:before {top: 50%;
	bottom: 50%;
	background: rgba(255,255,255,0.2);}
.introduction div.box-introduction:hover {background:#b7bbe5;color:#fff;cursor:pointer}
.introduction h3.tamnhin{padding:70px 0 20px 0;clear:both}

.introduction .vision {width:31.3%;margin-right:2%;background:#cdcfe5;position:relative;overflow:hidden}
.introduction .vision:hover{cursor:pointer}
.introduction .vision:nth-of-type(3){margin-right:0;background:#000}
.introduction .vision img{width:100%;opacity:1;}
.introduction .vision .detail{width:100%;background:url('../images/bg-top.png') top left no-repeat;position:absolute;bottom:0;padding:50px 20px 20px;font-size:20px;text-transform:uppercase;-moz-transition: all 0.5s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.introduction .vision:hover img{opacity:1}
.introduction .vision:hover .detail {padding-bottom:50px;}