@charset "utf-8";
/* CSS Document */

body{ margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:24px; color:#666666; background:#ffffff url(../images/index_bg.jpg) repeat-x bottom; }
p,ul,h1,h2,h3,h4,h5,h6{ list-style:none; padding:0; margin:0;}
a{ text-decoration:none; color:#666666;}
a:hover{ color:#ff0000;}
img{ border:none;}

h1{ line-height:50px; font-size:14px; color:#628E37; width:297px; text-align:center;}
h2{ background:url(../images/page_detail.jpg) no-repeat top; width:717px; height:28px; line-height:28px; font-size:12px; padding-bottom:33px;}
h2 span{ width:78px; text-align:center; float:left;}
h5{ font-size:14px; color:#007DB5;}

.container{ width:958px; margin:0 auto; overflow:hidden;}
.header{ width:958px; height:153px;}
.header img{ float:left;}
.header p{ padding-left:209px; width:264px; float:left; padding-top:23px; padding-bottom:15px;}
.header p a{ float:left; display:block; width:70px; padding-right:18px;line-height:14px; color:#3B393A;}
.header p a img{ padding-right:5px; }
#dform{ padding-top:16px; float: left; padding-bottom:15px;}
#text{ float:left; background:url(../images/index_text.jpg) no-repeat; width:174px; height:28px; line-height:28px; border:0; padding-right:6px; padding-left:11px; color:#666666;}
#button{ float:left; background:url(../images/index_button.jpg) no-repeat; width:28px; height:28px; height:28px; border:0;}
.header ul{ background:url(../images/index_nav.jpg) bottom no-repeat; width:709px; height:93px; line-height:41px; float:left;}
.header ul li{  height:41px; float:left; padding-left:1px;}
.header ul li a{ font-size:14px; width:95px; height:41px; display:block; text-align:center; color:#ffffff;}
.header .first a{ width:74px; display:block; padding-left:20px;}
.header ul li a:hover{ background:url(../images/index_nav_a.jpg); color:#007DB5;}
.header .first a:hover{ background:url(../images/index_nav_first.jpg);}
.header .now{ background:url(../images/index_nav_a.jpg); color:#007DB5;}

.banner{ clear:both; _margin-top:-41px;}
#banner{ padding-bottom:30px; clear:both; padding-left:1px; width:957px; overflow:hidden; _margin-top:-41px;}

.footer{ padding-left:25px; color:#ffffff; padding-bottom:5px; clear:both; line-height:28px;}
.footer span{ padding-left:40px;}
.footer .footer1 span{ padding-left:10px; padding-right:15px;}
.footer a{ color:#ffffff; padding-right:5px;}
.footer a:hover{ color:#ff0000;}

.main{ background:url(../images/index_main.jpg) no-repeat; width:958px; height:546px;}
.index_left{ float:left; width:329px; height:542px;}
.index_left ul{ padding-left:33px; padding-top:62px; height:263px;}
.index_left ul li{ width:238px; height:30px; line-height:30px;}
.index_left ul li a{ display:block; width:212px; height:30px; overflow:hidden; background:url(../images/index_left_series.jpg) left no-repeat; padding-left:26px;}
.index_left ul ul{ display:none;}

.index_contact {width:329px; height:233px;}
.index_contact img{ float:left; padding-left:8px;}
.index_contact p{ float:left; width:190px; padding-left:8px;}

.index_right{ float:left; width:629px; height:542px;}
.index_about{ padding-top:70px; width:610px; line-height:30px; height:200px; overflow:hidden;}
.index_about img{ float:left; padding-right:10px;}
.index_about b{ color:#1191D4; padding-left:26px;}
.index_about a{ color:#FF2400; padding-left:41px;}

.left{ float:left; width:220px; padding-right:20px;  padding-bottom:20px;}
#nav {position:relative; width:100%;}/*һҪУȻIE6*/

#nav li { width:220px;}
#nav li a{display:block; background:url(../images/page_left_li.gif); width:180px; height:36px; line-height:36px; padding-left:40px; color:#ffffff; overflow:hidden;}
#nav li a:hover{color:#ff0000; background:url(../images/page_left_a.gif);}

#nav li ul {position: absolute; display: none; margin-left:180px; margin-top:-36px; }
#nav li ul li{
    clear:both; 
	width: 180px;
	height:33px;
	background:#72E6FE;
	filter:alpha(opacity=90);
}
#nav li ul li a{display: block; font-weight:normal; color:#FFF; background: none;}
#nav li ul li a:hover  {color:#FFF; background:#02BDEF; }
.left .nav_out{ width:220px;}
.left .nav_out a{display:block; background:url(../images/page_left_li.gif); width:180px; height:36px; line-height:36px; padding-left:40px; color:#ffffff; overflow:hidden;}
.left .nav_out ul{ display:none;}
.left .nav_on a{color:#ff0000; background:url(../images/page_left_a.gif); display:block;width:180px; height:36px; line-height:36px; padding-left:40px;}
.left .nav_on{ position:relative;cursor:pointer;background:url(../images/page_left_a.gif);width:180px; height:36px;}
.left .nav_on ul{ display:block; position:absolute; left:180px; top:0;}
.left .nav_on li{width: 180px;height:33px;background:#72E6FE;filter:alpha(opacity=90);}
.left .nav_on ul li a{display: block; font-weight:normal; color:#FFF; background: none; width:140px;}
.left .nav_on ul li a:hover  {color:#FFF; background:#02BDEF; }

.left_1{ background:#007DB5 url(../images/page_left_bg.jpg) no-repeat top; width:220px; padding-top:67px;}
.left_1 .now{ color:#ff0000; background:url(../images/page_left_a.gif);}
.left_1_footer{ background:url(../images/page_left_footer.jpg) no-repeat; width:220px; height:39px; padding-bottom:16px;}

.contact{ background:#007DB5 url(../images/page_contact.jpg) top no-repeat; width:220px; color:#ffffff;}
.contact b{line-height:55px;}
.contact p{ padding-left:23px;}
.contact_footer{ background:url(../images/page_contact_footer.jpg); width:220px; height:29px;}



.right{ float:left; width:717px; padding-bottom:58px; _height:400px; min-height:400px; }
.position{ background:url(../images/page_position.jpg); width:675px; height:53px; line-height:53px; padding-left:42px; font-size:14px; font-weight:bold; color:#323433;}

.right_1{ padding-top:30px; padding-left:50px;}
.right_1 p a{ float:left;}
.right_1 p img{ float:left;}

/*放大镜*/
/*右边放大的图片*/
.MagicZoomBigImageCont { padding-left:30px; _padding-left:100px;}

.MagicZoomPup {
	background: 	#D1D1D1;
	cursor:			hand;
}
.bt_l{ clear:left; float:left; padding-left:14px; padding-top:10px;}
.small{ float:left; padding-left:19px; padding-top:7px; padding-right:19px; width:215px;}
.small img{ float:left; margin:5px; border:1px solid #CCCCCC; width:60px; height:44px;}
.small a img:hover{ border:1px solid #628E37; }
.bt_r{ float:left; padding-top:15px;}

.right_2{ clear:both; padding-bottom:40px;}
.right_2 p{ padding-top:25px; line-height:30px;}

.right_3 p{ width:712px; border-bottom:1px solid #D6D6D6; font-weight:bold; padding-left:5px; padding-bottom:10px;}
.right_3 img{ width:125px; height:83px; border:1px solid #CCCCCC; margin:7px; margin-top:40px;}


.show{line-height:30px; padding-top:30px;}
.show b{ color:#5674B9;}
.news_list{ padding-top:30px;}
.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;}

.pagelist {padding:2px 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;}

.product_list{ padding-top:30px;}
.product_list li{ float:left; padding-bottom:15px; width:235px; text-align:center;}
.product_list li img{ width:180px; height:120px; border:1px solid #e4e4e4;}
.product_list li p{ margin:0 auto; width:180px; height:30px; line-height:30px;}

.plist{ text-decoration:underline; color:#007DB5;}

.introduce{ line-height:30px;}
.introduce p{ padding-top:30px; padding-left:10px; padding-right:10px;}
.introduce p img{ float:right; padding:10px;}

.show2 { float:left; width:700px; padding-top:20px;}
.text {padding-bottom:15px;  border:1px dashed #DEE0DF; padding-top:10px; padding-left:10px;}
.text span{color:#457905; font-weight:bold;}
.key_list {padding-top:20px; line-height:30px; padding-bottom:15px; border-bottom:1px dashed #DEE0DF;}
.key_list a {color:#457905; text-decoration:underline;}
.key_list a:hover{color:#457905;}
.text2 {padding:15px 0px}
.text2 a {color:#457905; text-decoration:underline;}
.text2 a:hover{color:#457905;}


.list{ padding-top:30px; padding-bottom:15px;}
.list li{ float:left; padding-bottom:5px; width:155px;  background:url(../images/dian1.jpg) 3px 11px no-repeat;  padding-left:15px;
height:28px; line-height:28px; overflow:hidden;}