@charset "utf-8";

*{margin:0; padding:0;}
body{background:#FFF url(../images/bkgbody.gif) 50% 0 repeat-y; font:12px/1.55 Arial, Helvetica, sans-serif; color:#2f2f2f; text-align:center;}

.wrapper{min-width:980px;}
.page{}
.mainContainer{background: url(../images/bkgmain.gif) 50% 0 repeat-y #FFF;}
.main{width:950px; margin:0 auto; padding:0px; background:#fffffe url(../images/bkgmain2.gif) 0 0 no-repeat; text-align:left;}




.col-left { float:left; width:251px; padding:0 0 1px; }
.col-main { float:left; width:681px; padding:0 0 1px; }
.col-right { float:right; width:251px; padding:0 0 1px; }


.col1-layout .col-main { float:none; width:auto; }


.col2-left-layout .col-main { float:right; }
.col2-right-layout .col-main {}


.col3-layout .col-main { width:475px; margin-left:17px; }
.col3-layout .col-left, .col3-layout .col-right{width:195px;}
.col3-layout .col-wrapper { float:left; width:687px; }
.col3-layout .col-wrapper .col-main { float:right; }





input,select,textarea,button{font:12px/15px Arial, Helvetica, sans-serif; vertical-align:middle; color:#2f2f2f;}
input.inputText,select,textarea{background:#fff; border:1px solid #b6b6b6;}
input.inputText,textarea{padding:2px;}

button.button::-moz-focus-inner{padding:0; border:0;} 
button.button{-webkit-border-fit:lines;} 
button.button{overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer;}
button.button span{display:block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff;}
button.button span span{border:0; padding:0;}
button.disabled span{border-color:#bbb !important; background:#bbb !important;}


.col-main dt a{text-decoration:none; color:#FFF;}
.col-main dt a:hover{text-decoration:underline; color:#000;}
.col-main dd a{text-decoration:none; color:#333;}
.col-main dt a:hover{text-decoration:underline; color:#000;}


.headerContainer{background:url(../images/bkgheader.jpg) left -41px repeat-x; height:106px;}
.header{width:960px; margin:0 auto; padding:5px 0px 5px 0px; text-align:right; position:relative; z-index:10; height:61px;}
.header .logo {float:left; margin:3px 0 5px 12px; text-decoration:none !important;}
.header .logo strong{position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden;}

.header .headerShortcuts{float:right; width:600px; padding:0px 10px 0 0;}
.header .welcomeMsg{margin:0; color:#333; text-align:right;}
.header #formSearch{position:absolute; top:45px; right:-50px; width:220px; height:29px; background:url(../images/bkgformsearch.gif) 0 50% no-repeat; padding:1px 0 0 16px;}
.header input.inputText{float:left; border-color:#CCC; width:101px; margin-right:4px;}
.header button.button{float:left;}
.header button.button span{border:0; height:21px; background:url(../images/btnsearch.gif) left -50% no-repeat; padding:0px 3px 0px 3px; font:bold 11px/21px Tahoma, Verdana, Geneva, Arial, sans-serif;}
.header button.button span span{background-position:100% 0; padding:0 6px 0 3px;}

.links li{display:inline;}
.links li.first{padding-left:0 !important;}
.links li.last{background:none !important; padding-right:0 !important;}
.header .links{float:right; margin:10px 0px 6px 0px;}
.header .links li{float:left; font-size:11px; background:url(../images/bakheaderlinks.gif) 100% 60% no-repeat; padding:0px 8px 0px 7px;}
.header .links a{color:#333;}



#nav{width:950px; margin:0 auto; padding:0 0px; font-size:13px; height:33px; background:#639CBA url(../images/bkgnav0.jpg) left -33px no-repeat; white-space:nowrap;}

 
#nav li{position:relative; text-align:left;}
#nav li.over{z-index:998;}
#nav a, #nav a:hover{display:block; line-height:1.3em; text-decoration:none;}
#nav span{display:block; cursor:pointer; white-space:nowrap; padding:4px 0px;}
#nav li ul span {white-space:normal;}
#nav ul li.parent a{background:url(../images/bkgnav2.gif) 100% 100% no-repeat;}
#nav ul li.parent li a{background-image:none;}


#nav li{float:left; text-align:center; }
#nav li.active a{color:#FFF;}
#nav a{float:left; padding:5px 0px 5px 0px; color:#FFF; font-weight:bold; width:84px; background:url(../images/bkgnav0.jpg) -84px -33px no-repeat; overflow:hidden;}
#nav a.menuHome{float:left; padding:5px 0px 3px 0px; color:#FFF; font-weight:bold; width:84px; background:url(../images/bkgnav0.jpg) left -33px no-repeat;}
#nav li.over a, #nav a:hover{color:#000; background:url(../images/bkgnav0.jpg) -168px top no-repeat;}
#nav li.over a.menuHome, #nav a.menuHome:hover{color:#000; background:url(../images/bkgnav0.jpg) left top no-repeat;}
#nav a.here, #nav li.over a.here, #nav a.here:hover{color:#000; background:url(../images/bkgnav0.jpg)-168px top no-repeat;}



#nav ul li, #nav ul li.active{float:none; margin:0; padding-bottom:1px; background:#ecf3f6 url(../images/bkgnav1.gif) 0 100% repeat-x; }
#nav ul li.last{background:#ecf3f6; padding-bottom:0;}

#nav ul a, #nav ul a:hover{float:none; padding:0; background:none;}
#nav ul li a{font-weight:normal !important;}


#nav ul, #nav div{position:absolute; width:150px; top:50px; left:-10000px; border:1px solid #899ba5;}
#nav div ul{position:static; width:auto; border:none;}
#nav ul ul li{width:150px}


#nav ul ul, #nav ul div{top:5px;}
#nav ul li a{background:#ecf3f6;}
#nav ul li a:hover{background:#FF0000;}
#nav ul li a, #nav ul li a:hover{color:#2f2f2f !important;}
#nav ul span, #nav ul li.last li span{padding:3px 15px 4px 15px;}


#nav li ul.shown-sub, #nav li div.shown-sub{left:0; z-index:999;}
#nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub{left:100px;}




.footerContainer{margin-top:20px; overflow:hidden; background:url(../images/bkgfooter.gif) left bottom repeat-x;}
.footer{width:930px; margin:0 auto; padding:10px 10px 20px 10px;}
.footer a{color:#023B60; text-decoration:none;}
.footer a:hover{text-decoration:underline; color:#000;}
.footer ul{display:inline;}
.footer ul.links{display:block;}
.footer ul.imagelinks{display:block;}
.footer ul.footerNav{display:block; padding:3px;}
.footer li{display:inline; background:url(../images/bkgpipe2.gif) 100% 60% no-repeat; padding:0 7px 0 4px;}
.footer li.last{background:none !important; padding-right:0 !important;}
.footer .address{text-align:center; color:#023B60; font-size: 1em; }
.footer .copyright{text-align:center; color:#023B60; font-size: 1em;}
.footer .copyright a{color:#023B60; text-decoration: none;}


.bannerContainer{margin:5px auto 0px auto; overflow:hidden;}
.banner{width:950px; margin:0 auto; padding:0px;}


#qq_bg ul {	BACKGROUND: url(../images/qq_bg_03.gif) repeat-y 0px 0px; MARGIN: 0px 0px; WIDTH: 130px; padding:0;list-style:none; }



.siteMapFirstNav{margin:25px 0px 5px 15px; color:#000; font-size:12px; border-bottom:1px #DDD dotted; width:600px; padding:0px 0px 3px 10px;}
.siteMapSecondNav{margin:10px 0px 0px 60px; color:#333; font-size:11px;}
.siteMapThirdNav{margin:5px 0px 0px 105px; color:#666; font-size:12px;}
.siteMapFirstNav a{color:#000;}
.siteMapSecondNav a{color:#333;}
.siteMapThirdNav a{color:#666;}


.divAboutContact{padding:15px 0px 0px 0px;}

dl.index1{background:url(../images/boxbg1.gif) left bottom; padding-bottom:15px; width:690px}
dl.index1.left{float:left; margin:0px 0px;}
dl.index1.right{float:right; margin:0px 0px;}
dl.index1 dt{background:url(../images/boxbg1.gif) left top; border-bottom:0px solid #DDD; margin:0px; padding:6px 10px 7px 10px; font-size:14px; font-weight:bold;}
dl.index1 dt span{float:right;}
dl.index1 dd{border-top:0px solid #C2CEFC; border-bottom:0px solid #C2CEFC; border-left:1px solid #C2CEFC; border-right:1px solid #C2CEFC; font-size:12px; margin:0px; padding:9px 10px 0px 10px; background:#FFF; height:200px; overflow:hidden;}


dl.index2{background:url(../images/boxbg2.gif) left bottom; padding-bottom:15px; width:250px}
dl.index2.left{float:left; margin:0px 0px;}
dl.index2.right{float:right; margin:0px 0px;}
dl.index2 dt{background:url(../images/boxbg2.gif) left top; border-bottom:0px solid #DDD; margin:0px; padding:6px 10px 7px 10px; font-size:14px; font-weight:bold;}
dl.index2 dd{border-top:0px solid #C2CEFC; border-bottom:0px solid #C2CEFC; border-left:1px solid #C2CEFC; border-right:1px solid #C2CEFC; font-size:12px; margin:0px; padding:9px 10px 0px 10px; background:#FFF; height:200px; overflow:hidden; background:url(../images/contactusbg.jpg) center bottom no-repeat;}
.divAboutContact .divContact{width:220px;}


.divNews{padding:15px 0px 0px 0px;}
dl.index3{background:url(../images/boxbg3.gif) left bottom; padding-bottom:15px; width:470px}
dl.index3.left{float:left; margin:0px 0px;}
dl.index3.right{float:right; margin:0px 0px;}
dl.index3 dt{background:url(../images/boxbg3.gif) left top; border-bottom:0px solid #DDD; margin:0px; padding:6px 10px 7px 10px; font-size:14px; font-weight:bold;}
dl.index3 dt span{float:right;}
dl.index3 dd{border-top:0px solid #C2CEFC; border-bottom:0px solid #C2CEFC; border-left:1px solid #C2CEFC; border-right:1px solid #C2CEFC; font-size:12px; margin:0px; padding:3px 10px 0px 10px; background:#FFF; min-height:150px; height:auto !important; height:150px;}
.divNews li{ background:url(../images/arrow.gif) 3px 14px no-repeat; border-bottom:1px dotted #CCC; padding:5px 0px 5px 10px;}
.divNews span{float:right}

.divProduct{padding:15px 0px 0px 0px;}
dl.index4{background:url(../images/boxbg4.gif) left bottom; padding-bottom:15px; width:950px}
dl.index4.left{float:left; margin:0px 0px;}
dl.index4.right{float:right; margin:0px 0px;}
dl.index4 dt{background:url(../images/boxbg4.gif) left top; border-bottom:0px solid #DDD; margin:0px; padding:6px 10px 7px 10px; font-size:14px; font-weight:bold;}
dl.index4 dt span{float:right;}
dl.index4 dd{border-top:0px solid #C2CEFC; border-bottom:0px solid #C2CEFC; border-left:1px solid #C2CEFC; border-right:1px solid #C2CEFC; font-size:12px; margin:0px; padding:9px 10px 0px 10px; background:#FFF; min-height:100px; height:auto !important; height:100px;}
#demo{overflow:hidden; width:920px; margin:0px auto;}




.commonPaging { height: 24px; line-height: 20px; margin: 20px auto; font-family: "宋体"; font-size: 12px;}
.pagingFirstPageClass { width: 50px; float: left; background-color: #FCFCFC; border: 1px solid #DDD; text-align: center; margin-left: 10px;}
.pagingPreviousPageClass { width: 50px; float: left; background-color: #FCFCFC; border: 1px solid #DDD; text-align: center; margin-left: 10px;}
.pagingNextPageClass { width: 50px; float: left; background-color: #FCFCFC; border: 1px solid #DDD; text-align: center; margin-left: 10px;}
.pagingLastPageClass { width: 50px; float: left; background-color: #FCFCFC; border: 1px solid #DDD; text-align: center; margin-left: 10px;}
.pagingCurPageClass { width: 25px; float: left; background-color: #b7e8ff; border: 1px solid #DDD; text-align: center; margin-left: 10px;}
.pagingOtherPageClass { width: 25px; float: left; background-color: #FCFCFC; border: 1px solid #DDD; text-align: center; margin-left: 10px;}
.commonPaging a{color:#666; text-decoration:none;}
.commonPaging a:hover{color:#000; text-decoration:none; cursor:pointer;}



dl.commSideNav{background:url(../images/boxbg2.gif) left bottom; padding-bottom:15px; width:250px; margin:15px 0px 0px 0px;}
dl.commSideNav dt{background:url(../images/boxbg2.gif) left top; border-bottom:0px solid #DDD; margin:0px; padding:6px 10px 7px 10px; font-size:14px; font-weight:bold;}
dl.commSideNav dd{border-top:0px solid #C2CEFC; border-bottom:0px solid #C2CEFC; border-left:1px solid #C2CEFC; border-right:1px solid #C2CEFC; font-size:12px; margin:0px; padding:9px 10px 0px 10px; background:#FFF; overflow:hidden;}
.commonRightNavSecond{margin:8px 3px 0px 5px; background:url(../images/arrow.gif) 0px 8px no-repeat; padding:0px 10px;}
.commonRightNavThird{margin:2px 3px 0px 25px;}
dl.commSideNav a{color:#333; text-decoration:none;font-size:15px;font-weight:bold}
dl.commSideNav a:hover{color:#000; text-decoration:none; cursor:pointer;font-size:15px;font-weight:bold}

dl.commContact{background:url(../images/boxbg2.gif) left bottom; padding-bottom:15px; width:250px; margin:20px 0px 0px 0px;}
dl.commContact dt{background:url(../images/boxbg2.gif) left top; border-bottom:0px solid #DDD; margin:0px; padding:6px 10px 7px 10px; font-size:14px; font-weight:bold;}
dl.commContact dd{border-top:0px solid #C2CEFC; border-bottom:0px solid #C2CEFC; border-left:1px solid #C2CEFC; border-right:1px solid #C2CEFC; font-size:12px; margin:0px; padding:9px 10px 30px 10px; background:#FFF; height:200px; overflow:hidden;background:url(../images/contactusbg.jpg) center bottom no-repeat;}
dl.commContact a{color:#333; text-decoration:none;}
dl.commContact a:hover{color:#000; text-decoration:none; cursor:pointer;}



.commonTitle{text-align:center; font-size:1.7em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:10px;}
.commonText{text-align:left; font-size:1em; font-family:Arial, Helvetica, sans-serif; padding:10px;}
.commonText li{border-bottom:1px dotted #CCC; padding:6px 5px 3px 10px; background:url(../images/arrow.gif) 3px 14px no-repeat;}
.commonText .commonShowImg{text-align:center;}
.commonText .commonShowTitle{text-align:center; font-size:14px; font-weight:bold;}
.commonText a{text-decoration:none}
.commonText a:hover{text-decoration:underline;}
.commonDesc{background:#EEE; margin:0px 0px; padding:10px; text-align:center; font-size:12px;}






.productListText li{padding:15px 0px 5px 0px; border-bottom:1px dotted #CCC; list-style:none; clear:both; background:none;}
.productImage{float:left; width:130px; height:130px;}
.productDetails{margin:0px 0px 0px 150px; min-height:130px; height:auto !important; height:130px; width:500px;}
.productDetailsTitle{font-size:13px; font-weight:bold;}
.productDetailsText{font-size:1em;}
.productListText a{text-decoration:none}
.productListText a:hover{text-decoration:underline;}



.imgListText li{padding:15px 0px 5px 0px; border-bottom:0px dotted #CCC; list-style:none; float:left; margin:0px 5px; background:none;}
.imgListText .imgDetails{text-align:center;}



.downloadListText li{padding:15px 0px 5px 0px; border-bottom:1px dotted #CCC; list-style:none; float:left; margin:0px 0px; background:none;}
.downloadListText .downloadDetailsTitle{font-size:14px; font-weight:bold;}
.downloadDetailsTitle{width:630px;}
.downloadDetailsTitle span{font-size:12px; font-weight:normal;}