@charset "utf-8";
/* 样式来源于www.weilianbao.net,zxl*/
*{margin:0 auto;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体"; text-align:center}
#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333; }

/* flexslider */
.flexslider{position:relative;height:450px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:450px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:48%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a:hover.flex-prev{left:60px;background:url(../images/prev_1.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}
.flex-direction-nav li a:hover.flex-next{right:60px;background:url(../images/next_1.png) center center no-repeat;}

/*新加的css*/
.slideBox{ width:1200px; height:555px; overflow:hidden; position:relative; margin:0 auto;}
.slideBox .hd{ height:18px; overflow:hidden; position:absolute; right:46%; bottom:30px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px; width:20px; height:18px; background:url(../images/hq_pic9.png) no-repeat; cursor:pointer; text-indent:-9999px;}
.slideBox .hd ul li.on{ background:url(../images/hq_pic8.png) no-repeat;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1200px; height:555px; display:block;  }

.floatdiv{}
.floatdiv li{ width:63px; height:63px; text-align:center; background:#7C7C7C; margin-bottom:1px; position:relative; cursor:pointer;}
.floatdiv li img{ padding:5px 0;}
.floatdiv li p{ color:#FFF;}
.floatdiv li:hover{ background:#FF6600;}
.floatdiv li .subdiv{ display:none;}
.floatdiv li:hover .subdiv{ background:#FF6600; position:absolute; top:0; left:-143px; width:143px; display:block;}
.floatdiv li:hover .subdiv dt{ font-size:14px; color:#FFF; height:53px; padding-top:10px;}
.floatdiv li:hover .subdiv dd{ border:#dcdcdc 1px solid; background:#FFF; margin-bottom:5px; padding:5px 0;}
.floatdiv li:hover .subdiv dd a{ display:block; color:#777; background:url(../images/hq_pic153.jpg) 15px center no-repeat; padding-left:15px; height:30px; line-height:30px;}

.txtMarquee-left{ width:1200px;  position:relative; background:url(../images/hq_pic67.jpg) 125px center no-repeat #d7d7d7; height:30px;}
.txtMarquee-left .hd{ overflow:hidden;}
.txtMarquee-left .hd .prev,.txtMarquee-left .hd .next{ display:block; width:8px; height:13px; overflow:hidden; cursor:pointer; position:absolute; top:9px; }
.txtMarquee-left .hd .next{ background:url(../images/hq_pic69.jpg) no-repeat; right:115px;}
.txtMarquee-left .hd .prev{ background:url(../images/hq_pic68.jpg) no-repeat; right:130px;}
.txtMarquee-left .bd{ width:900px; margin:0 auto;}
.txtMarquee-left .bd .tempWrap{ float:left; width:900px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:30px; line-height:30px;  text-align:left; _display:inline; width:auto !important;  } 
.txtMarquee-left .bd ul li a{ color:#1e1e1e;}
.txtMarquee-left .bd ul li span{ color:#999; padding-left:80px;}


/* 首页左右滑*/
#sidebar{width:350px;height:auto; margin:0 auto;}
#sidebar .hd{width:100%;height:28px;background:#e9e5e2;line-height:28px;font-size:12px;color:#7f746e;text-indent:12px;font-weight:bold;}
#sidebar ul{width:350px;height:auto;}
#sidebar ul li{margin-top:5px;width:350px;height:200px;position:relative;overflow:hidden;cursor:pointer;}
#sidebar ul li .imgBox{width:700px;position:absolute;left:0px;top:0px;height:200px;z-index:1;display:block;}
#sidebar ul li .imgBox img{float:left;}
#sidebar ul li .imgTitle{width:100%;height:48px;bottom:-24px;left:0px;z-index:2;position:absolute;font-size:12px;}
#sidebar ul li .imgTitle div{width:100%;height:48px;position:relative;}
#sidebar ul li .imgTitle p{width:100%;height:24px;line-height:24px;color:#FFF;text-indent:10px;position:absolute;left:0px;top:0px;}
#sidebar ul li .red p{background:#736363;}
#sidebar ul li .cyan p{background:#516E85;}
#sidebar ul li .blue p{background:#195061;}

/* index pic roll*/
#wrapper{text-align:center;}
.overlay{position: absolute; top: 0;left: 0; width: 100%;height: 100%;z-index: 10;text-align:center; display:none;}
.jscarousal{width: 1200px;height: 210px;margin:0 auto;padding: 0;position: relative; /*overflow: hidden;*/}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right{float: left;width: 15px;height: 98px;background-color: #121212;color: White;position: relative;top: 12px;cursor: pointer;}
.jscarousal .jscarousal-left{background-image: url(../images/left_arrow.jpg);background-repeat: no-repeat;background-position: left;}
.jscarousal .jscarousal-right{background-image: url(../images/right_arrow.jpg);background-repeat: no-repeat;background-position: right;}
.jscarousal-contents{width: 1150px;height: 210px;float: left;position: relative;overflow: hidden;}
.jscarousal-contents > div{position: absolute;width: 100%;height: 170px;}
.jscarousal-contents > div > div{float: left;margin-left: 6px;margin-right: 6px;}
.jscarousal-contents img{width: 212px;height: 170px;border: solid 1px #ccc;padding:2px;}
.hidden{display: none;}
.visible{display: block;}
.thumbnail-active{filter: alpha(opacity=60);opacity: 0.6;cursor: pointer;}
.thumbnail-inactive{filter: alpha(opacity=100);opacity: 1.0;cursor: pointer;}
.thumbnail-text{color: #333;text-align: center;display: block;padding: 10px 2px 2px 0px;}

/*Photos jqzoom*/
#preview{ float:none; text-align:left; width:580px;}
.jqzoom{ width:580px; height:350px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:580px;}
.list-h li{ float:left;}
#spec-n5{width:580px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:580px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*Photos jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:550px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}