@charset "gb2312";
/* CSS Document */

html,body,div,h3,ul,li,img,p{border: 0;margin: 0;padding:0;}
/*body,div,h3,ul,li,img{border:0; margin: 0;font:normal 12px/22px 宋体;} */
body,div,h3,ul,li,img{border:0; margin: 0;font:normal 12px/22px;}
li{list-style:none;}
a{color:#000000; text-decoration: none;}
a:hover{color:#c80009;}
body{background: url("../images/bg.jpg"); font-family: "微软雅黑";}
.top{height:595px;background: url("../images/banner.jpg") top center; }
.mbox{width: 1028px; margin: 0 auto; overflow: hidden; background: url("../images/bk.jpg");}
.mibox{width: 988px;min-height: 1000px; margin: 0 auto; background: #ffffff; overflow: hidden;}
.dh{height: 120px;}
.dh ul{text-align: center;}
.dh ul li{display: inline; font-size: 24px; line-height: 80px; padding: 0 5px;}

.tt{min-height: 100px; overflow: hidden;}
.tt h2{text-align: center; height: auto;}
.tt p{width: 800px; margin: 0 auto; font-size: 12px; line-height: 24px; color: #666666;}

.hdpxw{width: 900px; margin: 0 auto; margin-top: 60px; overflow: hidden;}
.hdpxw .hdp{width: 400px; height: 354px; float: left;}

/* 本例子css */
		.slideBox{ width:400px; height:354px; overflow:hidden; position:relative;}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:60px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:400px; height:300px; display:block;  }
		.slideBox .bd span{width:400px; height:54px; line-height:54px; font-size:18px; position:absolute;left:0px; bottom:0px; padding-left:10px;}
.hdpxw .xw{width: 470px; height: 300px; float: right;}
.hdpxw .xw ul li{font-size: 18px; line-height: 52px;}


.mtjjbox{width: 928px; height: 46px; margin: 0 auto; margin-top: 50px; margin-bottom: 80px; border:2px solid #ccc;}
.mtjj{float: left; font-size: 24px; line-height: 46px; padding-left: 10px;}
/* 本例子css */
		.txtMarquee-left{ width:805px; float: right;  border:1px solid #ffffff; border-left: 2px solid #ccc;}
		.txtMarquee-left .hd{  height:0px; background:#f4f4f4; padding:0 0px;  }
		/* .txtMarquee-left .hd .prev,.txtMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:22px; cursor:pointer; background:url("../images/icoLeft.gif") no-repeat;} */

		.txtMarquee-left .hd .next{ display:block;  width:8px; height:15px; float:right; margin-right:5px; margin-top:15px; cursor:pointer; background:url("../images/icoRight.gif") no-repeat;}
		.txtMarquee-left .hd .prev{ display:block;  width:8px; height:15px; float:left; margin-left:5px; margin-top:15px; cursor:pointer; background:url("../images/icoLeft.gif") no-repeat;}
		/* .txtMarquee-left .hd .next{ background:url("../images/icoRight.gif") no-repeat;  } */
		.txtMarquee-left .bd{ padding:10px 16px 10px; }
		.txtMarquee-left .bd .tempWrap{ width:774px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
		.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:24px; line-height:24px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */

		.txtMarquee-left .bd ul li span{ color:#999;  }

.spbb{width: 986px; border: 1px #656565 solid; overflow: hidden; margin-top: 50px; margin-bottom: 80px;}
.spbbpic{width: 502px; overflow: hidden; float: left; margin: 30px;}
.spbbpic img{border: 1px #cccccc solid;}
.spbbpic h3{line-height: 50px;}
.spbbpic p{color: #666666;}

.spbblist{width: 410px; float: right; margin-right: 10px; border-left: 2px #cccccc solid; margin-top: 30px;}
.spbblist ul li{height: 105px; border-bottom: 1px #cccccc dashed; margin-bottom: 15px;}
.spbblist ul li img{width: 90px; height: 68px; margin: 10px 10px; border: 1px #cccccc solid; float: left;}
.spbblist ul li h3{font-size: 14px;line-height: 34px;}
.spbblist ul li p{font-size: 12px; color: #666666;}


.tsst{height: 514px; margin-bottom: 100px;}

/* 本例子css */

	/* 焦点图效果 */
	.picBtnTop{ width:900px; height:514px; border:1px solid #ccc; padding:5px; margin: 0 auto; margin-top: 50px; position:relative;  overflow:hidden;  zoom:1;   }
	.picBtnTop .hd{ width:178px;  height:614px; position:absolute; right:5px; overflow:hidden; }
	.picBtnTop .hd ul li{ width:153px; text-align:center; padding:0 0 27px 5px;  }
	.picBtnTop .hd ul li img{ width:155px; height:100px; border:4px solid #ddd; cursor:pointer; vertical-align:bottom; }
	.picBtnTop .hd ul li.on{ background:url("../images/icoleft0.gif") no-repeat 0 45px; }
	.picBtnTop .hd ul li.on img{ border-color:#f60;  }
	.picBtnTop .bd{ width:700px;  height:514px; position:relative;  }
	.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
	.picBtnTop .bd li .pic{ position:relative; z-index:0;  }
	.picBtnTop .bd li .pic img{ width:700px; height:514px; vertical-align:bottom; }
	.picBtnTop .bd li .bg{ width:700px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
	.picBtnTop .bd li .title{ width:700px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
	.picBtnTop .bd li .title a{ color:#fff; padding-left:15px;  }
	#demo1,#demo2{ margin-bottom:20px;  }



.kkltp{width: 930px; margin: 0 auto; margin-top: 0px;}
/* 本例子css */
		.picScroll-left{ width:928px;  overflow:hidden; position:relative;  border:1px solid #ffffff;   }
		.picScroll-left .hd{height:30px; background:#ffffff; padding:0 1px; }
		.picScroll-left .hd .prev{ display:block;  width:18px; height:34px; float:left; margin-left:0px; margin-top:120px;  overflow:hidden;
			 cursor:pointer; background:url("../images/kkll.jpg") no-repeat;}
		.picScroll-left .hd .next{ display:block;  width:18px; height:34px; float:right; margin-right:0px; margin-top:120px;  overflow:hidden;
			 cursor:pointer; background:url("../images/kklr.jpg") no-repeat; }
		/* .picScroll-left .hd .next{ background-position:0 -50px;  } 
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }*/

		.picScroll-left .bd{ padding:20px;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ width:200px; height:150px; display:block;  padding:2px; border:1px solid #ccc; }
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px;   }


.kkldt{width: 910px; margin: 0 auto; overflow: hidden; margin-bottom: 80px;}
/* 本例子css */
		.picFocus{ margin:0 auto; margin-top: 50px;  width:898px; border:1px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
		.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
		.picFocus .hd ul{ width: 1000px; margin-right:-5px;  overflow:hidden; zoom:1; }
		.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
		.picFocus .hd ul li img{ width:213px; height:100px; border:2px solid #ddd; cursor:pointer; margin-right:10px;   }
		.picFocus .hd ul li.on{ background:url("../images/icoUp.gif") no-repeat center 0; }
		.picFocus .hd ul li.on img{ border-color:#f60;  }
		.picFocus .bd li{ vertical-align:middle; }
		.picFocus .bd img{ width:898px; height:490px; display:block;  }


.hzmt{width: 900px; margin: 0 auto; margin-top: 50px; margin-bottom: 50px;}
.hzmt ul{width: 1000px; overflow: hidden;}
.hzmt ul li{width: 152px; height: 52px; float: left; margin: 10px 15px;}
.hzmt ul li img{width: 152px; height: 52px; border: 1px #cccccc solid;}



.footer{width: 100%; border-top: 2px #e73350 solid; font-size: 12px; color: #666666; line-height: 24px; text-align: center; padding: 20px;}