/*Focus*/
#Focus {width:1020px; height:450px; overflow:hidden; position:relative;margin: 0 auto;}
#Focus ul {height:380px; position:absolute;}
#Focus ul li {float:left; width:1020px; height:450px; overflow:hidden; position:relative; background:#000;}
#Focus ul li div {position:absolute; overflow:hidden;}
#Focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0;}
#Focus .btn {position:absolute; width:100%; height:10px; padding:5px 10px; right:0; bottom:0; text-align:center;}
#Focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:8px; _font-size:0; margin-left:5px; cursor:pointer; background:red;}
#Focus .btn span.on {background:#fff;}
#Focus .preNext {width:45px; height:100px; position:absolute; top:90px;  cursor:pointer;}
#Focus .pre {left:0;}
#Focus .next {right:0; background-position:right top;}

.videoBlock{ width:100%; background:url(../../images/default/indexVideo_bg.jpg) center center; height:345px; position:relative; float:left;}
.videoBlock .videoCon{ width:1020px; position:relative; margin:0 auto; height:345px;}
.videoBlock .videoCon .videoLeft{width:426px; height:240px; margin-top:29px; margin-left:41px; float:left;}
.videoBlock .videoCon .videoRight{ float:left; width:440px; margin-left:70px; margin-top:16px; position:relative;}
.videoBlock .videoCon .videoRight #tit{font-size:16px; font-weight:bold; color:#0067ad; text-align:center; background:url(../../images/default/videoLine.jpg) no-repeat center bottom;
padding-bottom:10px; height:25px; display:block;}
.videoBlock .videoCon .videoRight  ul{float:left; position:relative; width:100%;}
.videoBlock .videoCon .videoRight  ul li{ padding-left:22px; background:url(../../images/default/videoF.jpg) no-repeat center left; margin-left:9px; margin-top:10px; font-size:14px; color:#666; line-height:20px;}
.videoBlock .videoCon .videoRight span{ font-size:14px; color:#FFF; text-decoration:none; width:auto; float:left; height:44px; line-height:22px; padding:5px 5px; background-color:#0687CB; display:inline-block; text-align:center; margin:0px 3px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;}

/* main block*/
#body .MainBlock{
	font-size:13px;
	float: left;
width: 100%;
margin: 3% 0;
	}
#body .MainBlock .left{
	float:left;
	width:420px;
	border-top:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
	height:285px;
	overflow:hidden;
	background-color: white;
	}
#body .topic{ 
	background:url("/images/default/box_bg1.jpg") repeat left top;
	border-bottom:1px solid #dddddd; float:left; width:100%;
}
#body   .topic .TopicTitle{
	background:url("/images/default/barpro.gif") no-repeat 0px 0px;
	float:left;
	font-weight:bold;
	padding:0px 20px;
	font-size: 16px;
	font-family:Microsoft YaHei, "΢ÈíÑźÚ", arial, helvetica, clean, sans-serif;
	color:#000;
	height:35px;
	line-height:35px;}
#body   .topic .TopicMore{
	float:right;
	font-size:12px;
	padding-right:10px;
	padding-top:13px;}
#body   .topic .TopicMore img{
	}				
	
#body  .left  #MBlockTable td{
	line-height:26px;
	padding-left:10px;
	font-size:12px;
}
#body .MainBlock .left  #MBlockTable span{
	color:#fe0101;
	padding-left:10px;
	font-size:11px;}
#body .MainBlock .right{
	width:685px;
	height:450px;
	float:left;
	border-left:1px solid #dddddd;
	border-top:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	overflow:hidden;
	background-color: white;
	}
#body .MainBlock .right .img{
	padding:14px;
	background-color: white;
	 }
#body .MainBlock .right .com_albums{
	width:100%;
	padding:0;
	margin:10px 0;
	float:left;
}
#body .MainBlock .right .com_albums li{
	float:left;
	width:23%;
	height: 106px;
	padding:1px;
	border:1px #cccccc solid;
	text-align:center;
	margin: 0 4px;
}
#body .MainBlock .right .com_albums li img{
	border:0;
	margin:0;
	padding:0;
	padding-top: 1px;
}
#body .MainBlock .right .txt{
	padding:0px 14px 14px 14px;}

#body .MainBlock .right2{
	width:281px;
	float:right;
	height:450px;
	border-left:1px solid #dddddd;
	border-top:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	overflow:hidden;
	background-color: white;
	color:#666;
	}
#body .MainBlock .right2 .img{
	padding:14px;
	 }

#body .MainBlock .right2 .txt{
	padding:0px 10px 10px 10px;}


#body .ProductShow {
	BORDER: #dddddd 1px solid;
	WIDTH: 978px; 
	font-size:12px;
}
.hjc {
	
}
.hjnav {
	BACKGROUND-COLOR: #fff; HEIGHT: 428px;
	overflow:hidden;
}
.hjnavleft {
	WIDTH: 148px; FLOAT: left; HEIGHT: 429px;
	overflow:hidden;
	background-color: white;
}
.hjnavleft UL {
}
.hjnavleft UL LI {
	LINE-HEIGHT: 42px; 
	PADDING-LEFT: 36px; 
	HEIGHT: 42px;
	width:112px;
	background:url(/images/default/box_bg3.jpg) no-repeat -10px top;	
	border-bottom:1px solid #dddddd;
}

.hjnavleft UL LI a:hover{
	text-decoration:none;}
.hjnavleft UL LI.hover0 {
	BACKGROUND:#fe0101;
}
.hjnavleft UL LI.hover0  a{
	color:#FFFFFF;
	font-weight:bold;}
.hjnavleft UL LI.hover1 {
	BACKGROUND:#fe0101;
}
.hjnavleft UL LI.hover1  a{
	color:#FFFFFF;	
	font-weight:bold;}
.hjnavleft UL LI.hover2 {
	BACKGROUND:#fe0101;
}
.hjnavleft UL LI.hover2  a{
	color:#FFFFFF;	
	font-weight:bold;}
.hjnavleft UL LI.hover3 {
	BACKGROUND:#fe0101;
}
.hjnavleft UL LI.hover3  a{
	color:#FFFFFF;	
	font-weight:bold;}
.hjnavleft UL LI.hover4 {
	BACKGROUND:#fe0101;
}
.hjnavleft UL LI.hover4  a{
	color:#FFFFFF;	
	font-weight:bold;}
.hjnavleft UL LI.hover5 {
	BACKGROUND:#fe0101;
}
.hjnavleft UL LI.hover5  a{
	color:#FFFFFF;	
	font-weight:bold;}
.hjnavleft UL LI.hover6 {
	BACKGROUND:#fe0101;
}
.hjnavleft UL LI.hover6  a{
	color:#FFFFFF;	
	font-weight:bold;}
.hjnavleft UL LI.hover7 {
	BACKGROUND:#fe0101;
}
.hjnavleft UL LI.hover7  a{
	color:#FFFFFF;	
	font-weight:bold;}
.hjnavleft UL LI.hover8 {
	BACKGROUND:#fe0101;
}
.hjnavleft UL LI.hover8  a{
	color:#FFFFFF;	
	font-weight:bold;}
.hjnavleft UL LI.hover9 {
	BACKGROUND:#fe0101;
}
.hjnavleft UL LI.hover9  a{
	color:#FFFFFF;	
	font-weight:bold;}
.hjnavleft UL LI.hover10 {
	BACKGROUND:#fe0101;
}
.hjnavleft UL LI.hover10 a{
	color:#FFFFFF;	
	font-weight:bold;}
.hjnavleft UL LI.hover11{
	BACKGROUND:#fe0101;
}
.hjnavleft UL LI.hover11 a{
	color:#FFFFFF;	
	font-weight:bold;}

.hjnavcn {
	WIDTH: 829px; FLOAT: left; HEIGHT: 430px; OVERFLOW: hidden;
	border-left:1px solid #dddddd;
	background-color: white;
}
.f {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.dcn {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.shengming {
	PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.cfr H5 IMG {
	DISPLAY: block
}
.cfr UL LI.tenlion IMG {
	DISPLAY: block
}
.jdcenter IMG {
	DISPLAY: block
}
.cfr UL LI IMG {
	DISPLAY: none
}
.cfr UL LI.tenlion P {
	DISPLAY: none
}
.hjone {
	LINE-HEIGHT: 22px; HEIGHT: 215px; 
}
.hjone P {
	PADDING-BOTTOM: 5px; TEXT-INDENT: 2em
}


/*darkfooter*/
#dark_footer .box_240px_left {
	width:100%;
	padding-top: 0px;
	background-image: none;
	padding-bottom:0px;
	float:left;
}
#dark_footer .box_240px_left h2{
	font-size:18px;
	color:#FFFFFF;
	font-weight:normal;
	text-align: center;}
#dark_footer .box_240px_left li{
	line-height:250%;
	font-size:14px;
	padding-left:10px;}
#dark_footer .box_240px_middle {
	padding: 0px 42px;
	background-image: none;
}
#dark_footer .box_240px_right {
	padding-left: 42px;
	padding-top: 0px;
	background-image: none;
}
#dark_footer_wrap {
	width:100%;
	margin:auto;
	overflow: hidden;
	padding:0px 0px;
	}
#dark_footer_wrap a{
	color:#13c5ff;}	
#dark_footer {
	width: 940px;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
}
#light_footer_wrapper {
	font-size:12px;
	padding:10px;
	height:100px;
	
}
.box_240px_right li {
	display: inline;
}
#dark_footer li a{
	}


.col1, .col2, .col3, .cols {float:left}
.col1 {width:290px}
.col2 {width:240px}
.col3 {width:252px}

#body #Links {
	padding:10px 8px;
	line-height:25px;
	font-size:12px;}
#body #Links span{
	font-weight:bold;}

#body #Links a{
	padding:0px 7px;}	

.jqBlock{
	font-size:12px;
	}
.jqBlock .left{
	float:right;
	width:320px;
	border-top:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
	height:305px;
	overflow:hidden;
	background-color: white;
}

#JBlockTable td{
	line-height:29px;
	/*padding:0px 5px;*/
	font-size:12px;
}

#JBlockTable span{
	color:#fe0101;
	padding:0px 10px;
	font-size:11px;}
	
.tabsHot{
	border-bottom:#666 1px dashed;
	float:left; width:100%; position:relative;
	padding-bottom: 10px;
}

.tabsHotImg{
	float:left; 
	width:207px;
	height:157px;
	position:relative;
	padding: 3px 0;
	text-align: center;
	border: 1px #CCC solid;
	overflow: hidden;
}
.tabsHotImg img{width:100%;}
.tabsHotCon{
	float:right; width:410px; position:relative;
	line-height:25px;
	margin-left:10px;
	font-size:13px;
}

/* index hotInfiniteCarousel */
.hotInfiniteCarousel {
	width: 1020px;
	position: relative;
	float: left;
	height: 288px;
	/*background-color: white;
	border: #CCC 1px solid;*/
	border-top:none;
}

.hotInfiniteCarousel a{
	float:left;
}

.hotInfiniteCarousel .hotWrapper {
	width: 980px;	/* .hotInfiniteCarousel width - (.hotWrapper margin-left + .hotWrapper margin-right) */
	overflow: auto;
	height: 258px;
	margin: 0 20px;
	position: absolute;
	top: 0;
}

.hotInfiniteCarousel .succImg{
	/*border: 1px solid #DDE7CB;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;*/
  float:left;
}
.hotInfiniteCarousel .succImg:hover,
.hotInfiniteCarousel .succImg.hover{
	/*border: 1px solid #fe0101; */
}
.hotInfiniteCarousel ul a img {
  /*
  border: 1px solid #DDE7CB;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  */
}

.hotInfiniteCarousel .hotWrapper ul {
  width: 840px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.hotInfiniteCarousel ul li {
  	display: block;
	float: left;
	padding:0 9px;
	width: 229px;
}

.hotInfiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
}

.hotInfiniteCarousel ul:hover li img {

}

.hotInfiniteCarousel ul:hover li:hover img {
  /*
  border: 1px solid #fe0101;
  */
}

.hotInfiniteCarousel ul li a img {
  display:block;
  width: 100%;
  
	height:115px;
	overflow:hidden;
 margin: 10px 0;
}

.hotInfiniteCarousel .arrow {
  display: block;
  height: 52px;
  width: 20px;
  background: url(../../images/arrow.gif) no-repeat 0 0;
  text-indent: -99999px;
  position: absolute;
  top: 95px;
  cursor: pointer;
  outline: 0;
}

.hotInfiniteCarousel .forward {
  background-position: 0 -52px;
  right: 0;
  top: 117px;
}

.hotInfiniteCarousel .back {
  background-position: 0 0px;
  left: 0;
  top: 117px;
}

.hotInfiniteCarousel .forward:hover {
  background-position: 0 -52px;
}

.hotInfiniteCarousel .back:hover {
  background-position: 0 0px;
}