@charset "utf-8";
/* CSS Document */





/********************* header *********************/
header {
	background: #f5f5f5;
	border-bottom: solid 1px #e5e5e5;
	box-shadow: 0 3px 8px rgba(0,0,0,0.1);
	margin-bottom: 30px;
	padding: 15px 0;
}
header .logo {
	text-align: center;
}
header span {
	display: block;
	border-bottom: solid 1px #e5e5e5;
	height: 48px;
	line-height: 48px;
	text-align: center;
}
header nav {
	margin-top: 12px;
	text-align: center;
}
header nav a {
	display: inline-table;
	border-bottom: solid 2px #f5f5f5;
	height: 34px;
	padding: 0 15px;
	color: #111;
	font-weight: bold;
	line-height: 34px;
}
header nav a:hover {
	border-bottom: solid 2px #0050a0;
	color: #0050a0;
	text-decoration: none;
}
/********************* /header *********************/



/********************* footer *********************/
footer {
	background: #333;
	margin-top: 30px;
	padding: 30px 0;
}
footer span {
	display: block;
	height: 24px;
	color: #FFF;
	line-height: 24px;
	text-align: center;
}
footer span a {
	margin: 0 15px;
	color: #FFF;
}
footer span a:hover {
	color: #FFF;
}
/********************* /footer *********************/



/********************* .carousel *********************/
.carousel {
	margin-bottom: 30px;
}
/********************* /.carousel *********************/



/********************* #Home *********************/
#Home .menu div span {
	display: block;
	border: solid 5px #FFF;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
#Home .menu div span a {
	display: block;
}
/********************* /#Home *********************/



/********************* #sideBar *********************/
#sideBar .Title {
	display: block;
	height: 30px;
	margin-bottom: 15px;
	color: #111;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}

/*********** .productMenu ***********/
#sideBar .productMenu,
#sideBar .hotNews {
	margin-bottom: 30px;
}
#sideBar .productMenu ul {
	background: #f5f5f5;
	margin: 0;
}
#sideBar .productMenu li a {
	display: block;
	border-bottom: solid 1px #e5e5e5;
	border-left: solid 5px #ccc;
	height: 48px;
	padding-left: 15px;
	color: #333;
	line-height: 48px;
	text-decoration: none;
}
#sideBar .productMenu li a:hover {
	background: #333;
	border-bottom: solid 1px #333;
	border-left: solid 5px #111;
	color: #FFF;
}
#sideBar .productMenu li li a {
	padding-left: 45px;
}

/*********** .hotNews ***********/
#sideBar .hotNews .Title,
#sideBar .contact .Title {
	margin-bottom: 3px;
}
#sideBar .hotNews li a {
	display: block;
	overflow: hidden;
	border-bottom: solid 1px #e5e5e5;
	padding: 12px 0;
	color: #333;
	line-height: 24px;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#sideBar .hotNews li a:hover {
	color: #0050a0;
}
#sideBar .hotNews li a small {
	display: block;
	color: #999;
}

/*********** .contact ***********/
#sideBar .contact li {
	margin-bottom: 10px;
	padding: 12px 0 12px 63px;
	line-height: 24px;
}

/********************* /#sideBar *********************/



#Product .right .list .thumbnail span {
	display: block;
	width: 100%;
	text-align: center;
}
#Product .right .list .thumbnail span img {
	max-width: 100%;
}
#Product .right .list .thumbnail .caption h4 {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#Product .right .list .thumbnail .caption p {
	color: #666;
	font-size: 12px;
	line-height: 1.5;
	text-align: justify;
}
@media (min-width:1200px) {
	#Product .right .list .thumbnail span {
		height: 168px;
	}
}
@media (min-width:992px) and (max-width:1199px) {
	#Product .right .list .thumbnail span {
		height: 134px;
	}
}
@media (min-width:768px) and (max-width:991px) {
	#Product .right .list .thumbnail span {
		height: 222px;
	}
}



/********************* #News *********************/
#News .right .list li {
	background:  #FFF;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	margin-bottom: 15px;
}
#News .right .list li a {
	display: block;
	padding: 15px; 
	color: #333;
	line-height: 24px;
	text-decoration: none;
}
#News .right .list li a h5 {
	display: block;
	margin: 0;
	font-weight: bold;
	line-height: 24px;
}
#News .right .list li a small {
	color: #999;
}
#News .right .list li a p {
	margin: 0;
	color: #666;
}
#News .right .list li a:hover {
	background: #f5f5f5;
}
#News .right .list li a:hover h5 {
	color: #0050a0;
}
/********************* /#News *********************/



/********************* #News_sub *********************/
#News_sub .right article h3 {
	margin: 0;
	margin-bottom: 10px;
}
#News_sub .right article small {
	display: block;
	color: #999;
	margin-bottom: 10px;
}
#News_sub .right article p {
	color: #666;
}
/********************* /#News_sub *********************/


#Product_sub .right article .photo {
	display: block;
	background: #FFF;
	border: solid 5px #FFF;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	margin-bottom: 10px;
}


#Product_sub .right article .circle {
	margin: 0 -5px;
}
#Product_sub .right article .circle li {
	padding: 0 5px;
}
#Product_sub .right article .circle img {
	background: #FFF;
	border: solid 2px #FFF;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

#Product_sub .right article hgroup h3 {
	color: #0050a0;
}

#Product_sub .right article span.introduction {
	display: block;
	max-height: 144px;
	overflow: hidden;
	margin-bottom: 10px;
	color: #999;
	line-height: 24px;
}

#Product_sub .right article ul.parameter {
	margin-bottom: 10px;
}
#Product_sub .right article ul.parameter li {
	line-height: 24px;
}

#Product_sub .right article .advisory {
	display: block;
	background: #0050a0;
	border-radius: 10px;
	height: 48px;
	width: 120px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 48px;
	text-align: center;
	text-decoration: none;
}
#Product_sub .right article .advisory:hover {
	box-shadow: inset 0px 0px 30px rgba(0,0,0,0.2);
}

#Product_sub .right article section p {
	color: #666;
}

#Product_sub .right article form {
	display: block;
	background: #f5f5f5;
	border: solid 5px #FFF;
	padding: 30px 30px 15px 15px;
}




/********************* #Contact *********************/
#Message .message,
#Contact .contact {
	margin-top: 30px;
}
#Contact .message span.Title {
	display: block;
	height: 44px;
}
#Message .message form,
#Contact .contact ul {
	margin-top: 30px;
}


#Contact .contact li {
	margin-bottom: 10px;
	padding: 12px 0 12px 63px;
	line-height: 24px;
}
/********************* /#Contact *********************/