/*初始化*/

h1, h2, h3, h4, h5, h6,h7,h8, p, ul, ol, dl, dt, dd, li, html, body, form, iframe, label, legend, input, button, img, cite, strong, em, table, td, th, div { padding:0px; margin:0px;}

h1, h2, h3, h4, h5, h6,h7,h8 { font-weight: normal; line-height:100%;}

body { font-size:12px; font-family: Arial,宋体; margin:0 auto; color:#666666; background-color:#fff;}

html{ zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true);}(this));}

img, table { border:0;}

:focus { outline: 0;}

table { border-collapse: collapse; border-spacing: 0; width:auto;}

ul, ol, li { list-style:none;}

a { color:#555555; text-decoration:none;}

a:hover { color:#0151A7; text-decoration: underline;}



/*预设清除浮动*/

.clearfix { line-height:0px;font-size:0px;clear:both;}



/*预设颜色*/

.blue { color:#0151A7;}

.gray { color:#666;}

.black { color:#333;}

.green { color:#378C00;}

.red { color:#FF0000}

.dottedLevel { background:url(../images/dotted_level.gif) repeat-x left center;}

.alignLeft { text-align:left;}

.alignCenter { text-align:center;}



/*字号*/

.blackBold { font-family:Arial, "宋体";  font-size:12px; font-weight: bold; color:#333;}

.greenBold { font-family:Arial, "宋体";  font-size:12px; font-weight: bold; color:#378C00;}

.blackFont14 { font-family:Arial, "宋体";  font-size:14px; font-weight: normal; color:#333;}

.blackFont14bold { font-family:Arial, "宋体";  font-size:14px; font-weight: bold; color:#333;}

.redFont20 { font-family:Arial, "宋体"; font-size:20px; font-weight: normal; color:#FF0000;}

.redFont14 { font-family:Arial, "宋体"; font-size:14px; font-weight: normal; color:#FF0000;}

.redFont14Blod { font-family:Arial, "宋体"; font-size:14px; font-weight: normal; color:#FF0000; font-weight:bold;}

.redFont16 { font-family:Arial, "宋体"; font-size:22px; font-weight: normal; color:#ff0000; font-weight:bold;}

.blueFont14bold { font-family:Arial, "宋体";  font-size:14px; font-weight: bold; color:#0151A7;}

.whiteFont12bold { font-family:Arial, "宋体";  font-size:12px; font-weight: bold; color:#fff;}



/*链接*/

.underline { text-decoration: underline}

a.NavTitle { color:#333;}

a.NavTitle:hover { color:#0151A7;}



/*filler*/

.filler15 { height:15px; font-size:0px; line-height:0; margin:0 auto; width:960px;}







/*外部容器*/

#outBox { width:100%; height: 100%; margin:0 auto; text-align:center;}

/*内部容器*/

/*#inBox { width:960px; height:auto; margin:0 auto; background-color:#ffffff;}*/



/*网站顶部*/

#headBox { margin:0 auto; width:100%; height:100px; background: url(../images/bgTop.gif) repeat-x 0px 0px; text-align:center;}

#head {  margin:0 auto; width:960px; height:100px;}

#Header {  margin:0 auto; width:960px; height:100px;}

#logoBox { float:left; width:620px; height:100px; background:url(../images/bgTop.gif) no-repeat 0px -100px;}

#logoBoxRight { float:right; width:313px; height:100px;}

#logoBox .logo { float:left; width:251px; height:100px; clear:left;}

#logoBox .logo p { position:relative; left:-9999px}

#logoBox .phone { float:left; width:360px; height:50px; margin-top:35px; text-align:left;}

#logoBox .phone h1 { color:#666; font-size:12px; font-family:Arial,宋体; line-height:20px;}

#logoBox .phone h2 { color:#888; font-size:12px; line-height:20px;}



#logoBoxRight .sitemap {position:relative; width:313px; height:28px; line-height:28px; background:url(../images/bgTop.gif) no-repeat 0px -200px;}

#logoBoxRight .sitemap ul { padding-left:12px; clear:left;}

#logoBoxRight .sitemap li { float:left; width:75px; text-align:center;}

#logoBoxRight .sitemap .liA { width:67px;}

#logoBoxRight .sitemap .liB { width:76px;}

#logoBoxRight .sitemap .liC { width:78px;}

#logoBoxRight .sitemap .liD { width:80px;}



#logoBoxRight .Member  { width:313px; height:28px; margin-right:16px; text-align:center; margin-top:32px; background:#fff;}

#logoBoxRight .Member li { float:left; width:100px;}



/*site-nav*/

#site-nav{position:relative;height:22px;line-height:22px;margin:0 auto;padding:0px 0;color:#000;z-index:10000;}

#site-nav a{color:#0151A7;}

#site-nav a:hover{ text-decoration: underline;}



#site-nav .quick-menu{ position:absolute;right:0px;top:24px;top:25px\9;_top:24px;}

#site-nav .quick-menu li{ float:left;margin-left:-1px;padding:0px 0px 0 8px;}

#site-nav .quick-menu .liTop{ background: url(../images/bgTop.gif) no-repeat 131px -398px; padding-right:10px; padding-left:0}





#site-nav .menu{position:relative; padding:0}

#site-nav .menu a{color:#0151A7;}

#site-nav .menu a:hover{ text-decoration: none;}



#site-nav .quick-menu LI .menu-item { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; POSITION: relative}

#site-nav IFRAME.menu-bd {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; Z-INDEX: -1; BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=0); FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px}



#site-nav .menu-hd{display:block;position:relative;height:21px;margin:1px 1px 0;padding:0 20px 0 8px;cursor:pointer;z-index:10002;background: url(../images/bgTop.gif) no-repeat -10px -398px;}

#site-nav .menu-bd{ width:313px; height:74px;line-height:1.7; text-align:left;}

#site-nav .menu-bd{display:none;position:absolute;right:0;top:21px;_top:22px;background:#fff;border:1px solid #bfbfbf;z-index:10001;}



#site-nav .menu-bd-panel{ padding:8px 0 8px 10px;}

#site-nav .menu-bd-panel a{color:#555;}

#site-nav .menu-bd-panel a:hover{ color:#0151A7; text-decoration:underline;}

#site-nav .menu-hd b{position:absolute;right:10px;top:10px;top:8px\9;_top:9px;width:0;height:0;border-width:3px 3px;border-style:solid;border-color:#0151A7 #fff #fff #fff;font-size:0;line-height:0;-webkit-transition:-webkit-transform .2s ease-in;-moz-transition:-webkit-transform .2s ease-in;-o-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;}



#site-nav .menu:hover .menu-hd,#site-nav .hover .menu-hd{border-bottom:1px solid white;margin:0;*margin-top:-1px;_margin-top:0;border:1px solid #BFBFBF;border-bottom:none;background:white;}

#site-nav .menu:hover .menu-bd,#site-nav .hover .menu-bd{ display:block;}

#site-nav .menu:hover .menu-hd b,#site-nav .hover .menu-hd b{ border-color:#0151A7 #fff #fff #fff;-moz-transform:rotate(180deg);-moz-transform-origin:50% 30%;-webkit-transform:rotate(180deg);-webkit-transform-origin:50% 30%;-o-transform:rotate(180deg);-o-transform-origin:50% 30%;transform:rotate(180deg);transform-origin:50% 30%;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);top:6px\9;}





/*主栏目菜单*/

#menuBox { width:100%; height:40px; background:url(../images/bgTop.gif) repeat-x 0px -268px;}



#menu{ width:960px; height:40px;margin:0 auto;background:url(../images/bgTop.gif) repeat-x 0px -228px;}



#menuLeft { width:10px; height:40px; float:left; background:url(../images/bgTop.gif) no-repeat 0px -348px;}

#menuRight { width:10px; height:40px; float: right; background:url(../images/bgTop.gif) no-repeat -20px -348px;}



#menuMiddle { width:940px; height:40px; line-height:40px; text-align:center; float:left;}

#menuMiddle ul{ list-style:none; clear:left;}

#menuMiddle ul li { width:105px; height:40px;float:left;}

#menuMiddle li a { height:40px; color:#fff; font-size:14px; display:block; overflow: hidden;text-align:center;}

#menuMiddle li a:hover { height:40px; color:#0151A7; font-size:14px; background:url(../images/bgTop.gif) no-repeat -200px -308px; font-weight:bold; text-decoration: none; display:block; overflow: hidden;}



#menuMiddle ul .liTop { width:100px;}

#menuMiddle ul .liTop a { height:40px; color:#fff; font-size:14px; background:url(../images/bgTop.gif) no-repeat 0px -308px;display:block; overflow: hidden;padding-left:10px}

#menuMiddle ul .liTop a:hover { height:40px; color:#0151A7; font-size:14px; background:url(../images/bgTop.gif) no-repeat -100px -308px; font-weight:bold; text-decoration: none; display:block; overflow: hidden;}



#noticeBox { width:960px; height:48px;margin:0 auto; line-height:48px;}

#noticeBox .notice { float:left; width:560px; height:48px; text-align:left;}

#noticeBox .notice li span { padding-left:22px;}



#noticeBox .notice li { float:left;width:170px; height:48px;}

#noticeBox .notice .liW2 { width:200px;}

#noticeBox .notice li a {  color:#666; font-size:12px; text-decoration: none; display:block; overflow: hidden; background:url(../images/bg.gif) no-repeat 0px -600px;}

#noticeBox .notice li a:hover {  color:#0151A7; font-size:12px; text-decoration: underline; display:block; overflow: hidden; background:url(../images/bg.gif) no-repeat 0px -648px;}

#noticeBox .notice ul .t3 { width:190px;}



#noticeBox .phone { float:right; width:372px; height:48px; line-height:48px; text-align:left; overflow:hidden;}

#noticeBox .phone ul { clear:left;}

#noticeBox .phone li { float: left;}

#noticeBox .phone li img { padding-top:6px; padding-left:8px;}

/*banner*/

#bannerBox { width:960px; height: auto; background:#fff; margin:0 auto 15px auto; overflow:hidden;}

/*service*/

#serviceBox { width:958px; height: 34px; background:url(../images/bg.gif) repeat-x 0px -250px; margin-bottom:12px;border:#DDDDDD solid 1px;}

#serviceBox .text { float:left; width:660px; height:34px; line-height:34px; text-align:left;}

#serviceBox .text p { padding-left:12px;}

#serviceBox .btnBox { float:right; width:296px; height:34px; text-align:left;}

#serviceBox .btnBox p { padding-right:12px;}



/*底部*/

#footerMenuBox { width:100%; height:31px; background:url(../images/bg.gif) repeat-x 0px -1873px; text-align:center; margin:15px auto 0 auto;}

#footerMenu{ width:960px; height:31px;margin:0 auto; }

#footerMenu p { line-height:31px; font-size:9pt; font-family: "宋体";}

#footerMenu p span { width:20px; padding:0 10px;}



#copyrightBox { width:960px; height: auto;margin:0 auto; text-align: center;}

#copyrightBox .iconBox { width:791px; height:57px; margin:15px auto 0 auto;}

#copyrightBox .iconBox li { float:left;}

#copyrightBox .iconBox li dt { padding-left:58px; padding-top:6px; text-align:left; line-height:20px;}

#copyrightBox .iconBox .iconA { width:123px; height:57px; background:url(../images/bg.gif) no-repeat 0px -1922px;}

#copyrightBox .iconBox .iconB { width:106px; height:57px; background: url(../images/bg.gif) no-repeat 0px -1980px;}

#copyrightBox .iconBox .iconC { width:123px; height:57px; background: url(../images/bg.gif) no-repeat 0px -2038px;}

#copyrightBox .iconBox .iconD { width:133px; height:57px; background: url(../images/bg.gif) no-repeat 0px -2096px;}

#copyrightBox .iconBox .iconE { width:123px; height:57px; background: url(../images/bg.gif) no-repeat 0px -2154px;}

#copyrightBox .iconBox .iconF { width:156px; height:57px; background: url(../images/bg.gif) no-repeat 0px -2212px;}



#copyrightBox .textBox { width: auto; height: auto; margin:0 auto 15px auto; text-align:center;}

#copyrightBox .textBox p { padding:5px 0px; font-size:9pt; font-family:Arial, 宋体;}





/*QQ在线*/

#QQ { width:auto; border-left: #D4E5F9 solid 1px; border-top: #D4E5F9 solid 1px; border-right: #D4E5F9 solid 1px; padding-top:12px; height:30px; background-color:#ffffff; clear:left}

#QQ p { float:left; margin-right:0px; margin-left:17px}

/*FAQ*/

#FAQ { width:auto; height:55px; overflow:hidden}



#contactSide p { line-height:24px; padding:10px 0px 10px 10px;}



/*子页面*/

#pagebody { margin:0 auto; width:958px; height: auto; background: url(../images/bg2_pagebody.gif) repeat-y -1px top; border:#DDDDDD solid 1px; }

#mainBox { float:left; width:714px; height: auto; overflow:hidden;}

#sideBox { float:right; width:243px; height: auto; overflow:hidden;}



#sideBox .titleBox { width:100%; height:30px; line-height:30px; background:url(../images/bg.gif) repeat-x 0px -460px; text-align:left;}

#sideBox .titleBox .title { width: auto; height:30px; background:url(../images/bg.gif) no-repeat 15px -430px; padding-left:34px; color:#333; font-size:14px; font-weight:bold; text-align:left;}



#sideBox .caseBox { width: auto; height:226px; border-bottom:#DDD solid 1px; margin-bottom:12px; background:#FFF;}

#sideBox .content { padding:15px 15px 0px 15px;}

#sideBox .caseBox h1 { font-size:12px; color:#555; padding-top:6px; height:26px; line-height:26px; width:140px; float:left; background:url(../images/bg.gif) no-repeat 0px -724px; padding-left:15px;}

#sideBox .caseBox  .btnView { height:26px; width:44px; float:right; padding-top:10px;}



#sideBox .ADBox2 { width: auto; height: auto; border-top:#DDD solid 1px;border-bottom:#DDD solid 1px;  margin-bottom:12px; padding:15px 0; background:#fff; text-align:center;}



#sideBox .ADBox { width: auto; height: auto; border-top:#DDD solid 1px; margin-bottom:12px; background:#FFF; text-align:left;}

#sideBox .ADBox h2 { font-size:14px; font-weight:bold; color:#333;padding-top:16px;}

#sideBox .ADBox h2 a { color:#333;}

#sideBox .ADBox h2 a:hover { color:#0151A7;}

#sideBox .ADBox .ADWebsite { width: auto; height: 96px; background: url(../images/bg.gif) no-repeat 0px -1386px; padding-left:119px; line-height:26px;}

#sideBox .ADBox .ADidc { width: auto; height: 96px; background: url(../images/bg.gif) no-repeat 0px -1482px; padding-left:119px; line-height:26px;}

#sideBox .ADBox .ADBaidu { width: auto; height: 96px; background: url(../images/bg.gif) no-repeat 0px -1578px; padding-left:119px; line-height:26px;}

#sideBox .ADBox .ADDesign { width: auto; height: 96px; background: url(../images/bg.gif) no-repeat 0px -1674px; padding-left:119px; line-height:26px;}



#sideBox .newsBox { width: auto; height: auto; border-top:#DDD solid 1px; border-bottom:#DDD solid 1px; margin-bottom:12px; background:#FFF;}

#sideBox .newsBox .content { padding:22px 15px 0px 15px;}

#sideBox .newsBox  h1 { font-size:12px; color:#333; font-weight:bold; padding-top:6px; text-align:center;}

#sideBox .newsBox .dottedLevel { font-size:0; line-height:0; height:1px; background:url(../images/dotted_level.gif) repeat-x; margin:12px 0px;}

#sideBox .newsBox ul{ list-style:none;}

#sideBox .newsBox li { width: auto; height:26px; text-align:left;}

#sideBox .newsBox li a {width: auto; height:26px; color:#555; font-size:12px; text-decoration: none; display:block; overflow: hidden; background:url(../images/bg.gif) repeat-x 0px -734px; padding-left:15px;}

#sideBox .newsBox li a:hover { text-decoration: underline; color:#0151A7;}

#sideBox .newsBox li span { font-family:Arial,宋体; font-size:11px; color:#888; float:right;}





#sideBox .contactBox { width: auto; height: auto; border-top:#DDD solid 1px; background:#FFF;}

#sideBox .contactBox .content { padding:22px 15px 0px 15px;}

#sideBox .contactBox .dottedLevel { font-size:0; line-height:0; height:1px; background:url(../images/dotted_level.gif) repeat-x; margin:12px 0px;}

#sideBox .contactBox li {text-align:left; width: auto; height:26px; color:#333; font-size:12px; text-decoration: none; display:block; overflow: hidden; background:url(../images/bg.gif) repeat-x 0px -884px; padding-left:15px;}



#sideBox .contactBox .QQBox { width:214px; height:83px;background:url(../images/bg.gif) no-repeat 0px -2386px;}

#sideBox .contactBox .QQBox dd { text-align:left; padding-top:10px;}



#mainBox .submenuBox { width:auto; height:47px;}

#mainBox .submenuBox .title { width:256px; height:47px; float:left; text-align:left;}

#mainBox .submenuBox .title h1 a { padding-left:15px; font-size:14px; font-family:Arial, Helvetica,;font-size:14px; color:#333;line-height:47px; text-decoration:none;}

#mainBox .submenuBox .title h1 a:hover { color:#0151A7;}

#mainBox .submenuBox .title h1 span { font-family:"宋体"; font-weight:bold;}

#mainBox .submenuBox .submenu { width: auto; height:47px; float: right; text-align:right;}

#mainBox .submenuBox .submenu li { float: left; width:72px; height:47px; text-align:center;}

#mainBox .submenuBox .submenu li a { width:72px; height:47px; line-height:47px; color:#555; font-size:12px; display:block; text-decoration:none;}

#mainBox .submenuBox .submenu li a:hover { width:72px; height:47px; line-height:47px; color:#0151A7; font-size:12px; background:url(../images/bg.gif) no-repeat 0px -1123px; text-decoration: underline;}

#mainBox .submenuBox .submenu .current a { width:72px; height:47px; line-height:47px; color:#0151A7; font-size:12px; background:url(../images/bg.gif) no-repeat 0px -1123px; font-weight:bold;}



#mainBox .mainContent { height: auto; background:url(../images/bg.gif) repeat-x -1px -2549px; padding:20px 15px 0px 15px;}



#mainBox .mainContent .navBox { width: auto; height:31px; clear:both; background:url(../images/bg.gif) repeat-x 0px -1274px;}

#mainBox .mainContent .navBoxLeft { width:15px; height:31px; float:left; background:url(../images/bg.gif) repeat-x 0px -1243px;}

#mainBox .mainContent .navBoxRight { width:15px; height:31px; float:right; background:url(../images/bg.gif) repeat-x 0px -1305px;}

#mainBox .mainContent .navBoxMiddle { width: 654px; height:31px; float:left; color:#0151a7;}



#mainBox .mainContent .navBoxMiddle .titleBox { width: auto; height:31px; line-height:31px;text-align:left;}

#mainBox .mainContent .navBoxMiddle .title { height:31px; background:url(../images/bg.gif) no-repeat 0px -1336px;  padding-left:20px; color:#333; font-size:14px; font-weight:bold;}

#mainBox .mainContent .navBoxMiddle .title span { font-size:12px; font-weight:normal; color:#888;}



#mainBox .mainContent .navBoxMiddle a { color:#0151a7; font-size:14px; font-weight:bold; text-decoration:none; padding-left:20px;}

#mainBox .mainContent .navBoxMiddle a:hover { color:#0151a7; font-size:14px; font-weight:bold; text-decoration: underline;}



/*online_qq*/

.QQboxOnline {

	Z-INDEX: 99; POSITION: absolute; WIDTH: 215px; MARGIN-LEFT: 0px; TOP: 300px; LEFT: 0

}

.QQboxOnline .Qlist {

	POSITION: absolute; TOP: 1px; LEFT: 2px

}

.con { MARGIN: 0px auto; width:132px; height:auto; text-align:center;}

.topTab { width:132px; height:45px; background:url(../top.gif) no-repeat left top;}

.bottomTab { width:132px; height:10px; background:url(../bottom.gif) no-repeat left top;}

.middleTab { width: auto; height: auto; background: url(../qqBoxPic/bg.gif) repeat-y left top; padding-top:11px; padding-bottom:11px;}

.middleTab ul { width:110px; margin:0 auto;}

.middleTab ul,li{ list-style:none; text-align:left;}

.middleTab li { margin-bottom:6px; text-align:center;}

.middleTab .liLater { margin-bottom:0;}

.middleTab .qq a { width:100px; height:22px; line-height:26px; display:block; background:url(../images/off.gif) no-repeat left top; color:#555; text-decoration:none;}

.middleTab .qq a:hover { background:url(../images/on.gif) no-repeat left top; color:#378C00;}

.middleTab .qq span { padding-left:30px;}

.divMenu {

	WIDTH: 25px

}







/*通用样式*/

.btnBuy a { width:56px; height:19px; background:url(../images/bg.gif) no-repeat 0px -1032px; color:#0151A7; font-size:12px; text-decoration:none;  line-height:19px; display:block;}

.btnBuy a:hover { background:url(../images/bg.gif) no-repeat 0px -1051px; color:#fff; text-decoration:none;}



.xiangQing a { width:56px; height:19px; background:url(../images/bg.gif) no-repeat 0px -1070px; color:#0151A7; font-size:12px; text-decoration:none; display:block; line-height:19px;font-size:12px;}

.xiangQing a:hover { background:url(../images/bg.gif) no-repeat 0px -1089px; color:#fff;}



.xiangQing2 a { width:86px; height:22px; background:url(../images/bg.gif) no-repeat -120px -1049px; color:#fff; font-size:12px; text-decoration:none; display:block; line-height:22px;font-size:12px;}

.xiangQing2 a:hover { background:url(../images/bg.gif) no-repeat -120px -1074px; color:#fff;}



.pager a {

background:none repeat scroll 0 0 #FAF8E9;

border:1px solid #DBD9B5;

color:#996600;

font-size:12px;

margin:0 2px;

padding:3px 6px;

}



.pager {

clear:both;

text-align:center;

}

.pager a, .pager strong.pager-current {

padding:0.5em;

}



.pager a, .pager strong.pager-current {

background:none repeat scroll 0 0 #FAF8E9;

border:1px solid #DBD9B5;

color:#996600;

font-size:12px;

margin:0 2px;

padding:3px 6px;

}

.pager a:visited {

background:none repeat scroll 0 0 #FFFFFF;

border:1px solid #CCCCCC;

}

.pager a:hover {

background:none repeat scroll 0 0 #FF9100;

border:1px solid #FF6600;

color:#FFFFFF;

text-decoration:none;

}



.s-input {border:#93A9C9 solid 1px; color:#555555; width:210px; padding-left:5px; height:20px; line-height:20px;}

.s-input2 {border:#93A9C9 solid 1px; color:#555555; width:40px; padding-left:5px; height:20px; line-height:20px;}

.s-input3 {border:#93A9C9 solid 1px; color:#555555; width:90px; padding-left:5px; height:20px; line-height:20px;}

.s-select {border:#93A9C9 solid 1px; color:#555555; height:20px; line-height:20px;}

.s-textarea {border:#93A9C9 solid 1px; color:#555555; width:210px;padding-left:5px; }