常用代码
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/a2.jpg) repeat-x top left;}
a:link {text-decoration:none;color: #666666;}
a:visited {text-decoration:none;color: #666666;}
a:hover {text-decoration:none;color: #0066cc;}
a:active {text-decoration:none;color: #666666;}
#box{ width:1025px; height:auto; margin:auto;}
.logo{ width:1025px; height:94px; float:left;}
.logo_left{ width:725px; height:94px; float:left;}
.logo_right{ width:290px; height:94px; float:right;}
.nav{ width:1019px;  height:68px; float:left; background:url(../images/02.jpg) no-repeat right;}
#menu { float:left;display:block; width:1019px; height:68px;}
#nav {display:block;}
#nav .mainlevel {float:left; background:url(../images/01.jpg) no-repeat left; text-align:center; display:block;}
#nav .mainlevel a {color:#333; text-decoration:none; line-height:20px; height:58px; text-align:center; padding:10px 15px 0PX 15px;display:block; width:83px;}
#nav .mainlevel a:hover {color:#fff; text-decoration:none; background:url(../images/03.jpg) repeat-x;padding:10px 15px 0PX 15px; width:83px;}
#nav .mainlevel ul {position:absolute;display:none; *width:2000px; z-index:10000;/*IE is great need, width>=li.length*/}
#nav .mainlevel li {float:left; background:url(../images/05.png) repeat-x; padding:0px 0px 0px 5px;}
#nav .mainlevel li a {line-height:37px; height:37px; display:block; width:auto !important;color:#333333;  text-align:left;padding:0px;/*IE6 only*/}
#nav .mainlevel li a:hover {color:#006699; text-decoration:none; width:auto !important; background:none;line-height:37px; height:37px; padding:0px;text-align:left;}
#nav li a em/*input an em tag as a space*/ {padding:0 3px;}
.note {color:#3f240e; border-right:1px solid #fff; background:#678900 url(../images/slide-pannel_14.png) 0 0 repeat-x; display:block; line-height:37px; padding:0 3em;}
.Triangle_con {height:9px; background:url(../images/bird.png) 36px 0 no-repeat; display:block; _margin-bottom:-6px;/*IE6 only*/}
.log {margin:100px auto; width:1000px; text-transform:capitalize; line-height:200%;}
.flexslider { position:absolute; height: 460px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat; left:0; top:0; width:100%; margin-top:163px;}
.slides { position: relative; z-index: 1;}
.slides li { height: 460px;}
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}
.banner{height: 482px; float:left; width:1025px;}
.one{height:auto; float:left; width:1025px;}
.one_left{height:auto; float:left; width:235px; margin-right:28px;}
.one_left_top{height:170px; float:left; width:235px;}
.one_left_bottom{height:auto; float:left; width:235px; line-height:18px; margin-top:10px;}
.two{ width:100%; height:411px; float:left; background:url(../images/11.jpg) repeat-x; margin-top:35px;}
.two_con{ width:1025px; height:411px; margin:auto;}
.two_con_top{ width:1025px; height:auto; float:left;}
.two_con_bottom{ width:1025px; height:auto; float:left;}
.two_con_bottom_left{ width:662px; height:auto; float:left; padding-right:14px; border-right:#a9a9a9 1px dashed; margin-left:17px;}
.two_con_bottom_left_top{ width:662px; height:127px; float:left;}
.two_con_bottom_left_top_left{ width:212px; height:127px; float:left;}
.two_con_bottom_left_top_right{ width:440px; height:127px; float:left; background:#d3d3d3; line-height:24px; padding-left:10px;}
.two_con_bottom_left_top_right a{ color:#333;}
.two_con_bottom_left_top_right a:hover{color:#0066cc;}
.two_con_bottom_left_bottom{ width:662px; height:auto; float:left; margin-top:8px;}
.two_con_bottom_left_bottom ul{ }
.two_con_bottom_left_bottom ul li{ width:auto; height:24px; line-height:24px;}
.two_con_bottom_left_bottom ul li span{ width:auto; height:24px; float:right; line-height:24px;}
.two_con_bottom_right{ width:318px; height:auto; float:right;}
.two_con_bottom_right_top{ width:318px; height:auto; float:left;}
.two_con_bottom_right_bottom{ width:318px; height:auto; float:left; margin-top:10px;}
.two_con_bottom_right_bottom ul{}
.two_con_bottom_right_bottom ul li{ height:24px;line-height:24px; background:url(../images/15.jpg) no-repeat left; padding-left:15px;}
.two_con_bottom_right_bottom ul li a{color:#333333;}
.two_con_bottom_right_bottom ul li a:hover{color:#0066cc;}
.two_con_bottom_right_bottom ul li span{ height:24px; float:right; line-height:24px; color:#333333;}
.three{ width:100%; height:490px; float:left;}
.three_con{ width:1025px; height:490px; margin:auto;}
.three_con_bottom{ width:1025px; height:auto; float:left;}
.three_con_bottom_left{ width:704px; height:auto; float:left;}
.three_con_bottom_left_top{ width:704px; height:198px; float:left;}
.three_con_bottom_left_top ul{ }
.three_con_bottom_left_top ul li{ width:340px; height:186px; float:left; margin-right:12px;}
.three_con_bottom_left_top_piao{ width:310px; height:37px; float:left; position:absolute; background:url(../images/20.png) repeat-x; margin-top:149px; font-size:14px; color:#FFF; font-weight:bold; line-height:36px; padding-left:30px;}


.three_con_bottom_left_bottom{ width:704px; height:auto; float:left;}

.piao{ width:225px; height:157px; float:left; display:inline; background:url(../images/21.png); position:absolute; z-index:3; display:none;}
.ming{ width:205px; height:auto; color:#ccc; line-height:28px; margin-top:12px; text-align:left; margin-left:20px;letter-spacing:1px;}
.b01{ width:225px; height:157px; float:left; margin-right:9px;}
.three_con_bottom_right{ width:318px; height:auto; float:right;}
.three_con_bottom_right ul{ width:318px; height:auto; float:right;}
.three_con_bottom_right ul li{ width:318px; height:auto; float:right; margin-bottom:10px;}
.three_con_bottom_right ul li img{ border:#cccccc 1px solid;}
.foot{ width:100%; height:220px; float:left; background:url(../images/foot.jpg) no-repeat center;}
.foot_con{ width:1025px; height:220px; margin:auto;}
.foot_con_left{ width:536px; height:auto; float:left; margin-left:140px; display:inline;}
.foot_con_left_top{ width:536px; height:auto; float:left;}
.foot_con_left_bottom{ width:520px; height:auto; float:left; line-height:25px; color:#333333; padding-left:16px; margin-top:8px;}
.foot_con_right{ width:140px; height:141px; float:left; margin-left:47px; display:inline; margin-top:45px;}
.sub_banner{height:280px; float:left; width:1025px;}
.left{ width:230px; height:auto; float:left; margin-bottom:22px;}
.left_top{ width:230px; height:38px; line-height:38px; float:left; background:url(../images/33.jpg) repeat-x top; font-size:14px; color:#FFF; font-weight:bold; text-align:center;}
.left_bottom{ width:230px; height:auto; float:left;}
.left_bottom ul{}
.left_bottom ul li{ width:230px; height:33px; float:left; text-align:right; color:#333333;font-size:14px; font-weight:bold; background:url(../images/37.jpg) no-repeat left top;}
.left_bottom ul li a{text-align:right; color:#333333; line-height:33px;  font-size:14px; font-weight:bold; padding-right:84px;}
.left_bottom ul li a:hover{ text-align:right; color:#0066cc; height:33px;line-height:33px;font-size:14px; font-weight:bold; padding-right:84px;}
.left_bottom ul li a{background:url(../images/35.jpg) no-repeat left top;}
.left_bottom ul li:hover{ background:url(../images/36.jpg) no-repeat left top;}.left{ width:230px; height:auto; float:left;}
.left_yi{ width:230px; height:auto; float:left;}
.left_er{ width:230px; height:auto; float:left; margin-top:10px;}
.left_san{ width:230px; height:auto; float:left; margin-top:10px;}
.left_er_bottom{ width:220px; height:auto; float:left; padding-top:7px;border:#cccccc 1px solid; padding-right:6px; padding-left:2px;}
.left_er_bottom ul{}
.left_er_bottom ul li{ height:24px;line-height:24px;}
.left_er_bottom ul li span{ height:24px; float:right; line-height:24px; color:#666;}
.left_san_bottom{ width:218px; height:203px; float:left; background:url(../images/38.jpg) no-repeat bottom left; line-height:25px; color:#333333; padding-left:10px; border:#cccccc 1px solid; border-top:none; padding-top:8px;}
.right{ width:785px; height:auto !important; min-height:500px; float:right; padding-bottom:22px;}
.right_top{ width:770px; height:36px; line-height:36px; float:left; padding-left:15px;border:#cccccc 1px solid; border-top:none; border-bottom:none; border-top:#2b59a2 2px solid;}
.about{ width:716px; height:auto; float:left; margin-left:32px; display:inline; line-height:28px; font-size:14px; margin-top:21px;padding-bottom:20px;}
.right_bottom{ width:785px; height:auto; float:left; border:#cccccc 1px solid;}
.product{ width:770px; float:left; margin-left:8px; display:inline; margin-top:14px;}
.product li{ float:left; width:184px; height:183px; margin:0px 4px; display:inline;}
.p{  height:34px;width:184px; float:left; line-height:34px; text-align:center; display:block; background:url(../images/05.jpg) no-repeat left;}
.p a{ color:#333333; font-size:12px;}
.p a:hover{ color:#8b0000; font-size:12px;}
.next{ width:100%; height:45px; line-height:45px; text-align:center; border-top:#d2d2d2 1px solid; float:left; font-weight:bold;}

.newslist{ width:785px; height:auto; float:left;margin-top:11px;}
.newslist_top{ width:771px; height:auto; float:left;padding-bottom:15px; border-bottom:#d2d2d2 1px solid; padding-left:14px;}
.newslist_top_left{ width:251px; height:158px; float:left;}
.newslist_top_right{ width:500px; height:auto; float:left; margin-left:10px; line-height:24px;}
.newslist_top_right_text{ width:500px; height:auto; float:left;line-height:24px; color:#666666; }
.newslist_bottom{ width:745px; height:auto; float:left; margin-left:18px; margin-top:15px; margin-bottom:15px;}
.newslist_bottom ul{ }
.newslist_bottom ul li{ width:745px;line-height:30px; height:30px;}
.newslist_bottom ul li span{ width:auto;  line-height:30px; height:30px; float:right;}
.product1_top{ width:771px; height:auto; float:left;padding-bottom:16px; border-bottom:#d2d2d2 1px solid; padding-left:14px; padding-top:16px;}
.product1_top_left{ width:251px; height:158px; float:left;}
.product1_top_left img{ border:#cfcfcf 1px solid;}
.product1_top_right{ width:500px; height:auto; float:left; margin-left:10px; line-height:24px;}
.product1_top_right_text{ width:500px; height:auto; float:left;line-height:24px; color:#666666; }
.productlist1{ width:785px; height:auto; float:left;}

.newslist_bt{ width:716px; 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:716px; height:30px; float:left; text-align:center; line-height:30px; background:#eceef0;}
.fdsx{ width:716px; height:auto; line-height:15px; float:left; text-align:left; margin:10px auto;}
.news{ width:716px; height:auto; float:left; line-height:28px;}
.newslist_next{ width:716px; 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:716px; height:auto; float:left; line-height:14px; margin-top:10px;}
.newslist_img{ width:716px; height:auto; float:left; text-align:center; margin-bottom:10px;}
.about_next{ width:716px; height:auto; line-height:30px;}
.pl{ width:716px; height:auto; float:left;margin-top:10px;}

.newsb_text{width:716px; height:auto; float:left; line-height:28px;}
#piaofu{ z-index:1000000}
#lovexin12{z-index:1000000;}
#lovexin14{z-index:1000000;}