常用代码
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;font-family:"宋体"; font-size:12px; color:#666666; background:url(../images/bj.jpg) repeat-x;}
a:link {text-decoration:none;color: #333333;}
a:visited {text-decoration:none;color: #333333;}
a:hover {text-decoration:none;color: #3399cc;}
a:active {text-decoration:none;color: #333333;}
#box{ width:1024px; height:auto; margin:auto;}
.top{ width:1024px; height:34px; float:left;}
.top_left{ width:500px; height:34px; float:left; line-height:34px; color:#FFF;}
.top_right{ width:207px; height:30px; float:right; padding-top:4px;}
.top1{ width:1024px; height:92px; float:left;}
.logo{ width:349px; height:92px; float:left;}
.nav{ width:652px; height:35px; float:right; margin-top:28px;}
.nav ul{}
.nav ul li{ width:73px; height:35px; float:left; text-align:center; font-weight:bold; line-height:35px; padding:0px 4px;}
.nav ul li a{text-align:center; font-weight:bold; color:#0099cc;}
.nav ul li a:hover{ text-align:center; font-weight:bold; display:block; background:url(../images/i4.jpg) no-repeat center center; color:#fff;}
.banner{ width:1024px; height:505px; float:left;}
#apDiv1 {
	position: absolute;
	left:0;
	top:126px;
	width:100%;
	height:500px;
	z-index: 1;
}
.one{ width:1024px; height:auto; float:left;}
.one_top{ width:1024px; height:84px; float:left;}
.one_bottom{ width:1024px; height:274px; float:left;}
.one_bottom_text{ width:1024px; height:170px; float:left; line-height:26px; color:#666; margin-top:15px;}
.two{ width:100%; height:517px; float:left; background:url(../images/i7.jpg) no-repeat center top;}
.two_con{ width:1024px; height:404px; margin:auto; padding-top:88px;}
.piao{ width:249px; height:201px; float:left; display:inline; background:url(../images/i9.png); position:absolute; z-index:3; display:none; }
.ming{ width:209px; height:auto; color:#FFF; line-height:28px; margin-top:20px; text-align:left; margin-left:20px;letter-spacing:1px; margin-right:0p !important;}
.b01{ width:249px; height:201px; float:left;}
.two_con_left{ width:498px; height:404px; float:left;}
.three{ width:100%; height:455px; float:left; background:url(../images/i10.jpg) no-repeat center top;}
.three_con{ width:1024px; height:455px; margin:auto;}
.three_left{ width:500px; height:auto; float:left; margin-top:93px; display:inline;}
.three_left_top{ width:500px; height:102px; float:left;}
.three_left_top_left{ width:155px; height:102px; float:left;}
.three_right{ width:335px; height:auto; float:right;color:#333333; line-height:22px; margin-left:8px;}
.three_left_bottom{ width:485px; height:auto; float:left;}
.three_left_bottom ul{}
.three_left_bottom ul li{ width:auto;line-height:30px; height:30px;}
.three_left_bottom ul li span{ width:auto;line-height:30px; height:30px; float:right;}

.three_right1{ width:500px; height:auto; float:right; margin-top:93px; display:inline;}
.four{ width:100%; height:477px; float:left; background:url(../images/i12.jpg) no-repeat top center;}
.four_con{ width:1024px; height:308px; margin:auto; padding-top:131px;}
.four_con_left{ width:597px; height:307px; float:left;}
.four_con_right{ width:372px; height:307px; float:right; color:#333;}
.foot{ width:100%; height:199px; float:left; background:#0480c7;}
.foot_con{ width:1024px; height:180px; margin:auto;}
.foot_right{ width:347px; height:180px; float:right;}
.foot_left{ width:666px; height:150px; float:left; padding-top:30px;}
.foot_left_left{ width:84px; height:120px; float:left; margin-top:3px; margin-left:32px;}
.foot_left_right{ width:450px; height:auto; float:left; color:#FFF; line-height:24px; margin-left:27px; display:inline;}
.sub_banenr{ width:1024px; height:289px; float:left;}
.left{ width:222px; height:auto; float:left; padding-bottom:15px;}
.sub{ width:1024px; height:auto; float:left;}
.left_one{ width:222px; height:auto; float:left;}
.left_one_top{ width:222px; height:auto; float:left;}
.left_one_bottom{ width:222px; height:auto; float:left;}
.left_one_bottom ul{}
.left_one_bottom ul li{ width:222px; height:36px; float:left; background:url(../images/09.jpg) no-repeat left top; text-align:center;line-height:36px; margin-bottom:6px; font-weight:bold; color:#FFF;}
.left_one_bottom ul li a{color:#FFF;}
.left_one_bottom ul li a:hover{ background:url(../images/08.jpg) no-repeat left top;color:#FFF; display:block;}
.left_two{ width:222px; height:auto; float:left;}
.left_two_bottom{ width:222px; height:auto; float:left;}
.left_two_bottom span{ width:222px; height:45px; line-height:45px; float:left; background:#0480c7; color:#FFF; text-align:center; font-weight:bold;}
.right{ width:790px; height:auto; float:right;}
.right_top{ width:775px; height:30px; float:left; background:url(../images/12.jpg) no-repeat left center; line-height:30px; margin-top:6px; padding-left:15px; border-bottom:#0480c7 1px solid;}
.right_bottom{ width:790px; height:auto; float:left;}
.about{ width:790px; height:auto; float:left; line-height:26px; margin-top:22px; padding-bottom:30px;}

.newslist{ width:775px; height:auto; float:right; margin-top:22px;}
.newslist_top{ width:760px; height:auto; float:right;padding-bottom:15px; border-bottom:#333333 1px dotted; padding-left:10px;}
.newslist_top_left{ width:198px; height:118px; float:left;}
.newslist_top_right{ width:520px; height:auto; float:left; margin-left:20px; line-height:24px;}
.newslist_top_right_text{ width:520px; height:auto; float:left;line-height:24px; color:#333333; }
.newslist_bottom{ width:755px; height:auto; float:left; margin-left:10px; margin-top:15px;}
.newslist_bottom ul{ }
.newslist_bottom ul li{ width:755px;line-height:30px; height:30px;}
.newslist_bottom ul li span{ width:auto;  line-height:30px; height:30px; float:right; color:#333333;}
.next{border-top:#333333 1px dotted; height:55px; width:100%; line-height:55px; text-align:center; margin-top:10px;}
.product{ width:780px; float:right; margin-right:5px; display:block; margin-top:22px;}
.product li{ float:left; width:249px; height:263px; margin-right:16px; display:inline;}
.p{ background:#0480c7; height:45px; width:249px; float:left; line-height:45px; text-align:center; display:block}
.p a{ color:#ffffff;  font-weight:bold;}
.p a:hover{ color:#ffffff;  font-weight:bold;}
.contact{ width:780px; height:auto; float:left; line-height:26px; margin-top:22px; padding-bottom:30px; margin-left:5px; display:block; }

.newslist_bt{ width:780px; height:auto !important; min-height:40px; height:40px; float:left; font-size:14px; font-weight:bold; text-align:center; line-height:40px; color:#258ee6;}
.newslist_zz{ width:780px; height:30px; float:left; text-align:center; line-height:30px; background:#eceef0;}
.fdsx{ width:780px; height:auto; line-height:15px; float:left; text-align:left; margin:10px auto;}
.news{ width:780px; height:auto; float:left; line-height:28px;}
.newslist_next{ width:780px; height:50px;line-height:50px;float:left;}
.newslist_next_left{ width:300px; height:50px;line-height:50px;float:left; text-align:left; overflow:hidden;}
.newslist_next_right{ width:300px; height:50px;line-height:50px; float:right; text-align:right; overflow:hidden;}
.fenxiang{ width:780px; height:auto; float:left; line-height:14px; margin-top:10px;}
.newslist_img{ width:780px; height:auto; float:left; text-align:center; margin-bottom:10px;}
.about_next{ width:780px; height:auto; line-height:30px;}
.pl{ width:780px; height:auto; float:left;margin-top:10px;}