@charset "utf-8";
/* CSS Document - about */
.conbody_title {
	background:url(../data/technology/title_bg.png) center no-repeat;
}
#content{
	width:1000px;
	margin:0 auto;
	position: relative;
	line-height: 26px;
}
#content li{
	list-style:none;
	height:229px;
	margin-bottom:20px;
}
#content li .photo{
	width:383px;
	height:229px;
	float:left;
	text-align:center;
	position:relative;
}


#content li .photo span{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}




#content li .photo img{
	max-width: 383px;
	max-height:229px;
	vertical-align:middle;
}
#content li .info{
	width:565px;
	height:199px;
	padding:15px 20px;
	float:right;
	background:url(../data/technology/more.png) center 190px no-repeat;
	background-color:#EFEFEF !important;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#content li .info .name{
	min-height:20px;
	max-height:44px;
	font-size:18px;
	font-weight:bold;
	word-spacing:2px;
	line-height:22px;
	padding:8px 10px;
	color:#FFF;
	overflow:hidden;
	background:#41A2DC;
	margin-bottom:10px;
	text-decoration:none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#content li .info .name span{
	max-height:44px;
	display: -webkit-box;
	-webkit-line-clamp: 2; /*超出第5行時截斷*/
	-webkit-box-orient: vertical;
	overflow: hidden;
}
#content li .info .con{
	color:#777777;
	line-height:22px;
	text-decoration:none;
}


#content li:hover .photo img{
	opacity:0.5;
}
#content li:hover .info{
	background:url(../data/technology/more_.png) center 190px no-repeat;
}
#content li:hover .info .name{
	background:#3F494E;
}
#content li:hover .info .con{
	text-decoration:underline;
}


/************************************************/
#content_in{
	width:1000px;
	margin:0 auto;
	position: relative;
	line-height: 26px;
}
#content_in .name{
	font-size:18px;
	font-weight:bold;
	word-spacing:2px;
	line-height:22px;
	padding:10px 20px;
	color:#3F484D;
	margin-bottom:25px;
	text-decoration:none;
	border:#41A2DC 1px solid;
}
#content_in .con{
	width:960px;
}
#content_in .con img{
	max-width:960px;
	height:auto !important;
}

/************************************************************/

#content_l{
	width:1000px;
	margin:0 auto;
	margin-bottom:20px;
}
#content_l li{
	width:196px;
	height:61px;
	line-height:61px;
	float:left;
	list-style:none;
	margin:0 5px 5px 0;
}
#content_l li:nth-child(5n+5){
	margin-right:0px;
}
#content_l li a{
	display:block;
	color:#3F474C;
	text-decoration:none;
	font-size:14px;
	line-height:61px;
	padding:0 50px 0 20px;
	overflow:hidden;
	background:url(../data/technology/bg.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#content_l li a:hover{
	font-weight:bold;
	background:url(../data/technology/bg_.png) no-repeat;
}
#content_l li.active a{
	font-weight:bold;
	background:url(../data/technology/bg_.png) no-repeat;
}