﻿@charset "utf-8";
/* CSS Document */

body{ margin:0; font-size:12px; color:#666666; font-family:Arial, Helvetica, sans-serif; line-height:24px;}
p,ul,h1,h2,h3,h4,h5,h6{ list-style:none; padding:0; margin:0;}
img{ border:none;}
a{ text-decoration:none; color:#666666;}

.container{ width:980px; margin:0 auto;}

.header{ width:980px; height:103px; text-align:right; margin:0 auto;}
.header p{ padding-top:64px;}
.header a{ line-height:12px; padding-left:29px; color:#444444;}
.header a img{ padding-right:8px;}
.header a:hover{ color:#ff0000;}

.page_nav{ background:url(../images/index_nav_bg.jpg) repeat-x;  height:44px;}
.nav{width:980px; margin:0 auto; height:44px; background:url(../images/index_nav_bg.jpg) repeat-x; }
.nav ul{ float:left; width:735px; height:44px; line-height:44px;}
.nav ul li{ float:left; padding-left:35px; padding-right:20px;}
.nav ul li a{ color:#fff; font-size:14px;}
.nav .nav_c li{padding-left:28px; padding-right:20px;}
.nav .nav_c li a{ font-family:"黑体";}
.nav ul li a:hover{ color:#ffb400;}
.nav .now{ color:#ffb400;}
#dform{ float:left; width:245px; padding-top:10px;}
#dform img{ float:left;}
#text{ float:left; background:url(../images/index_text.jpg) top no-repeat; height:24px; line-height:24px; padding-left:7px; width:165px; border:0;}
#button{ float:left; background:url(../images/index_button.jpg); width:30px; height:24px; border:0; margin-left:-3px;}
#button_e{ float:left; background:url(../images/index_button_e.jpg); width:30px; height:24px; border:0; margin-left:-3px;}

.index_banner{ padding-top:7px; width:980px; height:383px; background:url(../images/index_banner1.jpg) bottom no-repeat; clear:both;}

.index_main{ padding-top:15px; width:968px; height:510px; border:1px solid #e6e6e6; border-top:0; padding-left:10px; margin-bottom:8px;}
.index_main h2{ background:url(../images/index_title.jpg); line-height:30px; height:32px; padding-left:18px; color:#000000; font-size:14px; overflow:hidden;}
.index_main h2 span{ padding-left:6px; color:#666666; font-size:12px;}

.index_news{ float:left; width:352px;}
.index_news ul{ width:352px; margin-top:-10px; zoom:1;}
.index_news ul div{ width:352px; color:#808080; padding:0;}
.index_news ul div img{ float:left; width:142px; height:102px; padding:3px; border:1px solid #e4e4e4; margin-right:13px;}
.index_news p{ float:left; width:185px; display:block;}
.index_news p a{ color:#808080; padding-left:8px;}
.index_news p b{ color:#666666; width:185px; height:24px; display:block; overflow:hidden;}
.index_news ul li{ background:url(../images/index_news_li.jpg); width:352px; height:28px; line-height:30px; overflow:hidden; clear:both;}
.index_news ul li span{ float:left; padding-left:15px; padding-right:7px; color:#adadad;}
.index_news ul li a{ float:left; height:28px; width:255px; display:block;}
.index_news a:hover{ color:#ff0000;}

.index_about{ float:left; padding-left:17px; width:353px; padding-right:19px;}
.index_about p{ padding-top:15px; padding-left:1px; padding-right:3px;}
.index_about b{ color:#30518e;} 
.index_about p a{ padding-left:5px; padding-top:15px; display:block;}

.index_customer{ float:left; width:206px;}

.index_product{ padding-top:10px; width:722px; clear:both; padding-right:20px; overflow:hidden; float:left;}
.index_product h2{ margin-bottom:25px;}
.index_product h2 a{ float:right; display:block; width:30px; height:10px; margin-right:3px; margin-top:-14px;}
#Scroll{ overflow:hidden; width:722px; height:160px; display:block;}
#scroll_div {float: left;  width:680%; overflow:hidden;} 
#scroll_begin { float: left;overflow:hidden;}
#Scroll p{ width:135px; height:30px; line-height:30px; padding-top:10px;}
#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; }
#Scroll a{ color:#000000;text-decoration:none;}
#Scroll a:hover{ color:#FF0000;}

.index_contact{ float:left; width:206px; padding-top:10px;}
.index_contact p{ padding-left:2px; padding-top:14px; line-height:30px;}
.index_contact p b{ color:#30518e;}

.footer{ clear:both; background:url(../images/index_footer_bg.jpg) top repeat-x; width:970px; color:#999999; padding-left:10px; padding-top:3px; line-height:40px; margin:0 auto;}
.footer a{ color:#666666;}
.footer a:hover{ color:#ff0000;}
.footer a img{ _vertical-align:middle; _margin:13px 0;}
.footer span{ color:#d3d3d3; font-size:10px; padding:0 15px;}

.page_main{ width:980px; margin:0 auto; padding-top:6px;}

.page_left{ background:url(../images/page_left_bg.jpg) top repeat-x; width:208px; padding-top:4px; padding-left:5px; padding-right:5px; min-height:800px; height:800px; float:left;}
.page_left b{ background:url(../images/page_left_title.jpg); width:174px; height:34px; line-height:40px; color:#fff; padding-left:34px; display:block;}
.page_left ul{ width:208px; background:#fff;}
.page_left ul li{ width:208px; height:31px; padding-top:1px;}
.page_left ul li a{ background:url(../images/page_left_li.jpg); width:167px; height:31px; line-height:31px; padding-left:41px; display:block;}
.page_left ul li a:hover{ background:url(../images/page_left_a.jpg); color:#e25d22;}

.page_contact{ padding-left:24px; padding-right:24px; padding-top:55px; width:160px; height:135px;}

.page_right{ float:left; padding-left:19px; padding-top:5px; width:739px; padding-bottom:15px; }
#right{ width:737px; border:1px solid #E6E6E6; min-height:700px; _height:700px; }
.position{ background:url(../images/page_position.jpg); width:717px; height:34px; line-height:36px; color:#444444; font-size:13px; padding-left:22px;}
.position p{ float:left;}
#position{ float:right; color:#999999; padding-right:9px; font-size:12px; padding-top:2px; _padding-top:10px;}
#position img{ padding-right:10px;}

.show1{ padding-left:10px; width:720px; padding-top:33px;}
.show1 b{ width:715px; height:34px; line-height:34px; display:block; background:#f6f6f6; margin-bottom:29px; text-align:center;}
.show1 img{ float:left;}
.show1 a{ float:left;}
.MagicZoom{ padding-left:34px;}
.MagicZoomPup {border: 1px solid #aaa;background:#F4F7AA; cursor:hand; }

.show2{ clear:both; padding-left:185px; padding-top:18px;}
.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;}

.detail{ margin-left:10px; width:720px; padding-bottom:10px; border-bottom:1px dashed #eeeeee;}
.detail p{ padding-left:6px; padding-right:18px; padding-bottom:20px;}
.detail h6{ background:url(../images/page_detail.jpg) no-repeat; width:720px; height:28px; line-height:28px; overflow:hidden; color:#666666;  font-size:12px; padding-bottom:18px;}
.detail h6 span{ float:left; width:78px; text-align:center;}

.show3{ padding-left:19px; width:705px;}
.show3 p{ padding-bottom:10px;}
.text2{ float:right; margin-top:5px; }

.show4{ padding-top:20px; overflow:hidden; padding-bottom:30px;}
.show4 p{ width:737px; height:30px; line-height:30px; background:#EDEDED;}
.show4 p b{ color:#666666; padding-left:13px; display:block; float:left;}
.show4 p a{ float:right; padding:0; width:auto; height:auto; padding-right:7px; color:#666666;}
.show4 ul{ padding-top:34px; padding-left:15px; clear:both;}
.show4 a{ float:left; text-align:center; width:152px; display:block; height:145px; overflow:hidden; line-height:30px; margin:0 10px;}


.show{  min-height:400px; padding-top:20px; line-height:30px;_height:400px;}
.show b{ color:#5674B9;}

.news_list{ padding-left:15px; }
.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; padding-right:5px;}

.product_list li{ float:left; width:162px; padding:0 41px; padding-bottom:15px;}
.product_list li p{ margin:0px auto; width:162px; height:30px; line-height:30px;}
.product_list li p a{ display:block; overflow:hidden; width:162px; height:30px; line-height:30px; text-align:center;}

.introduce{ padding:0 10px; width:717px; line-height:30px;}
