@charset "utf-8";

.web-title a{display:inline-block;}
.web-title a span{font-size:20px;line-height:1;color:#999;font-weight:lighter;text-transform:uppercase;}
.web-title a div{font-size:28px;color:#333;}
@media(max-width:1199px){
	.web-title a span{font-size:large;}
	.web-title a div{font-size:24px;}
}
@media(max-width:991px){
	.web-title a span{font-size:medium;}
	.web-title a div{font-size:20px;}
}
.index3a{padding:15px 0;}
.index3b{overflow:hidden;}
.index3b ul{margin:0 -15px;}
.index3b li{float:left;padding:15px;width:25%;text-align:center;}
.index3b a{display:block;position:relative;background-color:#fff;overflow:hidden;}
.index3b a div{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.2);transition:ease .5s;}
.index3b a:hover div{background-color:rgba(0,0,0,.5);}
.index3b a p{position:absolute;top:50%;right:1em;left:1em;padding-bottom:10px;font-size:large;color:#fff;font-weight:bold;text-align:center;transform:translateY(-50%);}
.index3b a p:after{content:"";display:block;position:absolute;bottom:0;left:50%;border-bottom:2px solid #f60;width:2em;transform:translateX(-50%);}
.index3b .last a{padding-top:66.666666%;background-color:rgba(0,0,0,.2);}
@media(max-width:1399px){
	.index3b ul{margin:0 -10px;}
	.index3b li{padding:10px;}
}
@media(max-width:991px){
	.index3b li{width:33.333333%;}
}
@media(max-width:640px){
	.index3b li{width:50%;}
}
@media(max-width:480px){
	.index3b ul{margin:0 -7px;}
	.index3b li{padding:7px;}
}