/* gallery117 */
.gallery117 {width:100%;float:left;position:relative;background:#ef8500;background: #eeeeee;box-sizing:border-box;overflow:hidden;/* position:relative; *//* height:400px; */}

.gallery117 .innerbox {text-align:center; width:100%; position:relative; padding:20px 0; float:left; box-sizing:border-box;}

.gallery117 .textbox {width: 32.666%;padding: 35px 15px 0;box-sizing:border-box;float:left;/* position: absolute; *//* left: 0; */text-align: left;}
.gallery117 .textbox h3 {width:100%;
						display:inline-block;
						position:relative;
						box-sizing:border-box;
						color: #333;
						font-weight: 400;
						font-size:23px;
						line-height: 33px;
						letter-spacing:-1px;
						overflow:hidden;
						text-overflow:ellipsis;
						white-space:nowrap;
						word-break:keep-all;
						}
.gallery117 .textbox .bar {width:50px;height:2px;border-bottom: 2px solid #666;display:inline-block;box-sizing: border-box;margin: 8px 0 15px;}
.gallery117 .textbox p {color:#838383;
					font-size: 14px;
					letter-spacing:-0.5px;
					line-height:22px;
					display:block;
					clear:both;
					width:100%;
					margin-bottom:23px;
					box-sizing:border-box;
					overflow:hidden;
					white-space:nowrap;
					text-overflow:ellipsis;
					word-break:keep-all;
					}
.gallery117 .textbox .readmore_btn {height: 45px;
							    line-height: 45px;
							    float: left;
							    padding: 0 45px;
							    color: #333;
							    font-weight: 600;
							    font-size: 14px;
							    border: 1px solid rgba(0,0,0,0.6);
							    box-sizing: border-box;
							 }


.gallery117 ul {width:67.333%;position:relative;box-sizing:border-box;display: inline-block; padding-right:15px; text-align:left;}
.gallery117 ul li {width: 48%;display:inline-block;position:relative;margin-left:-4px;margin-right: 4%;box-sizing:border-box;padding:25px 35px 37px;background: #fff;border: 1px solid #d8d8d8;}
.gallery117 ul li:nth-child(2), .gallery117 ul li:last-child {margin-right:0;}

.gallery117 ul li .iconbox {width:85px;
					   height:85px;
					   float: left;
					   overflow:hidden;
					   border-radius:100%;
					   border:1px solid rgba(0,0,0,0.1);
					   box-sizing:border-box;
					   /*background:url(/images/wzwg/site/mngr/no-img.png);*/
					   background-size:contain;
					   position:relative;
					   background-repeat:no-repeat;
					   background-position:center;
					   -webkit-transition:background 1s, border-color 1s;
					   transition:background 1s, border-color 1s;
					   }
.gallery117 ul li .iconbox img {position:absolute;
   							  top:-999px;
   							  bottom:-999px;
   							  left:-999px;
   							  right:-999px;
   							  margin:auto;
   							  /*min-height:100%; width:100%;*/
   							  display:block;
   							  -webkit-transition:transform 1s, opacity 1s; transition:transform 1s, opacity 1s;
   							  max-width: 150%;
   							  max-height: 150%;
   							  }

.gallery117 ul li div.r_box {width:100%; float:right; text-align:left;}
.gallery117 ul li .tit {font-size: 15px;
						color: #333;
						letter-spacing: -0.5px;
						font-weight:400;
						width: 95%;
						margin: 10px 0;
						height: 44px;
						float:left;
						line-height: 22px;
						/* text-align: center; */
						white-space:nowrap;
						overflow:hidden;
						text-overflow:ellipsis;
						box-sizing:border-box;
						-webkit-line-clamp:2;
						-webkit-box-orient:vertical;
						display:-webkit-box;
						white-space:normal;
						word-break:keep-all;
						}
.gallery117 ul li .date {font-size:13px; color:#9db7ba;}
.gallery117 ul li div.co_box {width:100%;clear:both;border-top: 1px solid rgba(0,0,0,0.2);padding-top: 30px;float: left;}
.gallery117 ul li .co {font-size: 14px;line-height:25px;font-style:italic;color:#919191;text-align: left;word-break: keep-all;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;white-space: normal;height: 75px;overflow: hidden;}


	.gallery117 ul li:hover .iconbox {border-color:rgba(0,0,0,0.3);}
	.gallery117 ul li:hover img {opacity:0.8; /*transform:scale(1.1);*/}
	.gallery117 ul li:hover .tit {text-decoration:underline;}


/* no-data */
.gallery117 .no_data {width:100% !important; padding:0 !important; display:none;}
.gallery117 .no_data h3.tit {letter-spacing:0; font-weight:400; text-align:center; margin-top:20px;}

	


	@media (min-width:991px){
		.gallery117 ul {padding-right:40px;}
		.gallery117 ul li .iconbox {margin:0 25px 15px 15px;}
		.gallery117 ul li div.r_box {width:calc(100% - 125px);}
	}

	@media (min-width:800px){
		.gallery117 .textbox h3 {font-size:26px; padding-bottom: 6px;}
	}
	
	@media (min-width:800px) and (max-width:990px){
		.gallery117 ul li {padding:25px 20px 30px;}
		.gallery117 ul li .iconbox {margin:5px 10px 15px 5px; width:75px; height:75px;}
		.gallery117 ul li div.r_box {width:calc(100% - 100px);}
		.gallery117 ul li .tit {word-break:break-all;}
		.gallery117 ul li div.co_box {padding-top:20px;}
	}


	@media (min-width:600px) and (max-width:799px){	
	}


	@media (max-width:799px){
		.gallery117 ul li {padding:25px 20px 30px;}
		.gallery117 ul li .iconbox {float:none; display:inline-block;}
		.gallery117 ul li div.co_box {margin-top:20px; padding-top:20px;}
		.gallery117 ul li .co {font-size:13px; line-height:22px; height:66px; word-break:break-all;}
	}

	@media (max-width:599px){
		.gallery117 {height:auto;}
		.gallery117 .innerbox {padding:20px 15px 100px;}
	
		.gallery117 .textbox {width:100%; padding:0;}
		.gallery117 .textbox h3 {font-size:20px; line-height:25px;}
		.gallery117 .textbox p {margin-bottom:0;}
		.gallery117 ul {width:100%; padding-right:0; margin-top:30px;}

		.gallery117 .textbox .readmore_btn {position:absolute; bottom:30px; width:calc(100% - 30px); left:15px; text-align:center;}
		.gallery117 .no_data h3.tit {margin-top:0; height:auto;}
	}