﻿/* CSS Document */
*{ margin:0px; padding:0px;}
body{font: normal 12px/24px Arial, Helvetica, sans-serif;
     color:#636363;
	 background-color:#00ADEF;
	 }
img{border:none;}
ul,li{list-style:none;}

A:link {
	FONT-SIZE: 12px; COLOR: #636363; TEXT-DECORATION: none;
}
A:visited {
	FONT-SIZE: 12px; COLOR: #636363; TEXT-DECORATION: none;
}
A:active {
	FONT-SIZE: 12px; COLOR: #636363; TEXT-DECORATION: none;
}
A:hover {
	FONT-SIZE: 12px; RIGHT: 0px; COLOR: #EB6000; POSITION: relative; TOP: 0px; TEXT-DECORATION: none;
}

#main-top{ margin:0px auto; width:1000px; height:99px; position:relative; background:url(topdi.jpg) repeat-x #FEFEFE;}
#main-logo{ position:absolute; left:0px; top:0px; width:218px; height:99px; background:url(logo.jpg) no-repeat;}
#main-topr{ position:absolute; left:790px; top:0px; width:210px; height:25px; text-align:center; background:url(top.jpg) no-repeat;}
#main-topr span{ padding-left:30px;}
#main-menu{ position:absolute; left:284px; top:62px; width:707px; height:29px; overflow:hidden;}
#main-menu li{ float:left; width:101px; height:29px;}

#main-banner{ margin:0px auto; padding-top:5px; width:1000px; background:url(t.jpg) no-repeat;}

#in-in{ margin:0px auto; width:1000px; height:183px; background:url(inbg.jpg) right top no-repeat #FFFFFF;}
#in-inl{ float:left; width:304px;}
#in-inl h2{ margin:0px auto; padding-top:23px; width:260px; height:15px; border-bottom:1px solid #0087CB; background:url(in-1.jpg) no-repeat; text-align:right;}
#in-inl p{ margin:0px auto; padding-top:15px; width:260px; text-indent:25px; font:normal 12px/24px Arial, Helvetica, sans-serif;}
#in-inc{ float:left; width:447px;}
#in-inc h2{ margin:0px auto; padding-top:23px; width:400px; height:15px; border-bottom:1px solid #0087CB; background:url(in-2.jpg) no-repeat; text-align:right;}
#in-pro{ margin:0px auto; padding-top:20px; width:400px;}
#in-pro li{ float:left; width:130px; text-align:center;}
#in-pro li img{ width:100px; height:78px; border:1px solid #DADADA;}
#in-pro li p{ padding-top:8px; width:100px; height:30px;}
#in-inr{ float:left; width:249px; position:relative;}
#in-inr img{ width:214px; height:62px; border:0px;}
#in-inr h2{ position:absolute; left:25px; top:29px;}
#in-inr h3{ position:absolute; left:25px; top:103px;}


#main-main{ margin:0px auto; padding:19px 0px 10px 0px; width:1000px; background:url(mainbg.jpg) repeat-x #FFFFFF;}
#main-mainl{ float:left; width:741px; background:url(line-y.jpg) right top repeat-y; overflow:hidden;}
#main-mainl h1{ margin:0px auto; padding:6px 0px 0px 20px; width:700px; height:24px; font: bold 14px Arial, Helvetica, sans-serif; color:#0776AE; border-bottom:1px solid #DFDFDF; background:url(dian.jpg) 5px 5px no-repeat;}
#main-mainl h2{ margin:0px auto; padding:30px 0px 0px 10px; width:710px; font:normal 12px/24px Arial, Helvetica, sans-serif;}
#main-mainl h2 p{ text-indent:25px;}
#product-list{ margin:0px auto; padding-top:30px; width:720px;}
#product-list li{ float:left; padding-bottom:20px; width:180px; text-align:center;}
#product-list img{ width:150px; height:100px; border:1px solid #dadada;}
#product-list p{ padding-top:8px; width:150px; height:30px;}
#product-show{ margin:0px auto; padding-top:30px; width:720px;}

#pagelist { margin:0px auto; width:720px; 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{margin:0px auto; padding-top:30px; width:720px;}
#news-list li{ float:left; width:720px; height:30px; line-height:30px; background:url(line-x.jpg) left bottom repeat-x;}
#news-list li span{ float:right;}

#main-mainr{ float:left; padding:0px 10px 0px 20px; width:229px;}
#main-mainr h2{ padding:10px 0px 0px 24px; width:205px; height:25px; font: bold 14px Arial, Helvetica, sans-serif; color:#FFFFFF; background:url(dian2.jpg) 10px 10px no-repeat #00ADEF;}
.menu-list{ padding-top:18px; width:229px; background: url(r.jpg) repeat-x;}
.menu-list li{ margin:0px auto; padding-left:10px; width:200px; height:30px; line-height:30px; background:url(line-x.jpg) left bottom repeat-x;}
.menu-list li span{ font-family:"宋体";}
#main-mainr h3{ padding:10px 0px 0px 24px; width:205px; height:25px; font: bold 14px Arial, Helvetica, sans-serif; color:#00ADEF; background-color:#f1f1f1;}
#main-mainr h4{ padding:10px; width:209px; font:normal 12px/24px Arial, Helvetica, sans-serif;}
#main-mainr h4 span{ padding-left:36px;}


#main-bottom{ position:relative; margin:0px auto; width:1000px; height:76px; background:url(bottomdi.jpg) repeat-x #FFFFFF; color:#B8B8B8;}
#main-bottom h2{ position:absolute; left:0px; top:15px; width:191px; height:54px; background:url(logo2.jpg) no-repeat;}
#main-bottom h3{ position:absolute; left:222px; top:15px; width:760px; height:60px; font:normal 12px/24px Arial, Helvetica, sans-serif;}
#main-bottom h3 span{ padding-left:30px;}


#Scroll{ margin:0px auto; padding-top:20px;
    overflow:hidden; 
    width:400px;
	height:130px;
	display:block;
    } 
#Scroll img {
	width:100px;
	height:78px;
	border:1px solid #ddd;
	overflow:hidden;
    } 
#scroll_div { 
    width:680%; 
    float: left; 
	overflow:hidden;
    } 
#scroll_begin { 
    float: left;
	height:130px;
	overflow:hidden;
    }
#scroll_end { 
    float: left; 
	height:130px;
	overflow:hidden;
    } 
#scroll_begin ul li,
#scroll_end ul li{
	float:left;
	width:122px;
	margin-right:25px;
	text-align:center;
	display:block;
	}
