html, body { margin:0; padding:0; border:0; background:#fff; width:100%; }

.space { height:15px; overflow:hidden; clear:both; }
.fl { float:left; }
.fr { float:right; }
.wp { width:978px; margin:0 auto; }
.oh { overflow:hidden; }

a:link, a:visited { color:#039; text-decoration:none; }
a:hover { color:#f60; text-decoration:underline; }

a.more1 { display:inline-block; width:120px; height:27px; overflow:hidden; background:url(more_bg.png) no-repeat 0 0; font:14px/27px 'Microsoft Yahei', Arial, simhei, serif; text-indent:40px; color:#fff; text-decoration:none; text-align:left; }
a.more1:hover { background-position:0 -30px; }

a.more2 { display:inline-block; width:120px; height:27px; overflow:hidden; background:url(more_bg.png) no-repeat 0 0; font:14px/27px 'Microsoft Yahei', Arial, simhei, serif; text-indent:40px; color:#000; text-decoration:none; text-align:left; }
a.more2:hover { background-position:0 -30px; }

#menu *,#index1 *,#index2 * { margin:0; padding:0; list-style:none; }

#header { width:980px; margin:0 auto; overflow:hidden; }

#menu { width:100%; height:39px; clear:both; background:#0080ff; }
#menu .menu { width:980px; height:39px; margin:0 auto; position:relative; }
#menu .menu ul { float:left; height:39px; font:16px/39px 'Microsoft Yahei', Arial, simhei, serif; }
#menu .menu li { float:left; height:39px; }
#menu .menu a { float:left; height:39px; overflow:hidden; width:125px; text-align:center; }
#menu .menu a:link, #menu .menu a:visited { color:#fff; text-decoration:none; }
#menu .menu a:hover { color:#fff; background:#006fdd; text-decoration:none; }
#menu .menu li.home a { width:103px; }

#banner { width:100%; height:390px; overflow:hidden; min-width:1000px; }
#banner .banner { display:none; width:100%; height:100%; background-position:50% 0; }
#banner .banner a { display:block; width:980px; height:100%; margin:0 auto; overflow:hidden; line-height:999em; text-decoration:none; }

#index1 { width:980px; margin:25px auto; overflow:hidden; }
#index1 .about { float:left; width:730px; background:#333 url(index_about_bg.jpg); height:294px; color:#fff; }
#index1 .about h2 { width:690px; height:45px; margin:15px auto 0; overflow:hidden; text-align:right; }
#index1 .about h2 strong { display:none; }
#index1 .about .about_info { width:720px; margin:0 auto; font-size:14px; line-height:22px; }
#index1 .news { float:right; width:250px; height:294px; background:#efefef; }
#index1 .news h2 { width:100%; height:39px; overflow:hidden; border-bottom:1px solid #fff; background:#d6d6d6; color:#666; }
#index1 .news h2 strong { float:left; padding:0 0 0 70px; font:18px/39px 'Microsoft Yahei', Arial, simhei, serif; background:url(ico_news.png) no-repeat 9px 48%; }
#index1 .news h2 span { float:right; font:14px/39px \5b8b\4f53, simsun, sans-serif; padding:0 9px 0 0; }
#index1 .news .news_list1 { width:100%; }
#index1 .news .news_list1 li { height:31px; border-bottom:1px dotted #ccc; font:14px/31px \5b8b\4f53, simsun, sans-serif; padding:0 6px 0 18px; overflow:hidden; background:url(ico_li.png) no-repeat 8px 13px; }

#index2 { width:100%; overflow:hidden; min-width:1000px; background:#f1f2f3; }
#index2 .index_product { width:980px; margin:0 auto; }
#index2 .index_product h2 { height:72px; overflow:hidden; }
#index2 .index_product h2 strong { float:left; background:url(index_t3.png) no-repeat 0 0; width:135px; height:61px; overflow:hidden; line-height:99em; }
#index2 .index_product h2 span { float:right; padding:15px 0 0; }
#index2 .index_pro_main { zoom:1; overflow:hidden; padding:9px 0 30px; font-size:14px; line-height:1.5em; }
#index2 .index_pro_main img { margin:0 0 5px; }
#index2 .index_pro_list { zoom:1; overflow:hidden; padding:9px 0 20px; font-size:14px; }
#index2 .index_pro_list table { border:0; }
#index2 .index_pro_list td { padding:0 30px 0 0; }
#index2 .index_pro_list a { display:block; width:172px; overflow:hidden; text-align:center; }
#index2 .index_pro_list strong { display:inline-block; width:172px; height:30px; padding:5px 0 0; margin:2px 0 0; font-weight:lighter; }


.t1 { height:33px; overflow:hidden; }
.t1 h2 { display:none; }
.t1 span { float:left; padding:3px 3px 0 20px; font:14px/28px 'Microsoft Yahei', Arial, simhei, serif; background:url(ico1.jpg) no-repeat 0 51%; }

#page_banner { width:100%; height:200px; position:relative; margin:0 auto; min-width:1000px; background:url(../upload/img/pageban.jpg?v5) no-repeat 50% 0; }

#page_wrap { width:980px; margin:0 auto; overflow:hidden; }
#page_main { float:left; width:745px; }
#page_main .page_cotent { zoom:1; overflow:hidden; padding:20px; border:1px solid #ddd; background:#fff; font:14px/2 \5b8b\4f53, simsun, sans-serif; min-height:420px; }
#page_side { float:right; width:220px; }

#footer { width:100%; padding:10px 0; background:#005cb9; color:#fff; }
#footer .footer { width:100%; font:14px/22px 'Microsoft Yahei', Arial, simhei, serif; }
#footer a:link, #footer a:visited { color:#fff; }
#footer a:hover { color:#0ff; }

.side_t { height:33px; background:url(side_t.jpg) no-repeat 0 0; font:15px/33px 'Microsoft Yahei', Arial, simhei, serif; color:#666; padding:0 0 0 33px; }

.side_menu { zoom:1; padding:9px; overflow:hidden; border:1px solid #ddd; border-top:0; }
.side_menu ul { margin:0; padding:0; list-style:none; width:100%; overflow:hidden; }
.side_menu li { height:35px; margin:0; padding:0; list-style:none; border-top:1px dashed #ddd; margin:-1px 0 0; }
.side_menu li a { display:block; text-indent:33px; font-size:14px; line-height:36px; height:36px; font-weight:bold; background:url(ico2.gif) no-repeat 9px 13px; }
.side_menu li a:hover { text-indent:39px; background-position:9px -38px;  transition:background .5s; text-decoration:none; }

.side_m2 { zoom:1; padding:9px; overflow:hidden; border:1px solid #ddd; border-top:0; font-size:12px; line-height:20px; }

.side_dline { height:5px; background:#f3f3f3; overflow: hidden; }

.mytitle { padding:9px 0; overflow:hidden; }
.mytitle h1 { margin:0; padding:0; text-align:center; font-size:18px; line-height:3em; }
.mytitle .mybar { zoom:1; overflow:hidden; background:#eee; text-align:center; font-size:12px; line-height:25px; padding:2px 0 0; }

.page_content { padding:30px 20px; font:14px/2em 'Microsoft Yahei', Arial, SimHei, Verdana, sans-serif; }

.news_list { zoom:1; overflow:hidden; padding:30px 20px; }
.news_list * { margin:0; padding:0; border:0; list-style:none; }
.news_list ul { zoom:1; overflow:hidden; font:14px/39px Arial, Helvetica, sans-serif; clear:both; }
.news_list li { height:39px; border-bottom:1px dotted #ccc; overflow:hidden; vertical-align:bottom; text-indent:20px; }
.news_list li a { float:left; background:url(ico2.gif) no-repeat 3px 13px; }
.news_list li span { float:right; color:#999; }

.pro_list { zoom:1; overflow:hidden; }
.pro_list * { margin:0; padding:0; border:0; list-style:none; }
.pro_list ul { float:left; margin:0 -30px 0 0; overflow:hidden; font-size:14px; line-height:19px; clear:both; }
.pro_list li { float:left; width:180px; height:250px; overflow:hidden; padding:20px; text-align:center; overflow:hidden; }
.pro_list li a { display:block; width:100%; height:250px; background:#f6fdff; overflow:hidden; }
.pro_list li img { width:180px; height:210px; }
.pro_list li strong { display:inline-block; height:60px; overflow:hidden; padding:9px 9px 0; }
.pro_list li a:hover { background:#fec; color:#e00; text-decoration:none; }

#pageno { zoom:1; overflow:hidden; padding:18px 0; text-align:center; font-size:14px; line-height:30px; }
#pageno a, #pageno span { display:inline-block; padding:0 8px; background:#3d97dd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:0 2px; color:#999; }
#pageno a:link, #pageno a:visited { color:#fff; }
#pageno a.now, #pageno span.now, #pageno a:hover, #pageno a.now:hover { background:#3d97dd; color:#fff; text-decoration:none; }