﻿@charset "utf-8";
/* CSS Document */

body{ background:#202221 url(../images/page.jpg) top center no-repeat; font-size:12px; line-height:24px; margin:0; font-family:Arial, Helvetica, sans-serif; color:#666666;}
img{ border:none;}
a{ text-decoration:none; color:#666666;}
a:hover{ color:#ff0000;}
p,ul,h1,h2,h3,h4,h5,h6{ list-style:none; padding:0; margin:0;}

h1{text-align:center; padding-top:45px; padding-bottom:40px; width:580px; font-size:12px;}
h2{ background:url(../images/page_relate.jpg); width:715px; height:30px; line-height:30px; padding-left:12px; padding-right:10px; font-size:12px; font-weight:normal;}
h2 b{ float:left;}


.container{ width:980px; margin:0 auto;}
.header{ width:980px; height:95px;}
.header img{ float:left;}
.header p{ color:#C4C4C4; float:right; }
.header p img{ float:right; padding-bottom:3px; padding-left:5px;}
.header p span{ float:right; clear:both;}
.header a{ color:#888888; padding-left:8px; padding-right:8px;}
.header a:hover{ color:#ff0000;}

.nav{ background:url(../images/index_nav.jpg); width:980px; height:30px; line-height:30px;font-family:"宋体";font-size:13px; clear:both;}
.nav ul{ padding-left:1px; width:810px; float:left;}
.nav ul li{ float:left; }
.nav ul li a{ display:block; text-align:center;  color:#ffffff; font-weight:bold; height:30px; background:none;padding-left:15px; padding-right:15px; float:left;}
.nav ul li:hover a{ background:#303030; }
.nav .now{ background:#303030;}
.nav p{ color:#ffffff; float:left; font-size:12px;}
.nav p span{ padding-left:5px; color:#FFC000; font-size:13px; font-weight:bold;}

.search{ background:url(../images/index_search.jpg); width:365px; height:115px; float:left;}
#dform{ padding-left:45px; padding-top:45px;}
#text{ float:left; width:232px; height:22px; line-height:22px; color:#000000; background:none; border:0;}
#button{ float:left; background:none; width:42px; height:22px; border:0;}

.about{ background:url(../images/index_about.jpg); width:575px; height:105px; padding-left:19px; padding-top:10px; color:#ffffff; float:left; padding-right:21px;}
.about p span{ font-size:18px;}

.index_1{ background:url(../images/index_1.jpg); width:980px; height:199px; clear:both;}
.news{ float:left; padding-top:55px; padding-left:20px; width:345px;}
.news li{ width:345px; line-height:26px;}
.news li span{ color:#A7A7A7; padding-right:15px; float:left;}
.news li a{ width:255px; display:block; height:26px; overflow:hidden;}

.product{ padding-top:26px; padding-left:29px; float:left; width:578px;}
#Scroll{ overflow:hidden; width:552px; height:135px; display:block; float:left; padding-top:10px;}
#Scroll img {width:147px; height:107px; border:1px solid #CCCCCC;} 
#scroll_div {float: left;  width:680%; overflow:hidden;} 
#scroll_begin { float: left;overflow:hidden;}
#scroll_begin p a{ display:block; width:149px; height:30px; line-height:30px; overflow:hidden; text-align:center;}
#scroll_end { float: left; overflow:hidden;}
#scroll_begin ul{ width:100%;}
#scroll_begin ul li,#scroll_end ul li{float:left; margin:0px 10px; text-align:center; display: inline; }

.footer{ clear:both; padding-top:15px; line-height:30px; padding-bottom:20px;}
.footer_1{color:#949599;}
.footer_1 a{ padding-left:10px; padding-right:10px; color:#949599;}
.footer_1 a:hover{ color:#ff0000;}
.footer_2{ color:#8B8B8B; padding-left:10px;}
.footer_2 a{ color:#8B8B8B; padding-right:5px;}
.footer_2 a:hover{ color:#ff0000;}
.footer_2 b{ color:#555555; font-weight:normal;}
.footer_2 span{ padding-left:24px; padding-right:24px;}

/*page*/
.container_page{ width:980px; margin:0 auto; background:#ffffff url(../images/page_footer.jpg) center bottom no-repeat;}
.banner_page{ padding-bottom:5px;}
.left{ width:200px; background:url(../images/page_left_bg.jpg) top no-repeat; padding-left:8px; padding-top:6px; padding-right:7px; float:left;}
.left b{ background:url(../images/page_left.jpg); display:block; width:160px; height:34px; line-height:34px; color:#ffffff; padding-left:34px;}
.left ul li{ width:194px; background:#ffffff;}
.left ul li a{ background:url(../images/page_left_li.jpg) bottom no-repeat; width:153px; height:31px; line-height:31px; padding-top:1px; padding-left:41px; display:block; overflow:hidden;}
.left ul li a:hover{ color:#ffffff; background:#303030; }

#nav { width:194px;position:relative;}/*һҪУȻIE6*/
#nav li ul {position: absolute; display: none; left:160px; margin-top:-32px ; border:1px solid #cccccc;}
#nav li li{ background:#cccccc; width:168px; height:31px; display:block;filter:alpha(opacity=95); padding-bottom:1px;}
#nav li li a{display:block; padding-left:18px; width:150px; padding-top:0;}
#nav li li a:hover  {background:#ff0000; color:#ffffff;}


.contact_page{ background:url(../images/page_contact.jpg) top no-repeat; width:194px; padding-top:60px; min-height:200px;  _height:200px;}
.contact_page p{ padding-left:18px; line-height:30px;}
.contact_page span{ font-weight:bold; color:#ff0000; font-size:13px;}

.right{ float:left; width:739px; padding-top:6px; background:#ffffff; margin-bottom:30px;}
#right{ width:737px; border:1px solid #E6E6E6; min-height:500px; _height:500px;}
.position{ background:url(../images/page_position.jpg); width:717px; height:35px; line-height:35px; color:#444444; padding-left:22px;}
.position p{ float:left;}
#position{ float:right; color:#999999;}
#position img{ padding-right:10px;}

.show1{ padding-left:34px; width:703px; }
.show1 img{ float:left;}
.show1 a{ float:left;}
.MagicZoomPup {border: 1px solid #aaa;background:#F4F7AA; cursor:hand; }

.show2{ clear:both; padding-left:186px; padding-top:27px;}
.show2 a img{ padding-right:18px; }

.pagelist {padding:30px 0px 10px 0px; TEXT-ALIGN: center; color:#646464; clear:both;}
.pagelist a{ MARGIN:3px; PADDING:2px 6px; BORDER:1px solid #dbdbdb; BACKGROUND: #f4f4f4; TEXT-DECORATION: none; color:#646464;}
.pagelist A:visited { PADDING:2px 6px; BORDER:1px solid #dbdbdb;BACKGROUND: #f4f4f4; TEXT-DECORATION: none; color:#646464;}
.pagelist A:hover { border:1px solid #a1a1a1; BACKGROUND: #b1b1b1; COLOR: #ffffff; TEXT-DECORATION: none;}

#slidingBlock{ padding:30px 0px 60px 10px; width:727px;}
.slidingList_none{ clear:both; padding:10px;  line-height:30px;}

/*标签切换*/
#slidingBlock .slidingList { margin:0px;padding:5px; min-height:50px; _height:50px;}

.title{ background:url(../images/page_detail.jpg); width:716px; height:27px; float:left; padding-top:1px;}
.title a{height:27px; text-align:center;line-height:27px;}
#mod1{ margin-left:1px; width:76px; margin-right:6px; display:block;}


.show3{ padding-left:19px;}
.text{ width:166px; height:17px; border:1px solid #CBCBCB; margin-right:5px;}
.text1{ border:1px solid #DBDCDC; width:708px;}
.show3 p{ padding-bottom:10px;}
.button{ margin-left:320px; margin-top:10px; background:url(../images/show_button.jpg) no-repeat; width:75px; height:23px; border:0;}

.show4{ padding-top:20px; overflow:hidden;padding-bottom:30px;}
.show4 ul{ padding-top:34px; padding-left:15px; }
.show4 a img{ border:1px solid #E7E7E7; width:118px; height:78px; margin-bottom:10px;}
.show4 a{ float:left; text-align:center; width:144px; display:block; height:120px; overflow:hidden; line-height:30px;}
.show4 h2 a{ float:right; padding:0; width:auto; height:auto;}

.introduce{ line-height:30px; padding-top:20px; padding-left:10px; padding-right:10px;}
.introduce p{ padding-bottom:30px;}

.show{ line-height:30px; }
.show b{ color:#5674B9;}
.news_list li{ padding-left:18px; height:27px; border-bottom:1px solid #EBEBEB; background:url(dian.jpg) 4px center no-repeat; overflow:hidden;}
.news_list li span{ color:#999;}

.product_list{ padding-top:20px;}
.product_list li{ float:left; padding-bottom:15px; width:240px; text-align:center;}
.product_list li img{ width:180px; height:135px; border:1px solid #e4e4e4;}
.product_list li p a{ margin:0px auto; width:180px; height:30px; line-height:30px; display:block; overflow:hidden;}
