/*首页样式banner*/
.bannerArea {
	width: 833px;
	float: left;
}

.banner2 {
	height: 278px;
	border: 1px solid #ccc;
	background: #eeeeee;
	position: relative;
}

.slider {
	height: 278px;
	width: 833px;
}

.arrowLeft2 {
	width: 22px;
	height: 33px;
	position: absolute;
	left: 20px;
	top: 120px;
	z-index: 99;
	display: none;
}

.arrowLeft2 a {
	width: 22px;
	height: 32px;
	display: block;
	background: url(../imgs/left_arrow.png) no-repeat left top;
}

.arrowLeft2 a:hover {
	background: url(../imgs/left_arrow.png) no-repeat left -32px;
}

.rightArrow2 {
	width: 22px;
	height: 32px;
	position: absolute;
	right: 20px;
	top: 120px;
	z-index: 99;
	display: none;
}

.rightArrow2 a {
	width: 22px;
	height: 32px;
	display: block;
	background: url(../imgs/right_arrow.png) no-repeat left top;
}

.rightArrow2 a:hover {
	background: url(../imgs/right_arrow.png) no-repeat left -32px;
}

.pager2 {
	width: 60px;
	height: 11px;
	position: absolute;
	left: 760px;
	bottom: 14px;
	z-index: 99;
	text-indent: -9999px;
}

.pager2 a {
	overflow: hidden;
	width: 10px;
	height: 11px;
	background: url(../imgs/pager_sprite.png) no-repeat left top;
	display: block;
	float: left;
	margin: 0 5px 0 0;
}

.pager2 a:hover,.pager2 a.activeSlide {
	background: url(../imgs/pager_sprite.png) no-repeat left -11px;
}

.banner_smallBox {
	
}

.small_box {
	width: 230px;
	height: 131px;
	float: left;
	margin: 0 14px 0 0;
	border: 0px solid #cccccc;
	background: #ededed;
	text-align: center;
}

.nomar4 {
	margin-right: 0px;
}

.banner2:hover .arrowLeft2,.banner2:hover .rightArrow2 {
	display: block;
}
/*banner 下部*/
.underbanner {
	height: 200px;
	border: 1px solid #D4D4D4;
	margin-top: 15px;
	border-radius: 4px;
}

.underbanner .left {
	width: 510px;
	position: relative;
	border-right: solid 1px #dadada;
	float: left;
	height: 199px;
}

.underbanner .right {
	width: 319px;
	float: left;
	position: relative;
}

.underbanner .title {
	width: 100%;
	background-color: #FBFBFB;
	border-bottom: 1px solid #D4D4D4;
	line-height: 40px;
	height: 40px;
	font-size: 18px;
	color: #333;
	text-align: left;
	text-indent: 10px;
	font-weight: bolder;
}

.underbanner .left .content {
	width: 96%;
	padding: 10px 2%;
	font-size: 13px;
	color: #444;
}

.underbanner .right .content {
	width: 92%;
	padding: 10px 4%;
	font-size: 13px;
	color: #444;
}

.underbanner .newslist {
	line-height: 23px;
	text-align: left;
	position: relative;
	display: block;
	color: #444;
	width: 100%;
	font-size: 13px;
}
.newslist:hover
{
	color:#00aebd;
}

.underbanner .newsdate {
	position: absolute;
	right: 0px;
	top: 0;
	font-size: 13px;
}

.more {
	width: auto;
	position: absolute;
	right: 0;
	top: 0;
	color: #0098A5;
	font-size: 14px;
	padding-right: 10px;
	font-weight: normal;
}

.more:hover {
	color: #00aebd;
}

/*品牌*/
.pinpai-title {
	height: 50px;
	line-height: 50px;
	font-size: 28px;
	padding-top: 30px;
	position: relative;
}

.pinpai-title .titleinner {
	line-height: 36px;
	padding-left: 10px;
	font-weight: 400;
	border-left: 3px solid #0098A5;
}

.pinpai-wrap {
	margin-bottom: 16px;
	position: relative;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #D5D5D5;
	border-top: 3px solid #777777;
	padding: 18px 18px 10px 18px;
}

.pp-item {
	width: 141px;
	float: left;
	height: 100px;
}
.pp-item:hover
{
	color:#00aebd;
}
.pp-item .link {
	display: block;
	width: 124px;
	height: 66px;
	margin: 0 auto;
	border: 1px solid #ccc;
}

.pp-item .link img {
	display: block;
	margin: 0 auto;
	margin-top: 8px;
	height: 50px;
	width: 110px;
}

.pp-item .title {
	text-align: center;
	margin-top: 5px;
}
/*Hot_product 热卖产品*/
.Hot_product {
	height: 360px;
	margin-bottom: 15px;
	border-top: 3px solid #777777;
	border-bottom: 1px solid #e8e8e8;
	overflow: hidden;
	clear: both;
	position: relative;
}

.Hot_product .item {
	float: left;
	width: 100%;
	position: relative;
	padding-top: 10px;
	border-right: 1px solid #e8e8e8;
}

.Hot_product .big {
	width: 21%;
}

.Hot_product .small {
	width: 14.5%;
}

.Hot_product .small .item {
	height: 170px;
}

.Hot_product .item-2,.Hot_product .item-4,.Hot_product .item-6,.Hot_product .item-8,.Hot_product .item-10
	{
	border-bottom: 1px solid #e8e8e8;
}

.Hot_product .group {
	float: left;
}

.Hot_product .big .item-content {
	width: 220px;
	height: 411px;
}
/*推荐产品的描述*/
.Hot_product .item_tag {
	margin-left: 10px;
	line-height: 25px;
}
/*产品中心*/
.ProductShow {
	border-top: 3px solid #777777;
	border-bottom: 1px solid #D5D5D5;
	margin-bottom: 20px;
}

.hjnav {
	BACKGROUND-COLOR: #fff;
	HEIGHT: 428px;
	overflow: hidden;
}

.hjnavleft {
	WIDTH: 165px;
	FLOAT: left;
	HEIGHT: 429px;
	overflow: hidden;
}

.hjnavleft UL {
	
}

.hjnavleft UL LI {
	LINE-HEIGHT: 47px;
	PADDING-LEFT: 36px;
	HEIGHT: 47px;
	width: 130px;
	background: url(../imgs/box_bg3.jpg) no-repeat -10px top;
	border-bottom: 1px solid #dddddd;
	background-position-y: 3px;
	font-size: 15px;
}

.hjnavleft UL LI a:hover {
	text-decoration: none;
}

.hjnavleft UL LI.hover0 {
	BACKGROUND: #196ba7;
}

.hjnavleft UL LI.hover0  a {
	color: #FFFFFF;
	font-weight: bold;
}

.hjnavleft UL LI.hover1 {
	BACKGROUND: #196ba7;
}

.hjnavleft UL LI.hover1  a {
	color: #FFFFFF;
	font-weight: bold;
}

.hjnavleft UL LI.hover2 {
	BACKGROUND: #196ba7;
}

.hjnavleft UL LI.hover2  a {
	color: #FFFFFF;
	font-weight: bold;
}

.hjnavleft UL LI.hover3 {
	BACKGROUND: #196ba7;
}

.hjnavleft UL LI.hover3  a {
	color: #FFFFFF;
	font-weight: bold;
}

.hjnavleft UL LI.hover4 {
	BACKGROUND: #196ba7;
}

.hjnavleft UL LI.hover4  a {
	color: #FFFFFF;
	font-weight: bold;
}

.hjnavleft UL LI.hover5 {
	BACKGROUND: #196ba7;
}

.hjnavleft UL LI.hover5  a {
	color: #FFFFFF;
	font-weight: bold;
}

.hjnavleft UL LI.hover6 {
	BACKGROUND: #196ba7;
}

.hjnavleft UL LI.hover6  a {
	color: #FFFFFF;
	font-weight: bold;
}

.hjnavleft UL LI.hover7 {
	BACKGROUND: #196ba7;
}

.hjnavleft UL LI.hover7  a {
	color: #FFFFFF;
	font-weight: bold;
}

.hjnavleft UL LI.hover8 {
	BACKGROUND: #196ba7;
}

.hjnavleft UL LI.hover8  a {
	color: #FFFFFF;
	font-weight: bold;
}

.hjnavleft UL LI.hover9 {
	BACKGROUND: #196ba7;
}

.hjnavleft UL LI.hover9  a {
	color: #FFFFFF;
	font-weight: bold;
}

.hjnavleft UL LI.hover10 {
	BACKGROUND: #196ba7;
}

.hjnavleft UL LI.hover10 a {
	color: #FFFFFF;
	font-weight: bold;
}

.hjnavleft UL LI.hover11 {
	BACKGROUND: #196ba7;
}

.hjnavleft UL LI.hover11 a {
	color: #FFFFFF;
	font-weight: bold;
}

.hjnavcn {
	WIDTH: 1000px;
	FLOAT: left;
	HEIGHT: 430px;
	OVERFLOW: hidden;
	border-left: 1px solid #dddddd;
}
/*intro*/
.intro {
	margin: 3px 0px 20px 0px;
}

.intro .introleft {
	float: left;
	font-size: 18px;
	width: 605px;
	border-right: 1px solid #E4E4E4;
}

.intro .introbottom {
	width: 100%;
	border-bottom: 1px solid #E4E4E4;
	height: 276px;
}

.get_mar2 {
	margin: 0 16px 0 0 !important;
}
.banner_smallBox
{
height: 120px;
  padding: 0px 15px 10px 45px;
}
.small_PicBox {
	width: 160px;
	height: 110px;
	display: block;
	background: #ededed;
	border: 1px solid #cecece;
	float: left;
	overflow: hidden !important;
	text-align: center;
	cursor: pointer;
	position: relative;
}

.boxHover {
	width: 162px;
	height: 110px;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	text-align: center;
	z-index: 100;
	display: none;
}

.boxHover a {
	width: 182px;
	height: 110px;
	position: absolute;
	display: block;
	top: 0;
	font-size: 14px;
	line-height: 14px;
	color: #FFF;
	left: 0;
	text-align: center;
	z-index: 100;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial;
	background: url(../imgs/trans_pluse-copy.png) no-repeat top left;
}

.boxHover a span {
	display: block;
	background: url(../imgs/trans.png) repeat top left;
	height: 27px;
	padding: 4px 0 0 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 160px;
	bottom: -36px;
}

.boxHover a span em {
	font-weight: normal;
	font-style: normal;
	display: block;
	font-size: 9px;
	line-height: 11px;
}
/* albumblock*/

 .albumblock{
	padding:25px 10px 10px 17px;
	float:left;
	}
 .albumblock .inner{
	width:170px;
	height:170px;
	position:relative;
	border:1px solid #dededc;
	overflow:hidden;}

.albumblock .inner img{
	transition: 0.6s;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;}
.albumblock .inner img:hover {
transform: scale(1.2);
-webkit-transform: scale(1.2);	
}
 .albumblock .inner .albumtitle{
height: 28px;
line-height: 28px;
font-size: 12px;
width: 170px;
background: #196ba7;
position: relative;
bottom: 28px;
left: 0;
color: #FFFFFF;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
font-size: 15px;
text-align: center;
cursor: pointer;
margin: auto;
	}
 .albumblock .inner .albumtitle span{
	font-weight:normal;
	font-size:12px;}	

 .albumblock .inner  a:hover{
	text-decoration:none;}
 .albumblock .inner  a:visited{
	text-decoration:none;}	
	
 .albumblock .inner:hover{
	border:1px solid #196ba7;}	
	