@charset "utf-8";
/* CSS Document */
body { background: #EEF4F6 url("Images/bodybg.gif") repeat-x; margin: 0px; font-size: 12px; }
a { color: #007BA8; }
a:hover { color: #f60; }
a.buy { color: #f60; }
a.buy:hover { color: #f60; }
a.lights_link { color: #FF6600; text-decoration: underline; }
a.link { color: #999; }
a.redcolor { color: #CB4721; }
a.redcolor:hover { color: #222; }
a.white { color: #fff; text-decoration: none; }
a.white:hover { color: #fff; text-decoration: underline; }
div { margin-left: auto; margin-right: auto; line-height: 24px; font-family: "arial"; color: #666; }
hr { height: 0px; border: 0px; border-top: 1px solid #ddd; width: 96%; }
img { border: 0; }
img { border: 0px; }
p { margin: 0px; padding: 0px; }
.Alog { float: left; padding-left: 10px; padding-right: 10px; border-right: 1px solid #A0C6D3; margin-right: 10px; }
.bank_left { float: left; margin-left: 40px; margin-top: 10px; padding-right: 10px; width: 400px; height: 250px; line-height: 20px; border-right: 2px dotted #D7D7D7; border-bottom: 1px dotted #D2DFE6; }
.bank_link { width: 800px; height: 25px; line-height: 25px; border-bottom: 1px dashed #D7D7D7; text-align: center; }
.bank_right { float: left; width: 300px; margin-top: 10px; padding-left: 10px; height: 250px; line-height: 20px; border-bottom: 1px dotted #D7D7D7; }
.blue01:link { FONT-SIZE: 14px; COLOR: #074495; TEXT-DECORATION: none; }
.blue01:visited { FONT-SIZE: 14px; COLOR: #074495; TEXT-DECORATION: none; }
.blue01:hover { FONT-SIZE: 14px; COLOR: #074495; TEXT-DECORATION: underline; }
.blue01:active { FONT-SIZE: 14px; COLOR: #074495; TEXT-DECORATION: underline; }
.border_pic { width: 809px; height: 301px; }
.bot { width: 948px; padding: 10px; padding-top: 30px; background: #fff url("Images/bottombg_e.gif") repeat-x; height: 74px; line-height: 20px; font-family: arial; }
.bot span { height: 0px; line-height: 0px; display: block; border-top: 1px solid #BCDBE6; border-bottom: 1px solid #fff; margin-bottom: 10px; }
.bot2 { width: 968px; background: #fff url("Images/bot.jpg") repeat-x; height: 66px; font-family: arial; }
.botbg { width: 183px; padding-left: 10px; float: left; height: 183px; background: url("Images/botbg2.gif"); }
.botext { float: right; width: 240px; }
.bottom { width: 100%; background: #fff url("Images/botbg_e.gif") repeat-x; height: 180px; margin: 0px; }
.buy a { color: #f60; text-decoration: none; }
.content { width: 809px; height: auto; background-color: #fff; }
.content li div { width: 120px; height: 90px; overflow: hidden; padding: 0px; margin-bottom: 4px; }
.content_left { float: left; margin-top: 12px; width: 520px; height: auto; background-color: #FFFFFF; }
.content_right { float: right; width: 260px; height: auto; margin-top: 12px; background-color: #FFFFFF; }
.dis { float: left; width: 10px; text-align: center; cursor: pointer; }
.down-style { padding: 5px; width: 200px; list-style-type: none; border-bottom: dashed 1px; text-align: center; font-weight: normal; }
.features_more { width: 200px; text-align: right; height: 20px; margin: 0 20px 0 0; }
.header { height: 110px; margin-top: 0px; }
.header_title a { COLOR: #007BA8; TEXT-DECORATION: none; }
.header_title a:hover { COLOR: #f60; TEXT-DECORATION: none; }
.header_title td { FONT-SIZE: 12px; color: #0F0F0F; font-family: Verdana, Arial, Helvetica, sans-serif; border: 0px; }
.headertop { width: 949px; height: 25px; text-align: right; color: #DFF4FF; line-height: 25px; padding-right: 20px; padding-top: 5px; margin-top: 15px; background-color: #123949; background-image: url(Images/headertopbg.gif); letter-spacing: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.headertop a { color: #DFF4FF; text-decoration: none; }
.headertop a:hover { color: #DFF4FF; text-decoration: underline; }
.highlights { width: 100%; height: 100px; margin: 10px; border-bottom: 1px dashed #CCCCCC; }
.highlights_ { width: 200px; height: 100px; margin: 10px; border-bottom: 1px dashed #CCCCCC; float: left; }
.introduced { float: left; margin: 0; height: auto; width: 100%; }
.introduced_content { float: left; margin-top: 10px; margin-left: 3px; width: 100%; height: auto; line-height: 20px; }
.intruduct { width: 100%; line-height: 22px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 0px; }
.kuan460 { WIDTH: 590px; TEXT-ALIGN: left; border: 1px solid #C5D4DB; }
.left { width: 590px; height: auto; float: left; }
.leftbot { width: 273px; background: #fff url("Images/leftbot.gif") repeat-x; height: 6px; line-height: 0px; font-size: 0px; }
.leftcontent { height: auto; width: 590px; }
.leftcontent ul { margin: 0px; padding: 5px; list-style: none; }
.leftcontent ul li { font-weight: bold; }
.leftop { width: 273px; background: #fff url("Images/leftop.gif") repeat-x; height: 6px; line-height: 0px; font-size: 0px; }
.lights { width: 100%; height: auto; line-height: 20px; color: #ff6600; }
.logo { padding-left: 30px; padding-top: 20px; }
.mainbox { width: 958px; background: #fff url("Images/mainbg.gif") repeat-x; padding: 0px 5px; margin-top: 0px; }
.mainpage { width: auto; padding: 8px 26px; }
.menu { width: 948px; position: absolute; margin-top: -60px; }
.menu h1 { background: url("Images/menubg2.gif"); margin-top: 1px; margin-bottom: 0px; padding: 0px; font-size: 10px; line-height: 20px; font-weight: 100; height: 25px; }
.menu_about { width: 100%; height: 30px; line-height: 30px; background-image: url("Images/001.jpg"); margin-bottom: 20px; padding-left: 10px; }
.menu_about a { color: #1A4A4A; text-decoration: none; }
.menu_about a:hover { color: #1A4A4A; text-decoration: underline; }
.nav_services { width: 180px; height: 35px; line-height: 35px; background-image: url("Images/003.jpg"); text-align: center; float: left; margin: 5px 10px 0 10px; color: #fff; font-size: 14px; }
.page { padding-right: 5px; height: 18px; padding-left: 50px; margin-top: 20px; }
.page ul { list-style: none; margin: 0px; padding: 0px; }
.page ul li { float: left; padding: 0px 3px 0px 3px; }
.php_down { float: right; width: 250px; height: auto; padding: 0px; text-align: left; }
.pic-net { float: left; padding-right: 15px; }
.pic-net_ { float: left; padding: 0px; }
.products { width: 100%; padding-top: 20px; margin-top: 10px; float: left; color: #7C7C7C; border-bottom: 1px dashed #D7D7D7; padding-bottom: 20px; }
.products_ { width: 100%; padding: 20px 0; float: left; color: #7C7C7C; margin-top: 10px; }
.products_center { width: 440px; height: auto; padding: 0px; float: left; margin: 0; margin-right: 20px; }
.products_left { width: 160px; height: auto; float: left; padding-bottom: 10px; margin-left: 10px; color: #016F97; text-align: left; }
.products_right { float: left; width:240px; height: auto; padding: 5px; text-align: left; }
.products_right ul { margin: 0; list-style: none; }
.case_center { width: 580px; height: auto; padding: 0px; float: left; margin: 0; margin-right: 20px; }

.products_right ul li { list-style: none; }
.reports { margin-top: 10px; float: left; height: auto; width: 500px; }
.right { width: 273px; height: auto; float: right; }
.right ol { display: block; width: 230px; border: 1px solid #D1EBC7; background: #F1FFEC; padding: 3px 0px; margin: 0px; }
.right ol a { border: 1px solid #D1EBC7; background: #F1FFEC; width: 210px; padding-left: 10px; display: block; margin: 2px 5px; }
.right ol a:hover { border: 1px solid #f90; background: #FFFBE5; width: 210px; padding-left: 10px; display: block; margin: 2px 5px; }
.right ul { width: 263px; margin: 0px; padding: 10px; padding-left: 0px; list-style: none; line-height: 20px; }
.rightcontent { }
.rightcontent ul { margin: 0px; padding: 0px; list-style: none; }
.rightcontent ul li { font-weight: bold; }
.rightcontent ul li img { border: 0px; background: #fff; padding: 5px; float: left; margin: 0px 10px 5px 0px; }
.rightcontent ul li span { display: block; font-weight: bold; padding-left: 10px; }
.rightCus { width: 263px; margin: 0px; padding: 10px; padding-left: 0px; list-style: none; line-height: 20px; }
.rightCus ul { font-weight: bold; }
.rightCus ul li { margin-top: 15px; }
.rightDiv { margin-top: 3px; margin-right: 10px; float: left; }
.rtitle { font-weight: bold; font-size: 14px; color: #000; width: 580px; border-bottom: 1px dotted #ccc; margin-bottom: 15px; }
.server { width: 200px; }
.server img { border: 1px solid #ddd; background: #fff; padding: 3px; float: left; margin: 0px 6px 5px 0px; }
.service { width: 610px; padding-top: 20px; color: #666; float: left; margin-left: 15px; line-height: 22px; }
.service_worn { width: 800px; color: #666; float: left; margin-left: 25px; line-height: 22px; border-bottom: 1px dashed #D7D7D7; padding-top: 10px; }
.skins { width: 80px; float: left; text-align: center; }
.skinslist { width: 99%; height: 120px; margin-bottom: 10px; }
.skinslist img { border: 1px solid #ddd; padding: 2px; overflow: hidden; }
.technical_support { width: 768px; padding-top: 20px; float: left; color: #666; margin-left: 30px; }
.title { font-weight: bold; font-size: 14px; color: #000; border-bottom: 1px dotted #ccc; margin-bottom: 15px; }
.title_center { position: absolute; visibility: hidden; }
.title_main { position: absolute; z-index: 100; }
.title_menu { position: absolute; z-index: 100; left: -130px; top: 28px; }
.title_menu2 { position: absolute; z-index: 100; left: -90px; top: 28px; }
.title_right { font-weight: bold; font-size: 14px; color: #000; margin-bottom: 15px; }
.too { width: 156px; float: left; display: block; line-height: 24px; color: #222; }
.tool { width: 156px; float: left; display: block; line-height: 24px; }
.topbarmenu { filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }

.words { width: 95%; height: auto; padding: 10px; line-height: 20px; letter-spacing: 1px; }
#content li { width: 120px; padding: 3px; line-height: 20px; text-align: center; }
#description { width: 615px; /*=188*3+15*2 */ height: 140px; overflow: hidden; margin-left: 3px; margin-right: 3px; float: left; }
#description ul, #description li { float: left; display: inline; margin: 0; padding: 0; height: 150px; }
#focus { margin: 0px; padding: 0px; background: #fff; width: 645px; position: relative; height: 140px; }
#hoverpage { width: 590px; height: 320px; border: 1px solid #C5D4DB; background: #fff; position: relative; z-index: 500; overflow: hidden; line-height: 24px; }
#hoverpage p { margin: 2px; padding: 3px; }
#plus li { clear: both; }
#plus li div { height: 100px; width: 60px; float: left; }
/* Css Menu Style */

/*- Menu Tabs 6--------------------------- */
#tabs6 { float: right; width: 890px; line-height: normal; }
#tabs6 a { float: left; background: url("Images/tableft6.gif") no-repeat left top; margin: 0; padding: 0 0 0 4px; text-decoration: none; }
#tabs6 a span { float: left; display: block; background: url("Images/tabright6.gif") no-repeat right top; padding: 8px 20px 8px 10px; color: #FFF; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
 #tabs6 a span { float: none; }
#tabs6 a:hover { background-position: 0% -42px; }
/* End IE5-Mac hack */
#tabs6 a:hover span { color: #FFF; }
#tabs6 a:hover span { background-position: 100% -42px; color: #222; }
#tabs6 li { display: inline; margin: 0; padding: 0; }
#tabs6 ul { margin: 0; padding: 10px 10px 0 265px; list-style: none; }
#tabs7 a { background-position: 0% -42px; }
#tabs7 a span { background-position: 100% -42px; color: #222; }
#tabmenu01 a { background-position: 0% -42px; }
#tabmenu01 a span { background-position: 100% -42px; color: #222; }
.GifWH { float: left; height: 90px; width: 50px; margin-left: 10px; }
.GifWH2 { float: left; height: 80px; width: 40px; margin-left: 3px; padding-left: 10px; margin-right: 5px; }
.imgBd { border: 1px solid #CCCCCC; margin-right: 5px; padding: 2px; }
.leftcontent_nav { height: auto; width: 590px; }
.leftcontent_nav ul { margin: 0px; padding: 0px; list-style: none; }
.leftcontent_nav ul li { font-weight: bold; }
.leftcontent_nav_p { width: 100%; float: left; margin-top: 15px; }
.leftcontent_nav_p ul { margin: 0px; padding: 0px; list-style: none; }
.leftcontent_nav_p ul li { font-weight: bold; }
.title_nav { font-size: 12px; color: #000; border-bottom: 1px dotted #CCE6F1; margin-bottom: 15px; }
.title_pro { font-size: 16px; color: #FF0000; font-weight: bold; word-spacing: 2px; line-height: 28px; }
.title_pro_p { font-size: 12px; color: #007BA8; text-decoration: underline; font-weight: bold; word-spacing: 2px; line-height: 24px; }
.title_pro a { font-family: "宋体"; font-size: 16px; font-weight: bold; line-height: 28px; color: #FF0000; letter-spacing: 2px; }
.title_pro a:link { color: #FF0000; }
.title_pro a:hover { color: #f60; }
#productpage { width: 590px; height: 1090px; border: 1px solid #C5D4DB; background: #fff; position: relative; z-index: 500; overflow: hidden; line-height: 24px; }
#productpage p { margin: 2px; padding: 3px; }
.products_1 { width: 100%; padding-top: 10px; margin-top: 10px; float: left; color: #7C7C7C; border-bottom: 1px dashed #D7D7D7; padding-bottom: 20px; }
.products_2 { width: 100%; padding: 10px 0; float: left; color: #7C7C7C; margin-top: 10px; }
.title_pro_p1 { border-bottom: 1px dotted #ccc; font-size: 14px; color: #000000; text-decoration: none; font-weight: bold; line-height: 24px; padding-left: 0px; margin-bottom: 15px; }

.products_1_left { width: 140px; height: auto; float: left; padding-bottom: 10px; margin-left: 0px; color: #016F97; text-align: left; padding-top: 20px; padding-left: 15px; }
.products_1_left a:hover { color: #1C6100; text-decoration: underline; }
.products_1_left ul { color: #1C6100; margin: 5px; list-style: disc; float: left; }
.products_1_left ul li { width: 122px; height: 20px; line-height: 20px; }
.products_1_left ul li a { color: #1C6100; text-decoration: none; }
.products_1_right { float: left; width:410px; height: auto; text-align: left; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; line-height: 22px; }
.products_1_right ul { margin: 0; padding: 0px; list-style: none; }
.products_1_right ul li { list-style: none; margin-top: 3px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.products_1_center { width: 100%; height: auto; padding: 5px; float: left; margin-right: 0px; margin-top: 0; margin-bottom: 0; margin-left: 0; }
.products_1_center ul { margin: 0px; padding: 0px; list-style: none; }
.products_1_center ul li { list-style: none; margin-top: 3px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; line-height: 22px; float: left; }
.imgDiv1 { float: left; width: 20px; height: 9px; margin-top: 1px; padding-right: 2px; }

.leftcontentnews { padding-right: 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; }
.leftcontentnews UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none }
.leftcontentnews UL LI IMG { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 3px; PADDING-TOP: 5px; border-top-color: #ddd; border-right-color: #ddd; border-bottom-color: #ddd; border-left-color: #ddd; margin-top: 0px; margin-right: 6px; margin-bottom: 5px; margin-left: 0px; }
.leftcontentnews UL LI SPAN { DISPLAY: block; PADDING-LEFT: 10px; FONT-WEIGHT: bold }

.leftproductcontent { width: 100%; padding-top: 5px; margin-top: 10px; float: left; color: #7C7C7C; padding-bottom: 20px; border-bottom-color: #D7D7D7; }
.leftproductcontent ul { margin: 0px; padding: 0px; list-style: none; }
.leftproductcontent ul li { list-style: none; margin-top: 3px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; }
.leftproductcontent ul li img { border: 0px; background: #fff; padding: 5px; float: left; margin: 0px 10px 5px 0px; }
.leftproductcontent ul li span { display: block; font-weight: bold; padding-left: 10px; }

.GifWH3 { float: left; height: 60px; width: 40px; margin-left: 3px; padding-left: 0px; }

.titleSev { font-weight: bold; font-size: 12px; color: #007BA8; border-bottom: 1px dotted #ccc; margin-bottom: 20px; text-decoration: none; line-height: 20px; margin-top: 5px; }
.titleSev a{ color: #007BA8; text-decoration: none; }
.titleSev a:hover { color: #007BA8; text-decoration: underline; }
.titleSev img { margin-top: 5px; margin-right: 5px; float: left; }
.leftcontentSev { padding: 2px; }

.leftcontent_sev { height: auto; width: 590px; }
.leftcontent_sev ul { margin: 0px; padding: 0px; list-style: none; }
.leftcontent_sev ul li { font-weight: normal; }

.GifWH4 { float: left; height: 100px; width: 45px; margin-left: 3px; padding-left: 0px; }

.titleSev1 { font-weight: bold; font-size: 12px; color: #007BA8; margin-bottom: 10px; text-decoration: none; line-height: 20px; margin-top: 5px; }
.titleSev1 img { margin-top: 5px; margin-right: 5px; float: left; }