#web_main{ max-width:1200px; min-width:960px; margin:0 auto; padding:0px 10px;}

#web_logo{ padding:10px 0px; position:relative;}
#web_head{}
#web_search{width: 220px; position: absolute; right:0px; top:40px;}
#web_search #ls{ float:left; padding:1px 10px; width:170px; height:24px; line-height:24px; border:1px solid #d2d2d2; border-right:none; background:#fff;}
#web_search #searchsubmit{ padding:0; width:30px; height:28px; text-indent:-9999px; border:none; background:#000 url(../images/icon-mo.png) no-repeat center -34px; position:absolute; right:0; top:0;}




#web_menu{ font-size:14px; background:#000; height:42px; line-height:42px;color: #fff;}
#web_menu li{ float:left; position:relative;}
#web_menu a{ color:#fff; display:block; padding:0 20px; text-decoration:none;}
#web_menu a:hover{ background:#F5EE31;color:#222;}
#web_menu .down_menu{ position:absolute; left:0px; top:42px; z-index:1;display:none; width:250px; background:#F6F6F6; border-left:1px solid #EEE; border-top:1px solid #EEE; border-right:1px solid #EEE;}
#web_menu .down_menu li{ background:none; display:block; float:none; position:relative;}
#web_menu .down_menu li a{ color:#666; border-bottom:1px solid #EEE; height:35px; line-height:35px;}
#web_menu .down_menu li a:hover{ color:#000; background:none;}
#web_menu .down_menu .category_02{ position:absolute; left:250px; top:-1px; z-index:88; display:none; width:250px; background:#F6F6F6; border-left:1px solid #EEE; border-top:1px solid #EEE; border-right:1px solid #EEE;}
#web_menu .down_menu .category_02 li a{ color:#666; border-bottom:1px solid #EEE; height:35px; line-height:35px;}
#web_menu .down_menu .category_02 li a:hover{ color:#000; background:none;}
#web_menu li:hover>a{background:#F5EE31;color:#222;}
#web_menu li:hover>.down_menu .category_01 a{background: none;color:#000;}

#banner_view img{ width:100%;}


#web_body{ padding-top:25px;}
#web_left{ float:left; width:250px;}
#web_right{float:right; width:930px;}



#web_foot{ margin-top:40px; background:#000;}




#hot_class{ margin-top:30px; border-bottom:1px solid #EEE; padding-bottom:30px;}
#hot_class h3{margin:6px auto 10px;width:100%;height:24px;font-size:1pc;color:#333;overflow:hidden;}
#hot_class p{color: #666;}


#web_about{ margin-top:30px; margin-bottom:30px;}

#pro_list li{ float:left; margin-right:2%; width:23%; margin-bottom:30px;}
#pro_list li .table{padding:5px;border:1px solid #e9e9e9;-webkit-transition:all .4s ease;transition:all .4s ease;}
#pro_list li:hover .table{border-color:#fdb795;}
#pro_list li .pic_box{overflow:hidden; position:relative;display: block;text-align:center;}
#pro_list li .pic_box img{display:block;-webkit-transition:1s;transition:1s;height:100%;}
#pro_list li .pic_box:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);}
#pro_list li .pic_box .opacity-pic{ width:100%; height:100%; position:absolute; top:0; left:0; cursor:pointer; -moz-opacity:0; -khtml-opacity:0; opacity:0; filter:alpha(opacity=0); _display:none;}
#pro_list li .pic_box:hover .opacity-pic{ background:#000; -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; filter:alpha(opacity=40); -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;}
#pro_list li .title{ margin-top:5px;white-space:nowrap; overflow:hidden;text-overflow: ellipsis; width:100%;}
#pro_list li .guige{ margin-top:5px; padding-bottom:5px;line-height:24px; height:24px;}
#pro_list li a.btn{ width:68px; height:24px; line-height:24px; float:right; text-transform:uppercase; text-align:center; font-family:Arial; color:#fff; background:#f7b900; display:inline-block; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
#pro_list li a.btn:hover{ background-color:#f80; text-decoration:none;}

#pro_list2 li{ float:left; margin-right:2%; width:32%; margin-bottom:30px;}
#pro_list2 li .table{padding:5px;border:1px solid #e9e9e9;-webkit-transition:all .4s ease;transition:all .4s ease;}
#pro_list2 li:hover .table{border-color:#fdb795;}
#pro_list2 li .pic_box{overflow:hidden; position:relative;display: block;text-align:center;}
#pro_list2 li .pic_box img{-webkit-transition:1s;transition:1s; height:100%; width:100%;}
#pro_list2 li .pic_box:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);}
#pro_list2 li .pic_box .opacity-pic{ width:100%; height:100%; position:absolute; top:0; left:0; cursor:pointer; -moz-opacity:0; -khtml-opacity:0; opacity:0; filter:alpha(opacity=0); _display:none;}
#pro_list2 li .pic_box:hover .opacity-pic{ background:#000; -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; filter:alpha(opacity=40); -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;}
#pro_list2 li .title{ margin-top:5px;white-space:nowrap; overflow:hidden;text-overflow: ellipsis; width:100%;}
#pro_list2 li .guige{ margin-top:5px; padding-bottom:5px;line-height:24px;height:24px;}
#pro_list2 li a.btn{ width:68px; height:24px; line-height:24px; float:right; text-transform:uppercase; text-align:center; font-family:Arial; color:#fff; background:#f7b900; display:inline-block; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
#pro_list2 li a.btn:hover{ background-color:#f80; text-decoration:none;}



#web_link{ margin-top:30px; border-top:1px solid #EEE; padding-top:10px;}



#web_message input,#web_message  textarea{padding: 8px;border: 1px solid #e4e4e4;color: #666;}
#web_message .btn{padding:8px 30px;font-size:18px;color:#fff;background:#0077cc;display:inline-block;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:5px;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease; cursor:pointer;}
#web_message .btn:hover{background-color:#f80}





#news_list li{margin-top:10px; border-bottom:1px solid #EEE; padding-bottom:10px;overflow:hidden;}
#news_list img{ width:120px; height:100px; margin-right:12px; float:left;}
#news_list a{ color:#111;}
#news_list a:hover{color:#f60;}

#news_list2 li{margin-top:10px; border-bottom:1px solid #E9E9E9; padding-bottom:10px; position:relative;}
#news_list2 li h2{font-size: 16px;font-weight: bold; color:#000000;}
#news_list2 li img{ width:200px; max-height:200px; float:left; margin-right:10px;}
#news_list2 li a.more{ color:#333; position:absolute; bottom:5px; right:0px; z-index:1; display:block; font-weight:bold;}


#web_leibie{ padding:10px;}
#web_leibie li{ background:url(../images/dot2.jpg) no-repeat;}
#web_leibie li a{ display:block; height:26px; line-height:26px; padding-left:10px; color:#666; text-decoration:none;}
#web_leibie li a:hover{ color:#9CCB00;}





#web_ProInfo .title{margin-bottom: 20px;padding-bottom: 5px;font-size: 24px;line-height: 36px;}
#web_ProInfo span{ color:#999; font-size:16px;}
#web_ProInfo a.btn{padding:8px 20px; font-size:16px; font-family:Arial; color:#fff; background:#f60; display:inline-block; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;border-radius: 3px;}
#web_ProInfo a.btn:hover{ background-color:#f80; text-decoration:none;}


#web_ProDetailed{ margin-top:20px;}
#web_ProDetailed .title{margin-bottom: 20px;height: 38px;line-height: 38px;border-bottom: 1px solid #ddd;}
#web_ProDetailed .title span{ display:block; float:left;line-height: 37px;border: 1px solid #ddd;border-top: 2px solid #f60;border-bottom: none;font-weight: 700;color: #444;background: #fff;border-top-right-radius: 3px;border-top-left-radius: 3px; padding:0px 20px; font-size:15px;}








#relative{ position:relative;}
#clear{ clear:both;height:0px;margin:0;padding:0;font-size:0}/*overflow: hidden;*/
#float{ float:left;}



/*翻页css*/
.page{display:none;font-size:14px; font-family:Arial;height:60px;text-align:center;margin:20px 0 0 0; }

.page_num a,.page_num span{margin:0 2px;background:url("../images/page.png") no-repeat;display:inline-block;width:30px;height:28px;line-height:26px;overflow:hidden; text-decoration:none;}
.page_num a{background-position:-65px 0;color:#015CB5;overflow:hidden;}
.page_num .prev{background-position:1px -33px;}
.page_num .unprev{background-position:1px 0;cursor:default;}
.page_num .next{background-position:-32px 0;}
.page_num .unnext{background-position:-32px -33px;cursor:default;}
.page_num .current{background-position:-99px 0;color:#FFFFFF;}
.page_num .etc{background-position:-167px 0px;}
.page_num .first{background-position:1px -66px; width:64px; font-size:14px; line-height:28px;}
.page_num .unfirst{background-position:1px -66px;width:64px; font-size:14px; line-height:28px; color:#90959F;}
.page_num .last{background-position:1px -66px; width:64px; font-size:14px; line-height:28px;}
.page_num .unlast{background-position:1px -66px;width:64px; font-size:14px; line-height:28px; color:#90959F;}




/*当前所在位置 web_position*/
#web_position{ padding-left: 26px;background: url(../images/icon.gif) no-repeat 8px -148px #F4F4F4; border-bottom:1px solid #e8e8e8; line-height:35px;}

/*类别树 category_tree*/
#category_tree{}
#category_tree .category_01 a{ display:block; padding-left:15px; line-height:39px;  font-size:14px;border-bottom:1px solid #E6E6E6; border-top:1px solid #fff; color:#444;background:url(../images/icon.gif) no-repeat  right -377px;}
#category_tree .category_01 a:hover{ color:#222;border-left:1px solid #222; background:#f5ee31 url(../images/icon.gif) no-repeat  right -337px; text-decoration:none; margin-left:-1px;}
#category_tree .category_02{ display:none;}
#category_tree .category_02 li{}
#category_tree .category_02 li a{ padding-left:30px; }
#category_tree .category_02 li a:hover{}
#category_tree .category_03{ margin-left:15px; display:none;}

/*网站地图 web_map*/
#web_map{}
#web_map .category_01 a{display:block;padding:5px 0px 5px 10px;color:#B87500; font-weight:bold;}
#web_map .category_02{ margin-left:20px;}
#web_map .category_02 a{ color:#000; font-weight:normal; padding:2px;}
#web_map .category_03{ margin-left:20px;}





/* Footer */
.footer{ margin-top:30px; padding:25px 0 0; width:100%; border-top:1px solid #000; color:#888; background:#000; -moz-box-shadow:0 -3px 3px rgba(0,0,0,.06); -webkit-box-shadow:0 -3px 3px rgba(0,0,0,.06); box-shadow:0 -3px 3px rgba(0,0,0,.06);}
.footer a:link, .footer a:visited{ color:#888;}
.footer a:hover{ color:#ddd;}

/* Footbar */
.footbar{ overflow:hidden;}
.footbar h3{ margin-bottom:12px; font-size:15px; color:#fff; text-transform:capitalize;}
.footbar h3 a{ color:#fff;}
.footbar .widget-column{ float:left; margin-bottom:30px; padding-right:2%; width:23%;}
.footbar .widget-column-last{ float:right; padding:0;}
.footbar .widget-column ul{ overflow:hidden;}
.footbar .widget-column ul li{ margin-bottom:4px; overflow:hidden;}
.footbar .wpyou_widget_SpecialCatList ul li, .footbar .widget_categories ul li, .footbar .widget_categories ul li, .footbar .widget_archive ul li{ float:left; padding-right:2%; width:48%;}

.footbar .widget_newsletterwidget form{ margin-top:15px; position:relative;}
.footbar .widget_newsletterwidget form p{ display:block;}
.footbar .widget_newsletterwidget .newsletter-email{ padding:5px 4%; width:92%; height:28px; line-height:28px; border:1px solid #ccc; color:#888; background:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.footbar .widget_newsletterwidget .newsletter-submit{ padding:0 15px; height:40px; line-height:40px; color:#fff; background:#999; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:none; position:absolute; top:0; right:-2px; -webkit-transition:background 0.4s ease; -moz-transition:background 0.4s ease; -o-transition:background 0.4s ease; -ms-transition:background 0.4s ease; transition:background 0.4s ease;}
.footbar .widget_newsletterwidget .newsletter-submit:hover, .footbar .widget_newsletterwidget .newsletter-submit:active{ background:#000;}

.footbar #wp-calendar{ width:94%;}
.footbar #wp-calendar th, .footbar #wp-calendar td{ border:1px solid #393939; background:none;}
#wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#F30;}
#wp-calendar tbody tr td a:hover{ color:#eee;}
.footbar #wp-calendar tbody tr td:hover{ border:1px solid #444; color:#eee; background-color:#444;}

.footbar .widget-column i{ padding:0 10px 0 0; width:12px; height:24px; background:url(../images/icon-map.png) no-repeat 0 8px; vertical-align:text-bottom; display:inline-block;}

/* Copyright */
.copyright{ padding:14px 0; border-top:1px solid #000; color:#888; background:#000; overflow:hidden;}
.copyright a:link, .copyright a:visited{ color:#888;}
.copyright a:hover{ color:#ddd;}
.copyright .cp{ float:left;}
.copyright .sharebox{ float:right;}
.copyright .sharebox .sharebtn{ float:right; padding-right:8px; line-height:24px;}
.copyright .sharebox #bdshare, .copyright .sharebox .addthis_sharing_toolbox{ float:right;}