@CHARSET "UTF-8";

/**************menu*************************/
.sidebar {z-index: 9 }
.sidebar_con {width: 175px;}
.sidebar_item {}
.sidebar_item dd {height: 25px; position: relative;}
.sidebar_item dd h3 {position: absolute; z-index: 11;height: 25px;font-size: 12px;width: 175px;border-top: 1px #fff8e4 solid;border-bottom: 1px #eae0c1 solid;}
.sidebar_item dd h3 a{color: #333333;line-height: 27px;text-align: center;margin-left: 40px;text-decoration: none;}
.sidebar_item dd h3 a img{margin-right: 10px;display: none;}
.sidebar_item dd h3 a .arrow{margin-right: 15px;float: right;margin-top: 10px;}

.sidebar_item dd h3:HOVER{border-top: 1px #0f5f8a solid;height: 28px;}
.sidebar_item dd h3:HOVER a{color: #375d84;}
.sidebar_item dd h3:HOVER a img{margin-right: 10px;display: inline;}
.sidebar_popup {position: absolute; left: 175px; width: 590px; background: #FFF; display: none;  z-index: 10;}
.sidebar_popup_class{width: 845px;overflow: hidden;background-color: #fff;}
.sidebar_popup_class p{padding: 25px 65px;width: 430px;float: left;}
.sidebar_popup_class p span{display: inline-block;font-size: 14px;margin-left: 13px;}
.sidebar_popup_class p span a{color: #333333;text-decoration: none;}
.sidebar_popup_class p span a:HOVER{color:red;}

.sidebar_popup_class .popup_img{float: left;width: 240px;text-align: right;padding-right: 45px;padding-top: 10px;padding-bottom: 10px;}


/**************banner*************************/
.slideBox{height:250px; overflow:hidden; position:relative;    } 
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; } 
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  } 
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } 
.slideBox .hd ul li.on{ background:#4673a0; color:#fff; } 
.slideBox .bd{ position:relative; height:100%; z-index:0;   } 
.slideBox .bd img{ width:836px; height:250px; }



/***************滚动公告******************/
#leftMarquee{height: 25px;float: left;}
.infoList li{height:20px; line-height:20px;  text-align:left; width:360px;  } 
.infoList li a{color: #666666;font-size: 12px; }
.infoList li a img{margin-right: 10px;}
 
 
.leftLoop{ overflow:hidden; position:relative;width: 715px;} 
.leftLoop .bd{ } 
.leftLoop .bd ul{overflow:hidden; zoom:1; } 
.leftLoop .bd ul li{ margin:0 10px; text-align:center; float:left; _display:inline; }


/* 上下滚动 */
.top-pic{overflow:hidden; position:relative;width: 215px;} 
.top-pic .hd{ overflow:hidden;  height:18px;margin-top: 20px;} 
.top-pic .hd .prev,.top-pic .hd .next{display:block;width: 215px; height:18px; line-height:18px;overflow:hidden;cursor:pointer;} 
.top-pic .hd .next{background:url("../images/arr_down.png") center no-repeat;}
.top-pic .hd .prev{background:url("../images/arr_up.png") center no-repeat;}

.top-pic{background: #cef3fe;padding-bottom: 15px;}
.top-pic .bd{} 
.top-pic .bd ul{ overflow:hidden; zoom:1;width: 215px;margin: 0 auto;}
.top-pic .bd ul li{overflow:hidden; zoom:1;width: 215px; height: 180px;margin-top: 15px;text-align: center;}
.top-pic .bd ul li .pic a img{width: 180px;height: 180px;}
.top-pic .bd ul li .title{margin:0 auto;position: relative;top:-40px;background-image: url("../images/lan_bg.png");width: 180px;position: relative;top:-40px;font-size: 14px;line-height: 40px;color: #fff;text-align: center;}
.top-pic .bd ul li .title a{color: #fff;text-decoration: none;}
.top-pic .bd ul li .title span{background-image: url("../images/arrow_01.png");display: inline-table;width: 5px;height: 10px;margin-left: 10px;}

/**********产品相册js********************/
.picBtnLeft{ width:180px; height:325px; border:1px solid #ccc;position:relative;  overflow:hidden;  zoom:1;   } 
.picBtnLeft .hd{ width:180px;  height:30px; position:absolute;top:190px; } 
.picBtnLeft .hd ul{width:180px;  overflow:hidden; zoom:1; } 
.picBtnLeft .hd ul li{float:left; _display:inline; text-align:center; margin-right: 5px; } 
.picBtnLeft .hd ul li img{width:30px; height:30px; border:1px solid #ddd; cursor:pointer; margin-right:5px;   } 
.picBtnLeft .hd ul li.on{} 
.picBtnLeft .hd ul li.on img{ border-color:#e4393c;  } 
.picBtnLeft .bd{ width:180px;  height:180px; position:relative;  } 
.picBtnLeft .bd img{ width:180px; height:180px;  } 
.picBtnLeft .bd li{ position:relative; zoom:1; } 
.picBtnLeft .bd li .pic{ position:relative; z-index:0; line-height:0px;  } 
.picBtnLeft .bd li .bg{ display:none;  width:180px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    } 
.picBtnLeft .bd li .title{ display:none;  width:180px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  } 
.picBtnLeft .des{position:absolute;top:225px;width: 100%;height: 100%;}
.picBtnLeft .des .title{font-size: 12px;line-height: 18px;color: #666666;padding: 0px 10px;margin-top:5px;color: #fff;}
.picBtnLeft .des .no{color: #999999;font-size: 12px;line-height: 18px;padding: 0px 10px;margin-top: 15px;color: #fff;}
.picBtnLeft .des .size{color: #999999;font-size: 12px;line-height: 18px;padding: 0px 10px;color: #fff;}
.pan-bg{background-color: #FEB664;}
/***产品详细****/
.gallery{padding:5px; text-align:left;width: 260px;}
.gallery .bd{border:1px solid #ccc;padding: 10px;}
.gallery .bd li .pic{ line-height:0px;  } 
.gallery .bd li .bg,.gallery .bd li .title{ display:none;} 
.gallery .bd li img{ width:260px; height:230px; } 
.gallery .hd{position:relative; padding:0 15px; margin-top:10px; zoom:1; background-color: #fff;} 
.gallery .hd .tempWrap{ margin-left:5px;background: #fff;} 
.gallery .hd ul{ overflow:hidden; zoom:1;} 
.gallery .hd li{ width:55px; padding-top:4px; text-align:center; cursor:pointer;float: left;} 
.gallery .hd li img{width:45px; height:45px; border:1px solid #ddd; padding:2px;} 
.gallery .hd li.on{ background:url("images/icoUp.gif") no-repeat center 0;  } 
.gallery .hd li.on img{ border:1px solid #f60; background:#fff;   } 
.gallery .hd .sNext,.gallery .hd .sPrev{ text-align:center; width:15px; height:45px; line-height:45px;cursor:pointer; position:absolute;  left:0px; top:4px;} 
.gallery .hd .sNext{left:auto; right:0px; background: url("../images/xc_right.png") center no-repeat;}
.gallery .hd .sPrev{background: url("../images/xc-left.png") center no-repeat;}
.gallery .hd .sNext:hover,.gallery .hd .sPrev:hover{ text-decoration:none;}