﻿/* CSS Document */
*{ margin:0px; padding:0px;}
body{font: normal 12px/24px "宋体";
     color:#888888;
	 background-color:#0083B4;
	 }
img{border:none;}
ul,li{list-style:none;}

A:link {
	FONT-SIZE: 12px; COLOR: #808080; TEXT-DECORATION: none;
}
A:visited {
	FONT-SIZE: 12px; COLOR: #808080; TEXT-DECORATION: none;
}
A:active {
	FONT-SIZE: 12px; COLOR: #808080; TEXT-DECORATION: none;
}
A:hover {
	FONT-SIZE: 12px; RIGHT: 0px; COLOR: #FF0000; POSITION: relative; TOP: 0px; TEXT-DECORATION: none;
}



#in-main1{ margin:0px auto; padding-top:100px; width:400px; height:300px;}
#in-main2{ margin:0px auto; padding:40px 0px 20px 0px; width:200px; height:40px; font:bold 14px Arial, Helvetica, sans-serif; text-align:center;}
#in-main2 span{ padding-left:50px;}
#in-main2 a{color:#333333;}
#in-main2 a:hover{color:#808080;}
#in-main3{ margin:0px auto; width:600px; font: normal 12px/24px Arial, Helvetica, sans-serif; text-align:center; color:#999999;}
#in-main3 span{ padding-left:20px;}



#main-top{ position:relative; margin:0px auto; width:1003px; height:114px; background: url(logo.jpg) 28px 0px no-repeat #FFF;}
#main-top h2{ position:absolute; left:680px; top:37px; width:160px; font:normal 12px/24px Arial, Helvetica, sans-serif;}
#main-top form{ position:absolute; padding-top:3px; left:850px; top:37px; width:140px;}
#main-top #put{ float:left; width:120px; height:17px; border:0px; background:url(searchbg.jpg) no-repeat;}
#main-top #bot{ float:left; width:20px; height:17px; cursor:pointer; border:0px; background:url(search.jpg) no-repeat;}
#main-top h3{ position:absolute; left:382px; top:70px;}
#main-top h3 img{ width:608px; height:23px;}



#main-in{ clear:left; margin:0px auto; position:relative; width:1003px; height:538px; background:url(inbg.jpg) no-repeat;}
#main-in h2{ position:absolute; left:0px; top:0px; width:1003px;}
#main-inb{ position:absolute; left:28px; top:319px; width:975px;}
#main-inb li{ float:left; width:325px; height:141px;}
#main-inb li img{ width:290px; height:141px;}


#main-bottom{ clear:both; margin:0px auto; padding:20px 0px 0px 35px; width:968px; height:88px; font:normal 12px/30px Arial, Helvetica, sans-serif; background:url(di.jpg) right top no-repeat #FFF;}
#main-bottom span{ padding-left:50px;}



#page-top{ position:relative; margin:0px auto; width:963px; height:144px; border-top:12px solid #FFF; background: url(logo.jpg) no-repeat #FFF;}
#page-top h2{ position:absolute; left:660px; top:70px; width:160px; font:normal 12px/24px Arial, Helvetica, sans-serif;}
#page-top form{ position:absolute; padding-top:3px; left:822px; top:70px; width:140px;}
#page-top #put{ float:left; width:120px; height:17px; border:0px; background:url(searchbg.jpg) no-repeat;}
#page-top #bot{ float:left; width:20px; height:17px; cursor:pointer; border:0px; background:url(search.jpg) no-repeat;}
#page-top h3{ position:absolute; left:0px; top:114px;}
#page-top h3 img{ width:963px; height:30px;}


#page-banner{ clear:both; margin:0px auto; width:963px; height:186px; border-top:1px solid #f0f0f0; border-bottom:4px solid #FFF;}

#page-page{ clear:both; margin:0px auto; width:963px; background:url(centerbg.jpg) repeat-x #FFF;}
#page-pagel{ float:left; width:196px; height:340px; background:url(left.jpg) no-repeat; overflow:hidden;}
#page-pagel h2{margin:0px auto; padding:10px 0px 20px 15px; width:140px; font: bold 14px/30px "宋体";}
#page-series{ margin:0px auto; width:155px;}
#page-series li{ float:left; width:155px; height:29px; line-height:29px; background:url(line-x.jpg) left bottom repeat-x;}
#page-pager{ float:left; padding:15px 20px; width:727px; overflow:hidden;}
#page-pager h1{ margin:0px auto; padding-left:22px; width:705px; border-bottom:1px solid #E5E5E5; font:bold 14px/30px "宋体"; color:#0083B4; background:url(dian2.jpg) 10px 10px no-repeat;}
#page-pager h2{ margin:0px auto; padding-top:30px; width:727px; font: normal 12px/24px Arial, Helvetica, sans-serif;}
#page-pager h2 img{ border:1px solid #FFF; margin-left:15px;}
#page-pager h2 p{ text-indent:25px;}

#product-list{ margin:0px auto; padding-top:30px; width:726px;}
#product-list li{ float:left; margin-bottom:20px; width:242px; list-style-type:none; text-align:center;}
#product-list li img{ margin:0px auto; width:210px; height:315px; border:1px solid #EBEBEB;}
#product-list li p{ margin:0px auto; width:210px; height:30px;}
#product-list li p a{display: block; width:210px; height:30px; background-color:#efefef;}
#product-list li p A:hover{width:210px; height:30px; background-color:#0083B4; color:#FFF;}

#pagelist {CLEAR: both; padding:2px 0px 10px 0px; TEXT-ALIGN: center}
#pagelist A { MARGIN:3px; PADDING:2px 6px; BORDER:1px solid #dbdbdb; BACKGROUND: #f4f4f4; TEXT-DECORATION: none;}
#pagelist A:visited { PADDING:2px 6px; BORDER:1px solid #dbdbdb;BACKGROUND: #f4f4f4; TEXT-DECORATION: none;}
#pagelist A:hover { border:1px solid #a1a1a1; BACKGROUND: #b1b1b1; COLOR: #ffffff; TEXT-DECORATION: none;}

#news-list{ float:left; padding-top:30px; width:720px;}
#news-list li{ float:left; width:720px; height:28px; line-height:28px; list-style-type:none; text-indent:10px; border-bottom:1px solid #ebebeb; background:url(images/dian.jpg)  left 10px no-repeat;}
#news-list li span{ float:right;}


#page-bottom{ clear:both; margin:0px auto; padding-top:15px; width:963px; height:30px; text-align:center; border-top:10px solid #FFF; border-bottom:50px solid #FFF; background-color:#efefef; font:normal 12px Arial, Helvetica, sans-serif; color:#999999;}
#page-bottom span{ padding-left:50px;}
