@charset "utf-8"; 

/* widequick131 */
.widequick131 {width:100%; float:left; position:relative; box-sizing:border-box; overflow:hidden;}

.widequick131 .linkbox_wrap {width:100%; max-width:1600px; margin:0 auto;}
.widequick131 .linkbox_wrap .qbox {float:left;background: #3b568d;padding:8px;box-sizing:border-box; position:relative;}

.widequick131 .linkbox_wrap .qbox .innerbox {width:100%; height:100%; background:#fff; padding:20px 12px; box-sizing:border-box; z-index:0;}
.widequick131 .linkbox_wrap .qbox .innerbox .iconbox {position:absolute; right:10px; bottom:65px; z-index:0; width:77px; text-align:right; z-index:-1;}
.widequick131 .linkbox_wrap .qbox .innerbox .iconbox img {max-width:100%;max-height:70px;}
.widequick131 .linkbox_wrap .qbox .innerbox .tit {font-size:25px; line-height:130%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.widequick131 .linkbox_wrap .qbox .innerbox .tit span.small_tit {color:#767575; font-size:13px; letter-spacing:1px; display:inline-block; 
																vertical-align:middle; margin-left:8px;}
.widequick131 .linkbox_wrap .qbox .innerbox .co {font-size:28px;
												margin-top:25px;
												font-weight:600;
												line-height:125%;
												letter-spacing:-0.5px;
												color: #3b568d;
												-webkit-line-clamp: 4;
												-webkit-box-orient:vertical;
												display:-webkit-box;
												white-space:normal;
												word-break:keep-all;
												max-height: 140px;
												overflow:hidden;
												z-index:1;
												}
.widequick131 .linkbox_wrap .qbox .innerbox .more_btn {
														position:absolute;
														bottom:17px;
														left:15px;
														border: 1px solid #333;
														border-width: 0 0 1px 0;
														font-size:15px;
														line-height: 20px;
														padding: 1px 40px 4px 0;
														overflow: hidden;
														box-sizing: border-box;
														word-break: keep-all;
														max-width: 85%;
														-webkit-transition:padding-right 1s;
														transition:padding-right 1s;
														}



.widequick131 .linkbox_wrap .qbox.gradient1 {background: linear-gradient(-45deg, #38b422, #20ab5a);}
.widequick131 .linkbox_wrap .qbox.gradient2 {background: linear-gradient(-45deg, #7d11bd, #2aa145);}
.widequick131 .linkbox_wrap .qbox.gradient3 {background: linear-gradient(-45deg, #8209c6, #7412c7);}
.widequick131 .linkbox_wrap .qbox.gradient1 .innerbox .co {color:#148c42;}
.widequick131 .linkbox_wrap .qbox.gradient2 .innerbox .co {color:#0e6192;}
.widequick131 .linkbox_wrap .qbox.gradient3 .innerbox .co {color:#7a06b3;}
	

/* layout */
.borderbox .widequick131 {padding:15px;}
.border-radius .widequick131 .linkbox_wrap .qbox {border-radius:15px;}
.border-radius .widequick131 .linkbox_wrap .qbox .innerbox {border-radius:10px;}


	@media (min-width:991px) and (max-width:1300px){
		.widequick131 .linkbox_wrap .qbox .innerbox .co {word-break:break-all; font-size:26px;}
		.widequick131 .linkbox_wrap .qbox .innerbox .co br {display:none;}
	}
	@media (min-width:991px) and (max-width:1100px){
		.widequick131 .linkbox_wrap .qbox .innerbox .co {font-size:25px;}
	}



	@media (min-width:991px){
		.widequick131 .linkbox_wrap .qbox {width:15.833333%; margin-right:1%; height:305px;}
		.widequick131 .linkbox_wrap .qbox:nth-child(6n) {margin-right:0;}

		.widequick131 .linkbox_wrap .qbox:first-child {animation:slide-right 0.5s cubic-bezier(.25,.46,.45,.94) both;}
		.widequick131 .linkbox_wrap .qbox:nth-child(2) {animation:slide-right 0.8s cubic-bezier(.25,.46,.45,.94) both;}
		.widequick131 .linkbox_wrap .qbox:nth-child(3) {animation:slide-right 1.0s cubic-bezier(.25,.46,.45,.94) both}
		.widequick131 .linkbox_wrap .qbox:nth-child(4) {animation:slide-right 1.2s cubic-bezier(.25,.46,.45,.94) both;}
		.widequick131 .linkbox_wrap .qbox:nth-child(5) {animation:slide-right 1.4s cubic-bezier(.25,.46,.45,.94) both;}
		.widequick131 .linkbox_wrap .qbox:nth-child(6) {animation:slide-right 1.6s cubic-bezier(.25,.46,.45,.94) both;}
		  @keyframes slide-right{ 
		  	0%{transform:translateX(-20px); opacity:0;}
		  	100%{transform:translateX(0px); opacity:1;} 
		  }
	}
	@media (max-width:990px){
		.widequick131 .linkbox_wrap .qbox {width:32%; margin-right:2%; height:250px;}
		.widequick131 .linkbox_wrap .qbox:nth-child(3n) {margin-right:0;}
		.widequick131 .linkbox_wrap .qbox:nth-child(3) ~ .qbox {margin-top:20px;}

		.widequick131 .linkbox_wrap .qbox .innerbox .co {margin-top:15px; word-break:break-all;}
	}
	

	@media (min-width:800px){
		.widequick131 .linkbox_wrap .qbox .innerbox {position:relative;}

		.widequick131 .linkbox_wrap .qbox .innerbox .more_btn:after {
															content:"";
															width:37px;
															height:1px;
															position:absolute;
															right:-6px;
															bottom: 11px;
															border-bottom-width: 1px;
															border-bottom-style:inherit;
															border-bottom-color:inherit;
															transform:rotate(45deg);
															opacity:0.8;
															}
		.widequick131 .linkbox_wrap .qbox:hover .innerbox .more_btn {padding-right:65px; font-weight:600;}													
	}
	@media (max-width:799px){
		.widequick131 .linkbox_wrap .qbox {padding:5px;}
		.widequick131 .linkbox_wrap .qbox .innerbox {text-align:center;padding:15px 5px;height: calc(100% - 50px);}
		.widequick131 .linkbox_wrap .qbox .innerbox .iconbox {bottom: 45px;right: 0;width: 100%;/* height: 50%; */text-align: center;opacity: 0.6;z-index: 0;display: none;}
		.widequick131 .linkbox_wrap .qbox .innerbox .more_btn {padding:11px 0px;border-width: 0;max-width: 100%;left: 5px;bottom: 7px;width: calc(100% - 10px);color: #fff;border: 5px solid #fff;}
		.widequick131 .linkbox_wrap .qbox:hover .innerbox .more_btn {font-weight: 600;}
	}


	@media (min-width:600px) and (max-width:799px){
		.widequick131 .linkbox_wrap .qbox .innerbox .tit {font-size:22px;}
		.widequick131 .linkbox_wrap .qbox .innerbox .co {font-size:24px;max-height: 120px;}
	}
	@media (max-width:599px){
		.widequick131 .linkbox_wrap .qbox .innerbox .iconbox {display:none;}
		.widequick131 .linkbox_wrap .qbox .innerbox .tit {font-size:20px;}
		.widequick131 .linkbox_wrap .qbox .innerbox .co {font-size:22px;max-height: 108px;}

	}

	@media (max-width:530px){
		.widequick131 .linkbox_wrap .qbox .innerbox {height:calc(100% - 65px);}
		.widequick131 .linkbox_wrap .qbox .innerbox .more_btn {padding:8px 0px; height:65px; line-height:39px;}
		.widequick131 .linkbox_wrap .qbox .innerbox .more_btn span {line-height:20px; vertical-align:middle; display:inline-block;}
	}