.clear {

	clear:both

}

.left {

	float:left

}

.right {

	float:right

}

#slide_part #sm {

	list-style:none;

	clear:none;

	width:1040px;

	height:230px;

	display:block;

	overflow:hidden;

	margin:0;

	padding:0;

	background:#fff;

}

#slide_part #sm ul {

	margin:0;

	padding:0;

	list-style:none;

	background:none;

	width:1040px;

}

#slide_part #sm li {

	float:left;

	display:inline-block;

	overflow:hidden;

	list-style:none;

	background:none;

	margin-left:-10px;

	padding:0;

	width:260px;

	height:300px;

	position:relative;

}

#slide_part #sm li a {

	margin:0;

	padding:0;

	font-size:12px;

	color:#000;

	font-family:Arial, Helvetica, sans-serif;

}

#slide_part #sm li a label {

	float:right;

	width:260px;

	height:224px;

	padding:0;

	color:#fff;

}

#slide_part #sm li a div {

	display:none;

}

#cpart #sm li:hover a div {

	display:block;

}

#slide_part #sm li span {

	padding:10px;

	float:left;

	width:370px;

	height:110px;

	display:inline-block;

	margin-left:440px;

	text-align:justify;

}

#slide_part #sm li span h3 {

	float:left;

	padding:0;

	margin:0 0 2px 0;

	font-family:Arial, Helvetica, sans-serif; font-size:20px; 

	width:100%;

	}

#slide_part #sm li span.text {

	padding:20px 0;

	float:left;

	width:190px;

	height:120px;

	display:inline-block;

	border:0px solid #cc0;

	margin-left:1px;

}

#slide_part #sm li span strong {

	float:right;

	background:#FFF;

	padding:2px 5px;

	color:#F90;

	margin:5px;}

#slide_part #sm li span.mobile-text {

	padding:20px 0;

	float:left;

	width:150px;

	height:120px;

	display:inline-block;

	border:0px solid #cc0;

	margin-left:1px;

}

/*------ Background--------------*/

.marine-img {

	/*-background:url(../images/marin.png) left top no-repeat;*/

	width:123px;

	height:162px;

	margin:140px 0 10px 50px;

}

.industry-img {

/*	background:url(../images/industry.png) left top no-repeat;*/

	width:123px;

	height:152px;

	margin:154px 0 10px 50px;

}

.decorative-img {

	/*background:url(../images/decorative2.png) left top no-repeat;*/

	width:123px;

	height:142px;

	margin:155px 0 10px 50px;

}

.logo-img {

	/*background:url(../images/profile.png) left top no-repeat;*/*/

	width:123px;

	height:142px;

	margin:155px 0 10px 50px;

}



/*---- headline ----------*/

#slide_part #sm li > div.headline {

	float:left;

	font-family:QlassikMediumRegular;

	font-size:26px;

	color:#fff;

	text-align:center;

	display:block;

	-webkit-transition: all 1.5s;

	-moz-transition: all 1.5s;

	-o-transition: all 1.5s;

	margin-left: 15px;

	margin-top:0px;

	height:40px;

	width:251px;

	background:url(../images/balck_t.png) left top repeat;

		-webkit-border-bottom-right-radius: 10px;

	-webkit-border-bottom-left-radius: 10px;

	-moz-border-radius-bottomright: 10px;

	-moz-border-radius-bottomleft: 10px;

	border-bottom-right-radius: 10px;

	border-bottom-left-radius: 10px;

	}

#slide_part #sm li:hover > div.headline {

	-webkit-transition: all 1.5s;

	-moz-transition: all 1.5s;

	-o-transition: all 1.5s;

	margin-left: -400px;

	margin-top:0;

	}

	

#slide_part #sm li span {

	-webkit-transition: all 1.5s;

	-moz-transition: all 1.5s;

	-o-transition: all 1.5s;

	margin-top: 300px;

	}

#slide_part #sm li:hover span {

	-webkit-transition: all 1.5s;

	-moz-transition: all 1.5s;

	-o-transition: all 1.5s;

	margin-top: 20px;

	}