@charset "utf-8";
.banner img{ width:100%}
.banner{ position:relative; overflow:visible}
.pic_nav{ position:absolute; top:-5px; right:2px; height:163px; overflow:visible;}
.pic_nav a{float:right; height:100%; width:80px; margin-left:20px; display:inline;}

.article{ padding:30px 15px; line-height:25px;margin-left:97px;width:680px}

.news_pannel{ width:90%; margin:30px auto}
.news_tt{ width:100%;font-size:16px; text-align:center;color:#000; height:30px;}
.news_time{width:100%; clear:both;text-align:center; border-bottom:1px dotted #d2d0cf; padding-bottom:10px; font-family:Arial; color:#999999}
.news_ct{padding-top:20px; line-height:22px;}

.list{ width:95%; margin:20px auto}
.list li.tt{ height:25px;line-height:25px; margin-top:10px; font-size:14px; font-family:"Microsoft YaHei","微软雅黑"}
.list li.tt a{font-weight:bold;float:left; background:url(../Images/icon_7.gif) no-repeat left center; padding-left:10px;}
.list li.tt span{ float:right; color:#999;}
.list li.ct {line-height:20px;border-bottom:1px dotted #DDD; color:#666;padding-bottom:5px;clear:both; height:auto; text-indent:2em; height:auto; overflow:hidden}
.list li font.num{ color:#fff; font-style:italic}


.sub_nav{ height:30px; line-height:30px; width:100%;background: url(../Images/header_bg.png) no-repeat bottom center;margin-bottom:5px; text-align:center}
.sub_nav a{ background:#BBBBBA; height:30px; line-height:30px;display:inline-block;margin-left:1px; text-align:center; color:#4d4531;font-weight:bold; font-size:14px; padding-left:20px; padding-right:20px;}
.sub_nav a:hover,.sub_nav a.selected{ background:#EEE;}


.pic_item{float:left;width:300px;display:inline; margin-left:10px; margin-top:15px; text-align:center ; position:relative; overflow:hidden}
.pic_item a{ width:298px; height:290px;overflow:hidden;border:1px solid #d2d0cf; background:#FFFFFF; display:block}
.pic_item a img{width:100%; height:290px;}
.pic_item p{ height:0; width:298px; display:block;position:absolute; bottom:1px; left:1px; background: url(../Images/pro_overlapping.png) center; color:#FFFFFF; line-height:20px; text-align:left; font-size:12px; }
.pic_item p span{ display:block;padding-left:15px;padding-top:0px;}


/*产品详细页面*/
.pro_top{width:100%; clear:both; margin-top:10px}
.pro_top h1{ font-size:22px; border-bottom:1px dotted #d2d0cf;margin-bottom:20px; padding-bottom:10px; width:100%; color:#d2d0cf}
.big_pic{border:1px solid #ddd; width:650px; height:500px; margin:0px auto; text-align:center; background-color:#FFFFFF}

#pic_container{width:650px; height:62px;margin:0px auto; margin-top:10px}
#pic_container li{width:80px;margin-right:5px;height:60px; overflow:hidden;cursor:pointer; border:1px solid #eee; float:left}
#pic_container li img{ width:100%}
#pic_container li.focus{ border:1px  solid #d2d0cf}


.pro_bottom{ margin-top:20px; clear:both; width:100%}

.tab_tt{ width:100%; border-bottom:1px solid #d2d0cf}
.tab_tt li{ float:left;background:#eee;line-height:35px; height:35px; text-align:center; font-size:12px; color:#666; margin-right:1px; display:inline; cursor:pointer; padding-left:25px; padding-right:25px;}
.tab_tt li.selected{ background:#d2d0cf; font-weight:bold}
.tab_ct{ width:100%;min-height:300px; padding-top:10px; line-height:25px; display:none}
/*产品详细页面-end*/


/*联系页面*/
.contact{padding-top:30px;line-height:30px; margin-top:10px; padding-left:20px; width: auto; padding-bottom:80px; background:url(../Images/header_bg.png) no-repeat center top;}
.contact h1{ height:30px;font-size:32px; margin-bottom:45px; font-family:Impact; font-weight:normal}
.contact ul{width:350px; float:left;font-weight:600; font-size:16px}
.contact ul.first{ border-right:#d2d0cf solid 1px; margin-right:70px;}
.contact span{ padding-left:10px; }

/*翻页按钮*/
.PageTurnBtn{margin-top:30px;width:auto;height:50px;clear:both; text-align:center}
.PageTurnBtn span,.PageTurnBtn a{padding:0 6px;margin-right:5px;display:inline-block;font-family:Arial}
.PageTurnBtn span.page_num,.PageTurnBtn a:hover{color:#fff;} /* 产品页面下分页按钮样式*/
.PageTurnBtn span{font-weight:bold}
.PageTurnBtn a{color:#666666}


.slider{width:920px;position:relative; height:330px; margin:5px auto 20px;}
.slider_item{position:absolute;height:330px; width:100%; left:0;top:0; display:none; background-position:center; background-repeat:no-repeat; background-position:top center; z-index:9;}
.slider_mid{ position:absolute; left:0; bottom:15px;width:100%; z-index:10;}
.slider_btn{ width:900px; margin:0 auto;text-align:center}
.slider_btn span{ display:inline-block; background:#a2a2a2;width:15px; height:15px; margin-left:10px;cursor:pointer;}
.slider_btn span.selected{background:#8ace14;}


