html, body { width:100%; margin:0; padding:0; border:0; background:#fff url(bg.jpg); font:12px/1.75 \5b8b\4f53,Arial,simsun,sans-serif; }
body { min-width:1000px; }
a:link, a:visited { color:#333; text-decoration:none; }
a:hover { color:#d00; text-decoration:underline; }
h1, h2, h3, h4, h5, h6, #footer { font-family:Arial,"Microsoft Yahei",\5b8b\4f53,simsun,sans-serif; }
.page-tbar *, .page-menu *, #menu *, .tbar-1 *, .tbar-2 *, .tbar-3 *, .tbar-4 *, .side-pro-class-list *, .list-1 *, .list-2 *, .index-product * { margin:0; padding:0; list-style:none; }
#all { width:960px; background:#fff; overflow:hidden; padding:0 15px; margin:0 auto; position:relative; }
.topline { width:100%; height:6px; background:#255c94; overflow:hidden; clear:both; }
#top { width:100%; }
#header { width:100%; position:relative; font-family:Arial,"Microsoft Yahei",\5b8b\4f53,simsun,sans-serif; }
#header * { vertical-align:middle; }

#menu { width:100%; height:38px; margin:0 auto; position:relative; clear:both; background:url(menu-bg.png); }
#menu .menu { float:left; overflow:hidden; font-family:Arial,"Microsoft Yahei",\5b8b\4f53,simsun,sans-serif; }
#menu ul { float:left; margin:0 -1px; }
#menu li { float:left; overflow:hidden; }
#menu a { display:block; float:left; width:119px; font-size:16px; line-height:38px; text-align:center; color:#fff; text-decoration:none; border-left:1px dotted #fff; transition:all 0.3s; }
#menu a.home { width:120px; border:0; }
#menu a.home,#menu a:hover { background:url(menu-bg.png) repeat-x 50% -38px; }
#menu strong { font-weight:lighter; }

#index-live { width:960px; height:300px; overflow:hidden; position:relative; margin:10px auto 15px; clear:both; }
#index-live .live { width:100%; height:300px; background-position:50% 50%; }
#index-live .live a { display:block; height:300px; overflow:hidden; text-decoration:none; line-height:999em; text-align:center; }
.space { height:12px; overflow:hidden; clear:both; }
.space1 { height:15px; overflow:hidden; clear:both; }
.wrap { width:960px; margin:0 auto; clear:both; overflow:hidden; }

#index { zoom:1; width:100%; overflow:hidden; clear:both; }
.side-pro-class, .side-contact { float:left; width:240px; }
.index-about { float:right; width:705px; text-align:justify; text-justify:inter-ideograph; }
.index-news { float:right; width:705px; overflow:hidden; }
.index-news .news { float:left; width:378px; }
.index-news .info { float:right; width:312px; }

.side-pro-class-list { width:100%; }
.side-pro-class-list a { display:block; height:35px; line-height:35px; font-size:12px; position:relative; border-bottom:1px solid #ddd; overflow:hidden; vertical-align:bottom; color:#666; }
.side-pro-class-list a:hover { text-decoration:none; color:#d00; }
.side-pro-class-list em { float:left; width:4px; height:4px; margin:16px 10px 0 6px; overflow:hidden; background:#7fd0ff; }
.side-pro-class-list span { display:block; width:0; height:0; content:' '; overflow:hidden; border-color:transparent transparent transparent #ccc; border-style:dashed dashed dashed solid; border-width:7px 0 7px 7px; top:50%; right:6px; margin-top:-7px; position:absolute; z-index:8; }
.side-pro-class-list span.arrow-2 { z-index:9px; border-color:transparent transparent transparent #fff; right:7px; }

.side-contact-main { zoom:1; overflow:hidden; min-height:180px; border:1px solid #ddd; border-top:0; padding:9px; }

.index-product { zoom:1; overflow:hidden; clear:both; border:1px solid #9cc; background:#ddf3ff; padding:9px; }
.index-pro-wrap { height:160px; overflow:hidden; }
.index-pro { zoom:1; height:160px; overflow:hidden; position:relative; }
.index-pro ul { width:100%; }
.index-pro li { float:left; width:150px; text-align:center; padding:10px; }
.index-pro a img { width:150px; height:110px; display:block; margin:0 0 6px; }
.index-pro a div { zoom:1; overflow:hidden; background:#fff; font-size:12px; padding:3px 0; }
.index-pro a span { display:inline-block; width:13px; height:9px; vertical-align:middle; background:url(pro-ico.png) no-repeat 0 0; margin:0 0 3px; }
.index-pro a:hover { text-decoration:none; }
.index-pro a:hover div { color:#fff; text-decoration:none; background:#3198ff; }
.index-pro a:hover span { background-position:0 -40px; }

.side-grid { zoom:1; overflow:hidden; border-top:0; }

.side-post { padding:14px; height:160px; }

.tbar-1 { height:30px; overflow:hidden; background:url(nav-bg.png) no-repeat 0 0; }
.tbar-1 h3, .tbar-1 h4 { float:left; font-size:14px; font-family:\5b8b\4f53, simsun, sans-serif; line-height:30px; color:#fff; padding:0 0 0 33px; }
.tbar-1 span { float:right; font-size:11px; font-family:Arial,"Microsoft Yahei",\5b8b\4f53,simsun,sans-serif; line-height:30px; color:#666; padding:0; text-transform:uppercase; }

.tbar-2 { height:30px; overflow:hidden; background:url(nav-bg.png) no-repeat 0 -40px; }
.tbar-2 h3, .tbar-2 h4 { float:left; font-size:14px; font-family:\5b8b\4f53, simsun, sans-serif; line-height:30px; color:#fff; padding:0 0 0 33px; }
.tbar-2 span { float:right; font-size:11px; font-family:Arial,"Microsoft Yahei",\5b8b\4f53,simsun,sans-serif; line-height:30px; color:#666; padding:0; text-transform:uppercase; }

.tbar-3 { height:30px; overflow:hidden; background:url(nav-bg.png) no-repeat 0 -80px; }
.tbar-3 h3, .tbar-3 h4 { float:left; font-size:14px; font-family:\5b8b\4f53, simsun, sans-serif; line-height:30px; color:#fff; padding:0 0 0 33px; }
.tbar-3 span { float:right; font-size:11px; font-family:Arial,"Microsoft Yahei",\5b8b\4f53,simsun,sans-serif; line-height:30px; color:#666; padding:0; text-transform:uppercase; }

.tbar-4 { height:30px; overflow:hidden; background:url(nav-bg.png) no-repeat right -80px; }
.tbar-4 h3, .tbar-4 h4 { float:left; font-size:14px; font-family:\5b8b\4f53, simsun, sans-serif; line-height:30px; color:#fff; padding:0 0 0 33px; }
.tbar-4 span { float:right; font-size:11px; font-family:Arial,"Microsoft Yahei",\5b8b\4f53,simsun,sans-serif; line-height:30px; color:#666; padding:0; text-transform:uppercase; }

a.more, a.more:link, a.more:visited, a.more:hover { display:block; width:50px; height:30px; overflow:hidden; line-height:999em; text-decoration:none; }





.list-1 { width:100%; overflow:hidden; }
.list-1 ul { overflow:hidden; }
.list-1 li { border-bottom:1px dotted #ccc; padding:0 0 0 10px; overflow:hidden; height:30px; line-height:30px; background:url(nav-bg.png) no-repeat -270px 11px; position:relative; }
.list-1 li span { float:right; height:30px; padding:0 0 0 6px; background:#fff; position:absolute; top:0; right:0; font-family:Arial, \5b8b\4f53, simsun, sans-serif; color:#999; }

.list-2 { width:100%; overflow:hidden; }
.list-2 ul { overflow:hidden; }
.list-2 li { border-top:1px dashed #ccc; margin:-1px 0 0; padding:1px 0 0 16px; overflow:hidden; height:30px; line-height:30px; background:url(ico-1.png) no-repeat 1px 11px; }

#footer { width:100%; overflow:hidden; }
#footer .footer { border-top:2px solid #57a6dc; padding:16px 0; }

#page-live { width:960px; height:135px; overflow:hidden; margin:10px auto 0; clear:both; }

.page-main { float:right; width:705px; }
.page-side { float:left; width:240px; }
.page-menu { background:#d9f5fe; }
.page-menu h2 { height:8px; overflow:hidden; line-height:999em; clear:both; background:url(nav-bg.png); }
.page-menu ul { padding:19px 0; overflow:hidden; }
.page-menu li { overflow:hidden; padding:0 0 3px; }
.page-menu a { display:block; width:170px; font:14px/29px \5b8b\4f53, simsun, sans-serif; padding:0 0 0 18px; overflow:hidden; text-decoration:none; color:#fff; transition:all 0.3s; border-left:2px solid #069; margin:0 auto; background:#3785e5 url(page-menu-bg.png) repeat-x 0 0; }
.page-menu a:hover { background-position:0 0; font-weight:bold; background:#fff; color:#c00; width:180px; }
.page-menu a.now { width:auto !important; zoom:1; background-position:0 0; padding:0 0 0 18px; border-color:#069; font-weight:bold; background:#fff; line-height:33px; color:#c00; margin:0 0 0 20px; }

.page-tbar { background:url(page-tbar-bg.jpg?) repeat-x 0 0; height:45px; overflow:hidden; clear:both; color:#333; }
.page-tbar h1, .page-tbar h2 { float:left; line-height:36px; font-weight:lighter; height:35px; overflow:hidden; font-size:18px; text-align:center; padding:0 12px; color:#069; }
.page-tbar span { float:right; font-size:12px; line-height:38px; padding:0 9px; color:#888; }
.page-tbar a { color:#666; }

.page-index { zoom:1; overflow:hidden; min-height:530px; padding:18px; }

.news-list *, .book-list *, .page-title * { margin:0; padding:0; border:0; list-style:none; }

.page-title { zoom:1; overflow:hidden; padding:0; text-align:center; }
.page-title h1 { font:24px/1.5 Tahoma,"Microsoft YaHei", Simsun, "Arial Unicode MS",Mingliu,Arial,Helvetica; padding:20px 0; }
.page-title p { border-top:1px solid #ddd; color:#aaa; line-height:3em; font-family:Tahoma,"Microsoft YaHei", Simsun, "Arial Unicode MS",Mingliu,Arial,Helvetica; }

.page-content { zoom:1; overflow:hidden; font-size:14px; line-height:2em; padding:20px 10px; text-align:justify; text-justify:inter-ideograph; }

.news-list { zoom:1; overflow:hidden; padding:30px 39px; }
.news-list ul { zoom:1; overflow:hidden; font:14px/39px Arial, Helvetica, sans-serif; clear:both; border-top:1px dotted #ccc; }
.news-list li { height:39px; border-bottom:1px dotted #ccc; overflow:hidden; vertical-align:bottom; background:url(ico-1.png) no-repeat 2px 12px; text-indent:19px; }
.news-list li a { float:left; }
.news-list li span { float:right; color:#999; }

.pro_list { zoom:1; overflow:hidden; padding:20px 0; }
.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; overflow:hidden; padding:15px; text-align:center; overflow:hidden; }
.pro_list li a { display:block; width:100%; overflow:hidden; border-radius:0 0 3px 3px; }
.pro_list li img { display:block; clear:both; width:180px; height:130px; cursor:pointer; }
.pro_list li strong { display:block; cursor:pointer; padding:9px 0; }
.pro_list li a:hover { background:#e6f8ff; color:#e00; text-decoration:none; }
.pro_list li.pro_newline { margin:0; padding:0; height:1px; overflow:hidden; clear:both; width:99%; }

.page-feedback { zoom:1; overflow:hidden; padding:35px; }
.page-feedback td { padding:3px 0; }
.page-feedback .box3 { margin:0; padding:0 2px; font-size:14px; line-height:25px; border:1px solid #ccc; }
.page-feedback input.box3 { width:500px; height:25px; }
.page-feedback select.box3 { width:206px; height:27px; }
.page-feedback textarea.box3 { width:500px; height:auto; line-height:22px; }
.page-feedback .w200 { width:200px!important; }

.page-feedback .fb_btn2 { width:111px; height:33px; border:0; background:#083; font-size:14px; color:#fff; font-weight:bold; padding:0; line-height:33px; border-radius:3px; cursor:pointer; }
.page-feedback .fb_btn2:hover { background-color:#093; }
.page-feedback .fb_btn1 { width:111px; height:33px; border:0; background:#999; font-size:14px; color:#fff; font-weight:bold; padding:0; line-height:33px; border-radius:3px; cursor:pointer; }
.page-feedback .fb_btn1:hover { background-color:#aaa; }


#pageno { zoom:1; overflow:hidden; padding:8px 0 30px; text-align:center; font-size:12px; line-height:22px; }
#pageno a, #pageno span { display:inline-block; padding:0 8px; background:#f8f7f6; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:0 2px; color:#999; }
#pageno a:link, #pageno a:visited { color:#335c7d; }
#pageno a.now, #pageno span.now, #pageno a:hover, #pageno a.now:hover { background:#067cbe; border-color:#067cbe; color:#fff; text-decoration:none; }