@charset "utf-8";

.quick124 {width:100%; float:left; position:relative; box-sizing:border-box; overflow:hidden;}
.quick124 .linkbox_wrap {width:100%; max-width:1600px; margin:0 auto;}
.quick124 .linkbox_wrap .qbox {width:100%;float:left; box-sizing:border-box; position:relative;z-index:0;margin-bottom: 12px;
								border:5px solid rgba(255,255,255,0); -webkit-transition:all 1s; transition:all 1s;}
.quick124 .linkbox_wrap .qbox:last-child {margin-bottom:0;}
.quick124 .linkbox_wrap .qbox>a {width:100%; float:left; box-sizing:border-box;}
.quick124 .linkbox_wrap .qbox>a:focus {border:1px dotted #333;}
.quick124 .linkbox_wrap .qbox .bgbox {position:absolute; width: 100%;height: 100%;z-index:-1; overflow: hidden;}
.quick124 .linkbox_wrap .qbox .bgbox img {width:100%; min-height:100%;}

.quick124 .linkbox_wrap .qbox .innerbox {width:100%;height:100%; box-sizing:border-box;position: relative; -webkit-transition:all 1s; transition:all 1s;}
.quick124 .linkbox_wrap .qbox .innerbox >div {display: inline-block;vertical-align: middle; width: 100%;height: 100%;}
.quick124 .linkbox_wrap .qbox .innerbox .iconbox {width: 33.333%;height: 100%;display: inline-block;padding: 0 15px;box-sizing: border-box;text-align: center;} 
.quick124 .linkbox_wrap .qbox .innerbox .iconbox.dp-none {display:none;}
.quick124 .linkbox_wrap .qbox .innerbox .iconbox img {max-width: 70%;max-height: 60%;vertical-align: middle;display: inline-block;}

.quick124 .linkbox_wrap .qbox .innerbox .tit {font-weight:600; width: 66.666%; color: #333; display: inline-block; white-space: nowrap;
											text-overflow: ellipsis; overflow: hidden; word-break: keep-all; padding: 0 5px 0 10px; box-sizing: border-box;
											margin-left: -4px; text-align: left; vertical-align: middle;}

.border-radius >div:not(.layout_height_L) .quick124 .linkbox_wrap .qbox  {border-radius:8px; overflow:hidden;}
.border-radius.br20 >div:not(.layout_height_L) .quick124 .linkbox_wrap .qbox {border-radius:20px;}


.layout_height_L .quick124 .linkbox_wrap .qbox {border:none !important;}
.quick124 .linkbox_wrap .qbox:hover {border:5px solid rgba(255,255,255,0.7);}
.quick124 .linkbox_wrap .qbox:hover .innerbox .iconbox img {-webkit-animation: jumpfx 1s infinite ease;
                                    -o-animation: jumpfx 1s infinite ease;
                                    animation: jumpfx 1s infinite ease;}
@keyframes jumpfx {
    0% {margin-top:0;}
    60% {margin-top:-10px;}
    0% {margin-top:0;}
}


/* layout */
.borderbox .layout_height_H .quick124 .linkbox_wrap {width:98%; margin:1% auto;}
.borderbox .layout_height_H .quick124 .linkbox_wrap .qbox {margin-bottom:0.8%;}
.borderbox .layout_height_M .quick124 .linkbox_wrap {width:98%; margin:1% auto;}
.borderbox .layout_height_M .quick124 .linkbox_wrap .qbox {margin-bottom:1.3%;}
.borderbox .layout_height_M.layout_06 .quick124 .linkbox_wrap {width:99%; margin:0.5% auto;}
.borderbox .layout_height_M.layout_06 .quick124 .linkbox_wrap .qbox {margin-bottom:0.6%;}


	@media (min-width: 800px) {
	  .layout_height_H .quick124 .linkbox_wrap .qbox .innerbox { height: 99px; line-height: 99px; }
	  .layout_height_M .quick124 .linkbox_wrap .qbox .innerbox { height: 66px; line-height: 66px; }
	  .layout_height_L .quick124 .linkbox_wrap .qbox .innerbox { height: 50px; line-height: 50px; }
	  .layout_height_L .quick124 .linkbox_wrap .qbox { margin-bottom: 0px; }
	
	  .layout_height_H .quick124 .linkbox_wrap .qbox:first-child:nth-last-child(2) .innerbox,
	  .layout_height_H .quick124 .linkbox_wrap .qbox:nth-child(2):nth-last-child(1) .innerbox {height:159px; line-height:159px;}
	  .layout_height_M .quick124 .linkbox_wrap .qbox:first-child:nth-last-child(2) .innerbox,
	  .layout_height_M .quick124 .linkbox_wrap .qbox:nth-child(2):nth-last-child(1) .innerbox {height:109px; line-height:109px;}
	  .layout_height_L .quick124 .linkbox_wrap .qbox:first-child:nth-last-child(2) .innerbox,
	  .layout_height_L .quick124 .linkbox_wrap .qbox:nth-child(2):nth-last-child(1) .innerbox {height: 75px;line-height: 75px;}
	
	  .layout_height_H .quick124 .linkbox_wrap .qbox:only-child .innerbox {height:340px;line-height:340px;}
	  .layout_height_M .quick124 .linkbox_wrap .qbox:only-child .innerbox {height:240px; line-height:240px;}
	  .layout_height_L .quick124 .linkbox_wrap .qbox:only-child .innerbox {height: 150px;line-height: 150px;}
	
	}
	@media (max-width: 799px) {
	  .quick124 .linkbox_wrap .qbox .innerbox { height: 90px; line-height: 90px; }
	}
	@media (min-width: 600px) and (max-width: 799px) {
	  .layout_block4 .layout_04.layout_height_H .quick124 .linkbox_wrap .qbox .innerbox { height: 99px; line-height: 99px; }
	  .layout_block4 .layout_04.layout_height_M .quick124 .linkbox_wrap .qbox .innerbox { height: 66px; line-height: 66px; }
	  .layout_block4 .layout_04.layout_height_L .quick124 .linkbox_wrap .qbox .innerbox { height: 50px; line-height: 50px; }
	  .layout_block4 .layout_04.layout_height_L .quick124 .linkbox_wrap .qbox { margin-bottom: 0px; }
	
	
	  .layout_block4 .layout_height_H .quick124 .linkbox_wrap .qbox:first-child:nth-last-child(2) .innerbox,
	  .layout_block4 .layout_height_H .quick124 .linkbox_wrap .qbox:nth-child(2):nth-last-child(1) .innerbox {height:159px; line-height:159px;}
	  .layout_block4 .layout_height_M .quick124 .linkbox_wrap .qbox:first-child:nth-last-child(2) .innerbox,
	  .layout_block4 .layout_height_M .quick124 .linkbox_wrap .qbox:nth-child(2):nth-last-child(1) .innerbox {height:109px; line-height:109px;}
	  .layout_block4 .layout_height_L .quick124 .linkbox_wrap .qbox:first-child:nth-last-child(2) .innerbox,
	  .layout_block4 .layout_height_L .quick124 .linkbox_wrap .qbox:nth-child(2):nth-last-child(1) .innerbox {height: 75px;line-height: 75px;}
	
	  .layout_block4 .layout_height_H .quick124 .linkbox_wrap .qbox:only-child .innerbox {height:340px;line-height:340px;}
	  .layout_block4 .layout_height_M .quick124 .linkbox_wrap .qbox:only-child .innerbox {height:240px; line-height:240px;}
	  .layout_block4 .layout_height_L .quick124 .linkbox_wrap .qbox:only-child .innerbox {height: 150px;line-height: 150px;}
	}
	@media (max-width: 599px) {
	  .quick124 .linkbox_wrap .qbox .bgbox img { position: absolute; inset: -999px; margin: auto; width: auto; min-width: 100%; }
	}