@charset "UTF-8";

.main-link-box .mini-title-box{width:25%;}
.main-link-box .mini-title-box .mini-title{font-size:3.6rem;line-height:4.4rem;font-weight:500;}
.main-link-box .mini-link-box{width:75%;}

@media screen and (min-width:769px) {	
	.main-link-box .mini-link-box .btn-main-link{display:none;}
	.main-link-box .mini-link-box ul{display:flex;flex-wrap:wrap;margin:-10px -2%;overflow:hidden;}
	.main-link-box .mini-link-box ul li{padding:10px 2%;width:33.3333%;box-sizing:border-box;}
	.main-link-box .mini-link-box ul li a{display:block;position:relative;padding:18px;border:1px solid #eaeaea;background:#fff;box-sizing:border-box;transition:all .3s;}
	.main-link-box .mini-link-box ul li a:hover{color:#1976d2;}
	.main-link-box .mini-link-box ul li a:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #1976d2;box-sizing:border-box;opacity:0;transition:all .3s;}
	.main-link-box .mini-link-box ul li a:hover:after{opacity:1;}
	.main-link-box .mini-link-box ul li a span{display:block;padding:0 22px 0 0;font-size:2.4rem;line-height:3.2rem;transition:all .3s;}
	.main-link-box .mini-link-box ul li a span:after{content:'';display:block;position:absolute;top:50%;right:20px;width:13px;height:13px;border-style:solid;border-width:0 1px 1px 0;border-color:transparent #333 #333 transparent;transform:translateY(-50%) rotate(-45deg);-webkist-transform:translate(-50%)  rotate(-45deg);-mox-transform:translate(-50%)  rotate(-45deg);transition:all .3s;}
	.main-link-box .mini-link-box ul li a:hover span:after{border-color:transparent #1976d2 #1976d2 transparent;}
}
@media screen and (max-width:1024.98px) {	
	.main-mini-box .mini-title-box .mini-title{font-size:2.8rem;line-height:3.6rem;}
	.main-link-box .mini-link-box ul li{padding:10px 3px;}
	.main-link-box .mini-link-box ul li a{padding:15px;}
	.main-link-box .mini-link-box ul li a span{font-size:2.0rem;line-height:2.8rem;}
	.main-link-box .mini-link-box ul li a span:after{width:10px;height:10px;}
}
@media screen and (max-width:768px) {
	.main-link-box .mini-title-box{padding:0 10px 0 0;width:35%;}
	.main-link-box .mini-title-box .mini-title{font-size:2.0rem;line-height:2.7rem;}
	.main-link-box .mini-link-box{position:relative;width:65%;}
	.main-link-box .mini-link-box .btn-main-link{display:block;position:relative;padding:10px 15px;border:1px solid #eaeaea;background:#fff;box-sizing:border-box;}
	.main-link-box .mini-link-box .btn-main-link span{display:block;position:relative;padding:0 22px 0 0;font-size:1.4rem;line-height:2.1rem;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
	.main-link-box .mini-link-box .btn-main-link span:after{content:'';display:block;position:absolute;top:50%;right:4px;width:7px;height:7px;border-style:solid;border-width:0 1px 1px 0;border-color:transparent #333 #333 transparent;transform:translateY(-50%) rotate(-45deg);-webkist-transform:translate(-50%, -50%)  rotate(135deg);-mox-transform:translate(-50%, -50%)  rotate(135deg);transition:all .3s;}
	.main-link-box .mini-link-box ul{display:none;position:absolute;top:calc(100% - 1px);left:0;z-index:20;width:100%;border:1px solid #eaeaea;background:#fff;box-sizing:border-box;}
	.main-link-box .mini-link-box.on ul{display:block;}
	.main-link-box .mini-link-box ul li{border-bottom:1px solid #eaeaea;}
	.main-link-box .mini-link-box ul li:last-of-type{border-bottom:0;}
	.main-link-box .mini-link-box ul li a{display:block;padding:10px 15px;}
	.main-link-box .mini-link-box ul li a span{font-size:1.4rem;line-height:2.1rem;}
}
@media screen and (max-width:480px){
	.main-link-box  .mini-title-box{padding:0 5px 0 0;}
}