
html, body { width:100%; margin:0; padding:0; border:0; background:#fff; font:12px/1.75 Arial,"Microsoft Yahei",\5b8b\4f53,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 *, .list-1 *, #index-news * { margin:0; padding:0; list-style:none; }
.space, .space1 { height:20px; text-align:center; overflow:hidden; clear:both; }

#header { width:100%; position:relative; clear:both; border-bottom:3px solid #0181cc; }
#header .header { width:1000px; height:97px; margin:0 auto; clear:both; }
#header .logo { float:left; height:100%; height:86px; overflow:hidden; padding:11px 0 0; }
#header .main { float:right; }
#header .topic { zoom:1; text-align:right; clear:both; height:40px; line-height:18px; }
#header .menu { width:700px; height:50px; position:relative; clear:both; }
#header .menu ul { height:50px; font-size:16px; text-align:center; }
#header .menu li { float:left; width:103px; line-height:39px; position:relative; }
#header .menu li.home { width:80px; }
#header .menu li strong { display:block; font-weight:lighter; border:1px solid #fff; border-radius:5px; }
#header .menu li strong a { display:block; text-decoration:none; }
#header .menu li ul { display:none; font-size:14px; width:83px; border:1px solid #ddd; border-top:0; background:#fff; position:absolute; top:36px; left:0; height:auto; overflow:hidden; border-radius:0 0 5px 5px; z-index:99999; padding:9px; }
#header .menu li li { zoom:1; width:100%; clear:both; border:0; border-top:1px dotted #ccc; line-height:33px; }
#header .menu li:hover strong { border-color:#ddd; }
#header .menu li:hover ul { display:block; }

#index-live { width:100%; height:359px; clear:both; background-color:#39c; }
#index-live .live { width:100%; height:100%; clear:both; overflow:hidden; background-position:50% 0; }

#index-news { height:42px; width:1000px; margin:0 auto; clear:both; background:#e5e5e5 url(bg1.png) no-repeat 0 0; position:relative; line-height:43px; }
#index-news h3 { float:left; width:150px; text-align:center; font-size:16px; margin:0; padding:0; font-weight:400; }
#index-news .news { float:right; width:820px; height:42px; overflow:hidden; position:relative; }
#index-news .news ul { width:100%; overflow:hidden; }
#index-news .news li { float:left; width:50%; height:42px; font-size:14px; overflow:hidden; text-indent:1em; background:url(bg1.png) no-repeat 0 -50px; }

#index-goowei { width:1000px; margin:0 auto; clear:both; position:relative; padding:50px 0; text-align:center; }
#index-goowei p { font-size:14px; line-height:3em; color:#888; padding:20px 0 0; }
#index-goowei .list { zoom:1; overflow:hidden; }
#index-goowei .list ul { float:left; overflow:hidden; margin:0 -20px 0 0; padding:0; list-style:none; }
#index-goowei .list li { float:left; margin:0 1px 0 0; padding:0; width:165px; height:200px; overflow:hidden; position:relative; background:#0181cc; }
#index-goowei .list img { display:block; position:absolute; bottom:-10px; left:0; z-index:8; opacity:.8; width:100%; height:210px; }
#index-goowei .list em { display:block; height:30px; font-size:14px; line-height:30px; overflow:hidden; position:absolute; bottom:0; left:0; width:100%; color:#fff; background:url(000_30.png); font-style:normal; z-index:9; }

#index-product { width:100%; min-width:1000px; margin:0 auto; clear:both; position:relative; padding:50px 0; text-align:center; background:#f7f8f9; }
#index-product .index-product { width:1000px; margin:0 auto; position:relative; }
#index-product .index-pro { width:880px; height:230px; margin:30px auto; position:relative; overflow:hidden; clear:both; }
#index-product .index-pro ul { margin:0; padding:0; list-style:none; overflow:hidden; }
#index-product .index-pro li { list-style:none; margin:0; padding:15px; float:left; width:190px; height:190px; overflow:hidden; position:relative; }
#index-product .index-pro img { display:block; width:190px; height:190px; border:0; position:relative; z-index:8; }
#index-product .index-pro em { display:none; float:left; font-style:normal; font-size:14px; color:#fff; background:url(000_30.png); text-align:center; width:190px; line-height:190px; position:absolute; top:15px; left:15px; z-index:9; }
#index-product .index-product a.go2btn { display:block; width:30px; height:80px; overflow:hidden; background-image:url(bg1.png); background-repeat:no-repeat; position:absolute; top:50%; margin-top:-40px; }
#index-product .index-product a.go2prev { left:0; background-position:0 -110px; }
#index-product .index-product a.go2prev:hover { background-position:0 -200px; }
#index-product .index-product a.go2next { right:0; background-position:-40px -110px; }
#index-product .index-product a.go2next:hover { background-position:-40px -200px; }
#index-product a.more { display:block; width:133px; height:33px; font-size:14px; line-height:33px; text-align:center; color:#; border:1px solid #ddd; background:#fff; color:#0181cc; margin:0 auto; clear:both; }
#index-product a.more:hover { background:#0181cc; border-color:#0181cc; color:#fff; text-decoration:none; }

#index-case { width:1000px; margin:0 auto; clear:both; position:relative; padding:50px 0; text-align:center; background:#fff; }
#index-case p { font-size:14px; line-height:3em; color:#888; padding:20px 0 0; }
#index-case .index-case { width:100%; overflow:hidden; clear:both; margin:15px 0 40px; }
#index-case .case-focus { float:left; width:682px; text-align:center; }
#index-case .case-focus ul { margin:0 0 16px; padding:0; width:680px; height:399px; overflow:hidden; list-style:none; border:1px solid #ddd; }
#index-case .case-focus li { margin:0; padding:0; list-style:none; height:399px; position:relative; }
#index-case .case-focus li em { display:block; width:100%; height:80px; background:url(000_30.png); color:#fff; line-height:80px; font-size:16px; font-style:normal; position:absolute; bottom:0; left:0; }
#index-case .case-focus span { display:inline-block; width:50px; height:4px; overflow:hidden; background:#ccc; vertical-align:middle; cursor:pointer; margin:0 2px; }
#index-case .case-focus span.now { background:#f90; }
#index-case .case-list { float:right; width:290px; overflow:hidden; }
#index-case .case-list ul { margin:0; padding:0; list-style:none; }
#index-case .case-list li { margin:0 0 3px 3px; padding:0; width:142px; height:98px; overflow:hidden; position:relative; float:left; }
#index-case .case-list li img { display:block; border:1px solid #ddd; position:relative; z-index:8; }
#index-case .case-list li em { display:none; float:left; font-style:normal; font-size:14px; color:#fff; background:url(000_30.png); text-align:center; width:100%; line-height:98px; position:absolute; top:0; left:0; z-index:9; }
#index-case a.more { display:block; width:133px; height:33px; font-size:14px; line-height:33px; text-align:center; color:#; border:1px solid #ddd; background:#fff; color:#0181cc; margin:0 auto; clear:both; }
#index-case a.more:hover { background:#0181cc; border-color:#0181cc; color:#fff; text-decoration:none; }

#index-about { width:100%; min-width:1000px; margin:0 auto; clear:both; position:relative; padding:50px 0; background:#0181cc; color:#fff; }
#index-about .index-about { width:1000px; margin:0 auto; overflow:hidden; }
#index-about .about-main { float:left; width:700px; }
#index-about .about-content { zoom:1; overflow:hidden; padding:25px 0 15px; clear:both; font-size:14px; line-height:22px; text-align:justify; text-justify:inter-ideograph; }
#index-about .more { display:block; float:right; clear:both; height:33px; background:#fff; color:#0181cc; font-size:14px; line-height:33px; padding:0 16px; }
#index-about .more:hover { background:#cce6f5; text-decoration:none; }
#index-about .about-side { float:right; width:250px; padding:0 0 0 20px; border-left:1px solid #4ea7db; min-height:350px; }


.t1 { font-size:36px; color:#0181cc; margin:0; padding:0; line-height:50px; text-align:center; }
.t2 { font-size:16px; color:#d00; text-transform:uppercase; margin:0; padding:0; line-height:26px; text-align:center; letter-spacing:2px; }
.t3 { font-size:30px; color:#333; margin:0; padding:0; font-weight:lighter; line-height:36px; text-align:center; }
.t5 { font-size:27px; color:#fff; margin:0; padding:0; font-weight:lighter; line-height:36px; }

.line-1 { width:88px; height:2px; overflow:hidden; margin:10px auto; clear:both; background:url(bg1.png) no-repeat 0 -100px; }
.line-2 { width:88px; height:2px; overflow:hidden; margin:10px 0; clear:both; background:url(bg1.png) no-repeat 0 -100px; }

#footer { width:100%; min-width:1000px; margin:0 auto; clear:both; position:relative; padding:13px 0; background:#706e6e; color:#fff; font-size:14px; }
#footer * { vertical-align:middle; }
#footer .footer { width:1000px; margin:0 auto; }
#footer .hotline { font-size:16px; }

#page-live { width:100%; min-width:1000px; height:160px; background-position:50% 0; clear:both; overflow:hidden; }

.wrap { width:1000px; margin:0 auto; overflow:hidden; position:relative; }

.page-main { float:left; width:750px; }
.page-side { float:right; width:230px; }

.tbar-2 { height:50px; background:url(side-tbg.png); overflow:hidden; }
.tbar-2 h2, .tbar-2 h3 { font-size:21px; font-weight:lighter; line-height:50px; margin:0; padding:0 0 0 15px; color:#fff; float:left; }
.tbar-2 span { float:right; line-height:52px; padding:0 10px 0 0; text-transform:uppercase; }

.tbar-3 { height:30px; background:url(side-tbg.png) repeat 0 -8px; overflow:hidden; }
.tbar-3 h2, .tbar-3 h3 { font-size:16px; font-weight:lighter; line-height:30px; margin:0; padding:0 0 0 15px; color:#fff; float:left; }
.tbar-3 span { float:right; line-height:32px; padding:0 10px 0 0; text-transform:uppercase; }

.side-menu { zoom:1; overflow:hidden; }
.side-menu ul, side-menu li { margin:0; padding:0; list-style:none; }
.side-menu li { border-bottom:1px solid #ddd; }
.side-menu a { display:block; font-size:16px; line-height:39px; overflow:hidden; }
.side-menu a em { float:left; width:5px; height:5px; overflow:hidden; background:#ccc; margin:17px 11px 0 13px; }
.side-menu a:hover, .side-menu a.now { background:#fff url(side-mbg.jpg) repeat-x 0 bottom; color:#e00; text-decoration:none; }
.side-menu a:hover em, .side-menu a.now em { background:#e00; width:7px; height:7px; margin:16px 10px 0 12px; }

.page-tbar { height:49px; border-bottom:1px solid #ddd; overflow:hidden; }
.page-tbar h1, .page-tbar h2 { float:left; margin:0; padding:0; font-size:24px; line-height:40px; font-weight:lighter; color:#06c; }
.page-tbar span { float:right; font:12px/40px \5b8b\4f53, simsun, sans-serif; color:#999; }
.page-tbar span a:link, .page-tbar span a:visited { color:#888; }
.page-tbar span a:hover { color:#e00; text-decoration:none; }

.side-content-1 { zoom:1; overflow:hidden; background:#f7f8f9; padding:10px; }
.side-content-2 { zoom:1; overflow:hidden; background:#f7f8f9; padding:15px; }

.page-index { zoom:1; overflow:hidden; min-height:720px; padding:20px 0; }

.news-list *, .book-list *, .page-title * { margin:0; padding:0; border:0; list-style:none; }

.page-title { zoom:1; overflow:hidden; padding:10px; 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 { color:#666; line-height:3em; font-family:Tahoma,"Microsoft YaHei", Simsun, "Arial Unicode MS",Mingliu,Arial,Helvetica; clear:both; background:#f7f8f9; }

.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 0; }
.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 16px; text-indent:18px; }
.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:210px; overflow:hidden; padding:20px; 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:210px; height:210px; cursor:pointer; }
.pro_list li strong { display:block; cursor:pointer; padding:9px 0; font-weight:lighter; }
.pro_list li a:hover { background:#f7f8f9; 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; }

input.box3 { border:1px solid #ddd; height:27px; font-size:14px; line-height:27px; padding:0 3px; margin:0; }
select.box3 { border:1px solid #ccc; height:29px; font-size:14px; padding:4px; }
textarea.box3 { border:1px solid #ddd; font-size:14px; line-height:21px; padding:0 3px; margin:0; }
.fb_btn2 { padding:0 15px; height:33px; line-height:33px; margin:0; display:inline-block; border-radius:4px; background:#093; font-size:16px; color:#fff; border:0; cursor:pointer; }
.fb_btn1 { padding:0 15px; height:33px; line-height:33px; margin:0; display:inline-block; border-radius:4px; background:#666; font-size:16px; color:#fff; border:0; cursor:pointer; }
