常用代码
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:#505050; overflow-x:hidden;}
a:link {text-decoration:none;color: #404040;}
a:visited {text-decoration:none;color: #404040;}
a:hover {text-decoration:none;color: #0c9744;}
a:active {text-decoration:none;color: #404040;}
 [v-cloak] {
          display: none !important;
        }
#box{ width:1000px; height:auto; margin:auto; clear:both; padding-top:10px;}
.top{ width:100%; height:28px; float:left; background:#09953e;}
.top_con{ width:1000px; height:28px; margin:auto;}
.top_con_left{ width:500px; height:28px; float:left; line-height:28px; color:#FFF;}
.top_con_right{ width:240px; height:28px; float:right;}
.banner{ width:100%; height:auto; float:left;}
.nav{ width:100%; height:88px; position:absolute; background:url(../images/05.png) repeat-x left top; z-index:10000; margin-top:28px; top:0; left:0;}
.nav_left{ width:448px; height:88px; float:left;}
.nav_con{ width:1000px;  height:81px; margin:auto;}
.nav_right{ width:546px; height:88px; float:left;}
.nav_right ul{}
.nav_right ul li{ width:78px; height:81px; float:left; text-align:center; line-height:81px; font-size:14px; font-family:"微软雅黑"; color:#000;}
.nav_right ul li a{ font-size:14px; font-family:"微软雅黑"; color:#000;height:81px;}
.nav_right ul li:hover{ font-size:14px; font-family:"微软雅黑"; color:#09953e; background:url(../images/17.png) no-repeat bottom center;height:81px;}
.yi{ width:1000px;  height:auto; float:left;}
.yi_left{ width:326px;  height:auto; float:left; background:url(../images/07.jpg) no-repeat right top;}
.yi_left_top{ width:310px;  height:34px; float:left; border-bottom:#dddee0 1px solid; }
.yi_left_top_left{ width:auto;  height:34px; float:left;line-height:34px; font-size:14px; color:#8d8d8d; font-family:"微软雅黑"; background:url(../images/08.jpg) no-repeat left; line-height:34px; font-size:14px; color:#8d8d8d; font-family:"微软雅黑"; padding-left:40px;background-size: 100%;width: 106px;}
.yi_left_top_right{ width:auto; height:34px; float:right;}
.yi_left_bottom{ width:300px;  height:auto; float:left; margin-top:11px;}
.yi_left_bottom_left{ width:151px;  height:110px; float:left; margin-left:1px; display:inline;}
.yi_left_bottom_right{ width:285px;  height:auto; float:right; line-height:24px; color:#404040;}
.yi_left_bottom_right a{color:#0c9744;}
.yi_left_bottom_right a:hover{color:#060;}
.yi_center{ width:326px;  height:auto; float:left; margin-left:14px; display:inline;}
.yi_center_bottom{ width:320px;  height:auto; float:left; margin-top:11px;}
.yi_center_top{ width:320px;  height:34px; float:left; border-bottom:#dddee0 1px solid; }
.yi_center_bottom ul{}
.yi_center_bottom ul li{ width:auto;  height:24px; line-height:24px; background:url(../images/11.jpg) no-repeat left; padding-left:15px;}
.yi_center_bottom ul li span{ width:auto;  height:24px; line-height:24px; float:right; color:#747474;}
.yi_right{ width:322px;  height:auto; float:right; background:url(../images/12.jpg) no-repeat left top;}
.yi_right_top{ width:308px;  height:34px; float:right; border-bottom:#dddee0 1px solid; }
.yi_right_bottom{ width:308px;  height:auto; float:right;}
.yi_right_bottom_top{ width:308px;  height:auto; float:left;}
.yi_right_bottom_bottom{ width:297px;  height:auto; float:right; line-height:24px;}
.er{ width:1000px; height:auto; float:left; margin-top:10px;}
.er_top{ width:1000px;  height:34px; float:left; border-bottom:#dddee0 1px solid; }
.er_bottom{ width:1000px;  height:auto; float:left; color:#404040;}
.er_bottom a{color:#404040;}
.er_bottom a{ color:#000;}
.foor{ width:100%; height:140px; float:left; background:#484848;}
.foot_top{ width:100%; height:31px; float:left; text-align:center; margin-top:15px;}
.foot_bottom{ width:1000px; height:113px; margin:auto; clear:both; line-height:30px; color:#fff; padding-top:10px;}
.left{ width:246px; height:auto; float:left;}
.left_yi{ width:244px; border:#dddee0 1px solid; height:auto; float:left; margin-bottom:10px;}
.left_yi_top{ width:213px; border-bottom:#dddee0 1px solid; height:35px; line-height:35px; float:left; background:url(../images/18.jpg) left no-repeat;font-size:14px; color:#8d8d8d; font-family:"微软雅黑"; padding-left:31px;}
.left_yi_bottom{ width:244px; float:left; height:auto; padding-bottom:7px;}
.left_yi_bottom ul{ width:232px; margin:auto; height:auto;}
.left_yi_bottom ul li{width:228px; border:#dddee0 1px solid; padding:1px 1px 1px 1px; float:left; height:30px; line-height:30px; margin-top:8px;font-size:14px; font-family:"微软雅黑"; color:#fff; background:url(../images/20.jpg) no-repeat center center;}
.left_yi_bottom ul li a{font-weight: bold; width:203px; float:left; height:30px; padding-left:25px;font-size:14px; font-family:"微软雅黑"; color:#fff; background:url(../images/20.jpg) no-repeat left top;}
.left_yi_bottom ul li a:hover{ font-size:14px; font-family:"微软雅黑"; color:#fff;background:url(../images/19.jpg) no-repeat left top; padding-left:25px;}
.left_er_bottom{ width:223px; float:left; height:183px; text-align:center; margin-left:10px; margin-top:11px;}
.right{ width:743px; height:auto !important; min-height:449px; float:right; border:#dddee0 1px solid;}
.right_top{ width:732px; border-bottom:#dddee0 1px solid; height:35px; line-height:35px; float:left; padding-left:11px;}
.right_top_right{ width:auto; height:35px; line-height:35px; float:right; padding-right:10px; text-align:right;}
.right_top_right a{ color:#464646;}
.right_top_right a:hover{ color:#09953e;}
.about{ width:710px; height:auto; float:left; line-height:30px; margin-left:18px; display:inline; margin-top:20px; padding-bottom:20px;}
.news{ width:692px; height:auto; float:left; margin-left:25px; display:inline; margin-top:15px;}
.news ul{ }
.news ul li{ width:auto; height:30px; background:url(../images/23.jpg) no-repeat left; padding-left:15px; border-bottom:#c2c2c2 1px dashed; line-height:30px;}
.news ul li span{ width:auto; height:30px; float:right;line-height:30px;}
.next{ width:692px; height:54px; float:left; line-height:54px; text-align:center;}
.product{ width:729px; float:left; margin-left:7px; margin-top:14px;}
.product li{ float:left; width:229px; height:205px; margin:0px 7px; display:inline;}
.p{ height:35px; width:229px; float:left; line-height:35px; text-align:center; display:block}
.p a{ color:#464646; font-size:12px}
.p a:hover{ color:#093; font-size:12px}
.product li img{ padding:2px; border:#e0e1e3 1px solid;}
.newslist_bt{ width:710px; height:auto !important; min-height:40px; height:40px; float:left; font-size:14px; font-weight:bold; text-align:center; line-height:40px; color:#09953e;}
.newslist_zz{ width:710px; height:30px; float:left; text-align:center; line-height:30px; background:#eceef0;}
.fdsx{ width:710px; height:auto; line-height:15px; float:left; text-align:left; margin:10px auto;}
.news{ width:710px; height:auto; float:left; line-height:28px;}
.newslist_next{ width:710px; 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:710px; height:auto; float:left; line-height:14px; margin-top:10px;}
.newslist_img{ width:710px; height:auto; float:left; text-align:center; margin-bottom:10px;}
.about_next{ width:710px; height:auto; line-height:30px;}
.pl{ width:710px; height:auto; float:left;margin-top:10px;}