/*--------------------------------------------------|
| design by 尹延超 yin_yanchao                       |
|---------------------------------------------------|
| Copyright (c) 上海盛典软件有限公司  2009             |
|--------------------------------------------------*/
/*----------------------------------------*/
*{margin:0px;padding:0px;}
html,body{height:100%;width:100%;}
ul li{list-style:none;}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:0;}
table{border-collapse:collapse;}
table input,table select{padding-left:3px;}
table textarea{padding:3px;}
body, p, td, th, li{font-family: "宋体",verdana,helvetica,sans-serif;font-size:12px;}
/*----------------------------------------*/
#bg{background:#000 url(../images/bg.jpg) repeat-x;}
#bg2{background:#000 url(../images/bg2.jpg) repeat-x;}
#homeBG{ background:url(../images/bg_home_down.jpg) no-repeat center 383px; width:100%;}
#homeBG2{ background:url(../images/bg_home_down2.jpg) no-repeat center 383px; width:100%;}
#productBG{ background:url(../images/bg_second.jpg) no-repeat center 388px; *background:url(../images/bg_second.jpg) no-repeat center 385px; width:100%;}
#flashBG{ background:url(../images/bg_home_top.jpg) no-repeat center top; width:970px; margin:0 auto; height:400px;}
#flashBG2{ background:url(../images/bg_product_top.jpg) no-repeat center top; width:970px; margin:0 auto; height:400px;}
#flashBG3{ background:url(../images/bg_home_top2.jpg) no-repeat center top; width:970px; margin:0 auto; min-height:400px;}
#logoBG{ width:970px; height:118px; background:url(../images/bg_top.jpg) no-repeat left bottom; margin:0 auto;}
#logoImg{ background:url(../images/bg_logo.jpg) no-repeat 30px 40px; height:118px;}
/*------------------- nav_top ---------------------*/
#nav_top{ text-align:right; padding:15px 10px 0 0; height:65px;}
#nav_top li{ float:right; margin-right:20px; display:inline;}
#nav_top A{COLOR: #aaa;}
#nav_top A:hover {COLOR: #006fb4; text-decoration:none;}
/*------------------- nav_menu ---------------------*/
#menu{ clear:both; padding-right:30px;}
#nav_menu{ float:right;}
#nav_menu li{ float:left; display:inline;}
#nav_menu A:hover {COLOR: #006fb4; text-decoration:none;}
#nav_menu LI A {COLOR: #dfdfdf; PADDING:10px 31px 12px;_PADDING:10px 31px 7px; DISPLAY: block; font:bold 14px "微软雅黑";}
#nav_menu LI.active {PADDING:0 31px 0 0; BACKGROUND: url(../images/tab.jpg) no-repeat 100% 0px; COLOR: #dfdfdf; font:bold 14px "微软雅黑";}
#nav_menu LI.active A { DISPLAY: block; BACKGROUND: url(../images/tab.jpg) no-repeat 0px 0px;PADDING: 10px 0 12px 31px;_PADDING: 10px 0 7px 31px;}
#nav_menu LI STRONG {DISPLAY: block; BACKGROUND: url(../images/tab.jpg) no-repeat 0px 0px; PADDING: 10px 0 12px 31px;PADDING: 10px 0 7px 31px;}
/*------------------- bodyInfo ---------------------*/
#bodyInfo {Z-INDEX: 200; MARGIN: 0px auto; WIDTH: 874px; POSITION: relative; TOP: -27px;}
.column-clear {CLEAR: both; OVERFLOW: hidden;}
.feature{WIDTH: 266px;}
.feature H2 {PADDING: 0px; font:bold 16px "微软雅黑";}
.feature h2 a{ color:#DFDFDF;}
.feature h2 a:hover{ color:#006FB4;}
.column-left {DISPLAY: inline; FLOAT: left; MARGIN-RIGHT: 38px}
.column-right {DISPLAY: inline; FLOAT: right}
.read-basic{ padding: 15px 0px 9px; color:#ccc; line-height:20px;}
.read-more {FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 7px 0px 0px;}
.read-more A { PADDING-LEFT: 16px; color:#006FB4; background:url(../images/sks-icons.png) no-repeat; BACKGROUND-POSITION: -2px -800px;}
.read-more A:hover {BACKGROUND-POSITION: -2px -900px; color:#3E85BA;}
/*------------------- copyright ---------------------*/
#copyright{CLEAR: both; width:970px; height:60px; background:url(../images/bg_bottom.jpg) no-repeat left top; margin:0 auto; padding-top:35px;}
#copyright p{ float:right; margin-right:30px; COLOR:#808080;}
#copyright A {COLOR:#808080; display:inline-block; margin-left:15px;}
#copyright A:hover {COLOR: #006fb4;}
/*------------------- message ---------------------*/
#message{ width:880px; margin:0 auto; min-height:600px; margin-top:40px;}
.centerDiv{ width:880px; margin:0 auto;}
.left{ width:190px; float:left; display:inline;}
.right{ width:620px; float:right; display:inline;}
.left2{ width:270px; float:left; display:inline;}
.right2{ width:490px; float:right; display:inline;}
.left3{ width:240px; float:left; display:inline;}
.right3{ width:580px; float:right; display:inline;}
/*------------------- 导航 ---------------------*/
.left h2{ color:#ccc; font:bold 12px "微软雅黑"; padding-bottom:10px;}
.leftNav li a{ color:#B4B4B4; display:block; width:190px; BORDER-top: #2e2e2e 1px solid; height:35px; line-height:35px; background:url(../images/sks-icons.png) no-repeat; BACKGROUND-POSITION: -2px 0; text-indent:20px;}
.leftNav li a:hover {COLOR: #006FB4; background:#141414; text-decoration:none; background:url(../images/sks-icons.png) no-repeat; BACKGROUND-POSITION: -2px -100px;}
.leftNav li a.clicked{ color:#006FB4; background:url(../images/sks-icons.png) no-repeat; BACKGROUND-POSITION: -2px -300px;}
.leftnav2 li a{ BORDER-bottom: #2e2e2e 1px solid;}
.leftNav ul.leftNav_son{ margin-bottom:10px;}
.leftNav ul.leftNav_son li a{ background:url(../images/sks-icons.png) no-repeat; BACKGROUND-POSITION: -2px -405px; border:0; height:25px; line-height:25px; width:190px; margin-left:20px;}
.leftNav ul.leftNav_son li a:hover{ background:url(../images/sks-icons.png) no-repeat; BACKGROUND-POSITION: -2px -505px;}
.leftNav ul.leftNav_son li a.clicked{ color:#006FB4; background:url(../images/sks-icons.png) no-repeat; BACKGROUND-POSITION: -2px -505px;}
/*------------------- 右侧 ---------------------*/
.rightInfo{width:620px; BORDER-top: #2e2e2e 1px solid; padding:30px 0;}
.rightInfo img{ float:right; display:inline;}
.rightInfo h2{ color:#fff; font:bold 16px "微软雅黑"; letter-spacing:2px;}
.rightInfo p{ color:#ccc; margin:25px 0; width:300px; line-height:22px;}
/*-------- proNav ---------*/
.proNav li a{color:#006FB4; background:url(../images/sks-icons.png) no-repeat; BACKGROUND-POSITION: -2px -801px; padding-left:20px; padding-bottom:5px; display:inline-block;}
.proNav li a:hover{ background:url(../images/sks-icons.png) no-repeat; BACKGROUND-POSITION: -2px -901px; color:#4B85BA; text-decoration:none;}
/*-------- proLi ---------*/
.proLi{ margin-bottom:30px;}
.proLi li{color:#ccc; padding-bottom:5px; list-style-type:disc; list-style-position:inside;}
/*-------- solutionInfo ---------*/
.solutionInfo,.proInfo{padding:30px 0; margin:25px 0;}
.solutionInfo h1,.leaveMes h1,.proInfo h1{color:#EEEFEF; font:normal 20px "微软雅黑"; letter-spacing:3px;}
.solutionInfo h2{ color:#ccc; font-size:12px; margin-bottom:15px;}
.solutionInfo p,.leaveMes p{color:#ccc; margin:25px 0; width:430px; line-height:22px;}
.solutionInfo p a{color:#006fb4;}
.solution_leftImg{ background:url(../images/solution.jpg) no-repeat left top; height:350px; width:254px; margin-top:100px;}
/*-------- showImg ---------*/
#showImg{width:880px; margin:0 auto; BORDER-top: #2e2e2e 1px solid; clear:both; display:none;}
#showImg h2{ color:#fff; font:bold 13px "微软雅黑"; letter-spacing:2px; padding-top:30px; text-indent:10px; margin-bottom:20px; width:100%;}
/*-------- floatImg ---------*/
.floatImg{ width:418px; height:220px; float:left; display:inline; margin:0 10px;}
.floatImg img{ width:416px; height:160px; border:1px solid #2E2E2E;}
.floatImg p{ color:#808080; padding-top:8px; text-align:center;}
/*-------- service_leftImg ---------*/
.service_leftImg{ background:url(../images/service.jpg) no-repeat left top; height:350px; width:200px; margin-top:90px; margin-left:20px;}
.serviceInfo p{width:550px; margin-left:24px;}
.serviceInfo h2{ font:bold 14px "微软雅黑"; }
.serviceInfo ul.proLi li{ padding-bottom:15px; margin-left:24px;}
/*-------- companyInfo ---------*/
.companyInfo img{ border:1px solid #2E2E2E; margin-bottom:20px;}
.companyInfo p{ width:98%; text-indent:24px;}
.contactInfo h2{ margin:40px 0 20px 0; font:bold 13px "微软雅黑"; letter-spacing:1px;}
.contactInfo p{ text-indent:0; margin:0;}
.contactInfo{ background:url(../images/bg_com.jpg) no-repeat 300px 26px; width:100%; min-height:280px;}
.contactU{background:url(../images/bg_com.jpg) no-repeat 300px -5px; width:100%; min-height:280px;}
/*-------- backTop ---------*/
.backTop{ clear:both;}
.backTop a{ color:#ccc; background:url(../images/sks-icons.png) no-repeat; BACKGROUND-POSITION: -2px -601px; padding-left:20px; display:inline-block;}
.backTop a:hover{ background:url(../images/sks-icons.png) no-repeat; BACKGROUND-POSITION: -2px -701px; color:#006FB4; text-decoration:none;}
/*-------- saleImg ---------*/
.saleImg{padding:30px 0; background:url(../images/bg_map.jpg) no-repeat 30px 15px; width:580px; height:313px;}
.saleImg h1{color:#EEEFEF; font:normal 20px "微软雅黑"; letter-spacing:3px; margin-top:-20px;}
/*-------- saleInfo ---------*/
.saleInfo{ height:200px; clear:both;}
.saleMes{ float:left; display:inline; width:280px; margin:0 15px;}
.saleMes h1{color:#EEEFEF; font:normal 18px "微软雅黑"; letter-spacing:3px; line-height:30px; border-bottom:1px solid #2e2e2e; text-indent:5px;}
.saleMes h2{color:#EEEFEF; font:normal 13px "微软雅黑"; line-height:25px; text-indent:10px; margin:10px 0 20px 0;}
.saleMes p{ color:#ccc; margin-top:5px; text-indent:10px; font-family:Arial, Helvetica, sans-serif;}
.saleMes a{ color:#006fb4;}
/*-------- leaveMes ---------*/
.leaveMes{ width:90%; margin:50px 0;}
.leaveMes td{ color:#ccc; height:40px; line-height:40px;}
/*-------- proInfo ---------*/
.proInfo p{ color:#ccc; margin:25px 0; width:300px; line-height:22px;}
.proInfo img{ float:right; margin:65px 30px 0 0;}
.proInfo h2{ font:normal 14px "微软雅黑"; color:#ccc; margin-top:6px;}
/*-------- proDiv ---------*/
.proDiv{ border-top:1px solid #2e2e2e; padding:40px 0; }
.proDiv h1{ color:#EEEFEF; font:normal 16px "微软雅黑";}
.proDiv h2{ color:#EEEFEF; font:normal 13px "微软雅黑"; margin:20px 0 20px 0;}
.proDiv h3{ color:#515151; font:normal 12px "微软雅黑"; margin:20px 0 10px 0;}
.proDiv h3 span{ float:right; margin-right:20px;}
.proDiv p{ color:#666; line-height:20px; margin-top:20px;}
/*-------- proTable ---------*/
.proTable th{ text-align:left; padding:0 0 20px 10px;}
.proTable th span{ display:block; color:#666; width:70%; font-weight:normal; line-height:18px; margin:15px 0;}
.proTable td{ border:1px solid #101010; color:#666; font-family:Arial, Helvetica, sans-serif; padding:10px 0 10px 10px; line-height:18px;}
.proTable td span{ line-height:18px; display:block;}
.proTable tr.gray{ background:#1A1A1A;}
/*-------- lineTable ---------*/
.lineTable{ margin:30px 0;}
.lineTable td{ color:#666; border-bottom:1px solid #2e2e2e; line-height:35px; height:35px; padding-left:10px;}
/*-------- fileUL ---------*/
.fileUL li{ border-top:1px solid #0E0E0E; height:35px; line-height:35px; color:#ccc; font-family:Arial, Helvetica, sans-serif;}
.fileUL li a{ float:right; display:inline; color:#006FB4; background:url(../images/sks-icons.png) no-repeat; BACKGROUND-POSITION: -2px -989px; text-indent:18px; margin-right:10px;}
.fileUL li a:hover{ background:url(../images/sks-icons.png) no-repeat; BACKGROUND-POSITION: -2px -1089px; color:#4B85BA; text-decoration:none;}