.title {color:#C53428; }
.content_wrap{width:100%; min-width:320px; max-width:100%; margin:0 auto;}
.sub_title{width:100%; text-align:center; margin-bottom:20px;}
.sub_title h1{width:100%; font-size:1.8em; font-weight:600;}
.sub_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
.sub_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; }

.busi_cont {width:100%; max-width:1200px; margin:20px auto;}
.busi_cont:after {content:""; display:block; clear:both;}

.busi_cont ul { width:100%; overflow:hidden;}
.busi_cont ul li {float:left; vertical-align:top; width:32.5%; margin-bottom:50px;  margin-right:0.8%; padding:10px; text-align:left; background-color:#fff;  border:1px solid #ccc; border-radius:5px; box-shadow: 5px 5px 8px rgba(0,0,0,.05); transition: 0.3s all ease;}
.busi_cont ul li:last-child(even) {float:right; margin-right:0; }
.busi_cont ul li a {display:block;  }
.busi_cont ul li dl {width:100%; font-size:0; }
.busi_cont ul li dl dt {display:inline-block; vertical-align:middle; width:100%; text-align:center; border-radius:0; overflow:hidden;}
.busi_cont ul li dl dt img {max-width:100%; transition: 0.5s all ease;}
.busi_cont ul li dl dd {position:relative; display:inline-block; vertical-align:top; width:100%; min-height:60px; padding:15px 0 0 0;}
.busi_cont ul li dl dd .num { position:absolute; display:block; text-align:center; width:50px; height:30px; line-height:30px; font-size:1em; color:#666; font-style:normal; font-weight:500; background:#eee; border-radius:0; }
.busi_cont ul li dl dd .num:before { z-index:0; content: ""; display: block; position: absolute; left:50px; top:50%; transform: translateY(-0%); width:0; height:1px; background:#fff; transition: 0.5s all ease;}
.busi_cont ul li dl dd h4.t1 {margin:10px 0; font-size:1.24em; text-align:center; color:#1a1a1a; line-height:1.4; font-weight:500;}
.busi_cont ul li dl dd p { font-size:1em; color:#222; line-height:1.6; word-break:keep-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.busi_cont ul li dl dd p span {display:inline; font-size:1em; color:#000; font-weight:500;}
.busi_cont ul li:hover dl dt img {transform:scale(1.1);}
.busi_cont ul li:hover dl dd .num {color:#fff; background:#222; }
.busi_cont ul li:hover dl dd .num:before { z-index:0; content: ""; display: block; position: absolute; left:50px; top:50%; transform: translateY(50%); width:130%; height:1px; background:#222; }

.busi_cont ul li dl dt .img_box { width:100%; text-align:center; overflow:hidden; }
.busi_cont ul li dl dt .img_box img { max-width:100%;  transition: 0.3s all ease; border-radius:5px;}


@media all and (max-width:992px){		
	.sub_title{margin-bottom:50px;}	
	.sub_title h1{font-size:1.85em;}
	.sub_title h2{font-size:1em;}
	.busi_cont {padding:0 4%;}
	.busi_cont ul li {float:left; vertical-align:top; width:49%; margin-bottom:50px;  margin-right:0.8%; padding:10px; text-align:left; background-color:#fff;  border:1px solid #ccc; border-radius:5px; box-shadow: 5px 5px 8px rgba(0,0,0,.05); transition: 0.3s all ease;}
	.busi_cont ul li:last-child { margin-bottom:0; }
}

@media all and (max-width:640px){
	.busi_cont ul li {width:100%; margin-bottom:20px; }
	.busi_cont ul li:last-child { margin-bottom:0; }
	.busi_cont ul li dl dd h4.t1 {margin:10px 0; font-size:1.16em; color:#1a1a1a; line-height:1.4; font-weight:600;}
}

