@charset "utf-8";
/* CSS Document */
body{font:12px/1.55 Arial, Helvetica, sans-serif; color:#2f2f2f;}
a{text-decoration:none; color:#336699;}
a:hover{text-decoration:underline}

.wrapper{width:950px; margin:0 auto; background:#FFF;}
.page{}

/************************************
*  Inner layout
************************************/
.mainContainer{margin:10px auto; width:950px;}
.col-left{width:250px; float:left;}
.col-main{width:680px; float:right;}

/************************************
*  header
************************************/
.headerContainer{background:url(../images/bkgheader1.jpg) left -41px repeat-x; height:100px;}
.header{width:950px; margin:0 auto; padding:0px 0px 5px 0px; text-align:right; position:relative; z-index:10;}

.header .logo {float:left; margin:10px 0 5px 5px; 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:500px; padding:0px 10px 0 0;}
.headerShortcuts ul li{float:right; margin:5px 0px 0px 15px;}

.header #formSearch{position:absolute; top:65px; right:5px; width:230px; height:29px; background:url(../images/bkgformsearch.gif) 0 50% no-repeat; padding:1px 0 0 16px;}
.header input.inputText{float:left; width:160px; margin-right:4px; font-size:12px; padding:2px 0px;}
.header button.button{float:left; width:50px; height:22px; line-height:22px; background:url(../images/btnsearch.gif) no-repeat center top; border:0; color:#FFF;}

/************************************
*  menu
************************************/
.navContainer{clear:both;}
.nav{background:url(../images/hd_bg.gif) no-repeat;position:background-position: left top; position:relative;float:left;padding:0px 0px 0px 0px; width:950px;}
.nav .navbg{height:45px; float:right; margin:0px 0 0 5px; z-index:1;clear:both;  background:url(../images/hd_bg.gif)  right top no-repeat; width:99%}
.navbg ul { font-size:14px; font-weight:bold; padding:5px 0 0 0px; clear:both; margin:0;}
.navbg ul a { color:#fff; display:block;width:90px;text-decoration:none; }
.navbg li {  line-height:25px; height:25px; float:left; background:url(../images/menu_libg.gif) no-repeat left center; text-align:center; }
.navbg li.first { background:none; }
.navbg .current,.navbg li a:hover { background:url(../images/memu_upbg.jpg) no-repeat center top; text-decoration:none; }


/************************************
*  banner
************************************/
.bannerContainer{clear:both;}
.banner{width:950px; margin:0 auto;}


/************************************
*  footer
************************************/
.footerContainer{}
.footer{width:950px; margin:10px auto; text-align:center;}

ul.footerNav{padding:7px 0px; background:#DCEAFD;}
ul.footerNav li{color:#EFEFEF; display:inline; margin:0px 5px;}
ul.footerNav a{color:#333;}
ul.footerNav a:hover{color:#000;}

ul.footerInfo{margin:15px 0px 0px 0px;}
ul.footerInfo li{margin:5px;}

#ckepop{margin:15px 0px 2px 0px; min-height:12px; height:12px;}


/************************************
*  index page
************************************/
.mainContainer-index{}
.main{width:950px; margin:0 auto;}

.index-about{margin:5px 0px;}
.index-about .index-about-left{width:650px; overflow:hidden;} 
.index-about .index-about-right{width:290px; } 
.index-about .main-text{padding:10px 10px; border:1px solid #A4CDED; border-top:none;}
.index-about .index-about-right .main-text{background:url(../images/contactusbg.jpg) no-repeat center bottom; height:220px;}
.index-about .index-about-right .right-image{margin-top:13px;}

.index-news{margin:5px 0px;}
.index-news .index-news-block{width:310px; float: left; margin-bottom: 6px; padding:0px 0px 5px 0px; !important;padding:0px 0px 0px 0px;}
.index-news .index-news-block-middle{width:310px; margin-left:10px;}
.index-news .index-news-block-right{width:310px; float:right}
.main h3.title{background:url(../images/tabbg2_bg.gif) repeat-x; height:30px;}
.main h3.title span.titlename{background-image: url(../images/tabbg2.gif); background-position: 0px 0px; background-repeat: no-repeat; color: #FFFFFF; cursor: pointer; display: block; float: left; font-size: 13px; font-weight: bold; height: 26px; line-height: 26px; padding-bottom: 3px; padding-top: 1px; text-align: center; text-decoration: none; width: 120px;}
.main .title span.more{background:url(../images/tabbg2_r.gif) no-repeat right; float: right; height: 30px; width:50px; line-height:30px;}
span.titlename a{color:#FFF;}
.index-news .main_list{padding:10px 10px; border:1px solid #A4CDED; border-top:none;}
.index-news .main_list li{height:24px; line-height:24px; background:url(../images/arrow.gif) no-repeat 3px 10px; padding-left:12px;}

.index-friendlink{margin:5px 0px;}
.index-friendlink .main_list{padding:10px 10px; border:1px solid #A4CDED; border-top:none;}
.index-friendlink .main_list li{height:24px; line-height:24px; float:left; padding:0px 5px;}

/************************************
*  index block header
************************************/
.box { WIDTH: 648px; margin:10px auto;}
.box H2 {FLOAT: left; font-size:13px; width: 120px; height:26px; line-height:26px; font-weight:bold; background-image: url(../images/tabbg2.gif); color:#FFF; text-align:center; padding-bottom:3px;}
.box H2 a{color:#FFF;}
.box .hd {BACKGROUND: #fbfcff;}
.box .bd {BACKGROUND: #fbfcff; border: #A4CDED 1px solid;}
.box .sildPicBar {FLOAT: right; OVERFLOW: hidden; WIDTH: 300px; MARGIN-RIGHT: 18px; PADDING-TOP: 6px; ZOOM: 1; HEIGHT: 22px; _display: inline}
.box .arrow {FLOAT: right;}
.box .pre {background:url(../images/pre.gif) no-repeat; FLOAT: left; WIDTH: 20px; CURSOR: pointer; MARGIN-RIGHT: 8px; HEIGHT: 15px; _display: inline}
.box .next { background:url(../images/next.gif) no-repeat; FLOAT: left; WIDTH: 20px; CURSOR: pointer; HEIGHT: 15px}
#dot {float:right; margin-right:10px;}
.box .sildPicBar LI {MARGIN-TOP: 5px; background:url(../images/icon01.gif) no-repeat; FLOAT: left; MARGIN-LEFT: 3px; WIDTH: 6px; CURSOR: pointer; HEIGHT: 6px; _display: inline}
.box .sildPicBar LI.select {background:url(../images/icon02.gif) no-repeat;}
.box .bd {PADDING-LEFT: 16px; BACKGROUND: #fbfcff; PADDING-BOTTOM: 0px; WIDTH: 629px; PADDING-TOP: 5px}
.box .cnt-wrap {OVERFLOW: hidden; WIDTH: 624px; ZOOM: 1; HEIGHT: 152px}
.box .cnt {WIDTH: 4000px}
.box LI {FLOAT: left; WIDTH: 156px}
.box .cnt SPAN {WIDTH: 100%; COLOR: #7e7e7e; TEXT-ALIGN: left}
.box .cnt .aproimg{ display:block; width:140px; border: #ccc 1px solid; margin-bottom:8px; padding:3px;}
.box .cnt .aproimg img{ }
.box .cnt .aproimg:hover{ border:1px solid #ef9b11;}


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


/**************************************************
* Paging CSS
**************************************************/
.commonPaging{width:auto;padding:8px 5px;;font:12px/1.75 "宋体",arial,sans-serif; text-align:left}
.commonPaging a{height:21px;background:url(pagelinkbg.png) left top no-repeat; padding-left:6px; color:#000;line-height:21px;margin-left:3px;font-family:"Arial"; text-align:center; text-decoration:none; display:inline-block;}
.commonPaging a span{display:inline-block; height:21px; line-height:21px; background:url(pagelinkbg.png) right top no-repeat; padding-right:6px;font-family:"Arial";}
.commonPaging a.disable {cursor:auto;font-family:"宋体";color:#C4C4C4;}
.commonPaging a:hover, .commonPaging a.this{background:url(pagelinkbg.png) left bottom no-repeat;color:#fff;text-decoration:none;cursor:pointer}
.commonPaging a:hover span, .commonPaging a.this span{background:url(pagelinkbg.png) right bottom no-repeat;}
.commonPaging span.points{line-height:11px;padding:5px 6px;margin-left:3px;display:inline;font-family:"Arial"; text-align:center;border:0px;color:#000;}

/*************************************************
* table commom css style
*************************************************/
.commonTable{ margin:10px auto;  width:600px; border-collapse:collapse}
.commonTableCaption{ width:130px; color:#666; text-align:right; padding-right:20px;}
.commonTableInputText{ width:250px; margin-left:10px;}
.commonTableInputTextarea{ width:300px; margin-left:10px;}
.commonTableInputBottom{ background:url(../images/bg2.jpg) -2px -2px no-repeat; height:34px; width:145px; font-family:Arial, Helvetica, sans-serif font-size:16px; font-weight:bold; margin:5px;}



/**************************************************
* SideBar CSS
**************************************************/
.commSideNav{background:url(../images/boxbg2.gif) left bottom; padding-bottom:15px; width:250px; margin:0px 0px 15px 0px;}
.commSideNav .commonSide{ margin:0px 0px 15px 0px;}
.commSideNav .commonSide .title{background:url(../images/bgblocktitle250.png) left top no-repeat; padding:0px 10px 0px 20px; font-size:14px; font-weight:bold; height:32px; line-height:32px; margin:0px; width:220px;}
.commSideNav .commonSide div.content{border-top:0px solid #CADEEE; border-bottom:1px solid #CADEEE; border-left:1px solid #CADEEE; border-right:1px solid #CADEEE; font-size:12px; margin:0px; padding:9px 10px 10px 10px; width:228px; overflow:hidden;}
.commSideNav ul li{ background:url(../images/arrow2.gif) 45px 9px no-repeat; padding:5px 0px 5px 60px; border-bottom:0px dotted #BCBCBC; margin:3px 0px 0px 0px;}
.commSideNav ul u{ margin:0; padding:0;}
.commSideNav ul li.nav3{ background:url(../images/arrow2.gif) 65px 9px no-repeat; _background:url(../images/arrow2.gif) 5px 9px no-repeat; padding:5px 0px 5px 80px; _padding:5px 0px 5px 20px; border-bottom:0px dotted #BCBCBC; margin:3px 0px 0px 0px;}


.commSideNav .divBlock{}
.commSideNav .divBlock .title{background:url(../images/bgblocktitle250.png) left top no-repeat; padding:0px 10px 0px 20px; font-size:14px; font-weight:bold; height:32px; line-height:32px; margin:0px; width:220px;}
.commSideNav .divBlock div.content{border-top:0px solid #CADEEE; border-bottom:1px solid #CADEEE; border-left:1px solid #CADEEE; border-right:1px solid #CADEEE; font-size:12px; margin:0px; padding:9px 10px 10px 10px; width:228px; overflow:hidden;}


.commSideNav a{color:#333; text-decoration:none;}
.commSideNav a:hover{color:#ff6600; text-decoration:none; cursor:pointer;}

.col-main h3.righttitle{background:url(../images/tabbg2_bg.gif) repeat-x; height:30px;}
.col-main h3.righttitle span.titlename{background-image: url(../images/tabbg2.gif); background-position: 0px 0px; background-repeat: no-repeat; color: #FFFFFF; cursor: pointer; display: block; float: left; font-size: 13px; font-weight: bold; height: 26px; line-height: 26px; padding-bottom: 3px; padding-top: 1px; text-align: center; text-decoration: none; width: 120px;}
.col-main .righttitle span.more{background:url(../images/tabbg2_r.gif) no-repeat right; float: right; height: 30px; width:500px; line-height:30px; text-align:right; padding-right:20px;}
.col-main .righttitle span.more a{padding:0px 7px;}
.col-main .rightcontent{padding:5px 15px; border:1px solid #A4CDED; border-top:none;}

.commContact{background:url(../images/boxbg2.gif) left bottom; padding-bottom:15px; width:250px; margin:20px 0px 0px 0px;}
.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;}
.commContact dd{border-top:0px solid #D95F59; border-bottom:0px solid #D95F59; border-left:1px solid #D95F59; border-right:1px solid #D95F59; 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;}
.commContact a{color:#333; text-decoration:none;}
.commContact dt a{color:#FFF;}
.commContact a:hover{color:#000; text-decoration:none; cursor:pointer;}

.context {margin:0px 0px; padding:10px 0px; border-top:1px dotted #CCC;}
.context .pre{float:left; width:320px; height:15px; overflow:hidden;}
.context .next{float:right; width:320px; height:15px; overflow:hidden; text-align:right;}

/**************************************************
* Other page common (contain list page and show page)
**************************************************/
.commonTitle{text-align:center; font-size:16px; font-weight:bold; padding:20px 15px 15px 0px; }
.commonText{text-align:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:10px 5px;}
.commonText li{border-bottom:1px dotted #CCC; padding:0px 5px 0px 15px; background:url(../images/arrow.gif) 5px center no-repeat; line-height:30px;}
.commonText a{text-decoration:none; color:#336699;}
.commonText a:hover{text-decoration:none; color:#F60;}
.commonDesc{margin:0px 0px; padding:10px; text-align:center; font-size:12px; border-top:1px dotted #BCBCBC;}



/* Other show page common (only contain show page)*/
.commonShowTitle{ text-align:center;}
.commonShowDesc{}
.commonShowText{background:#fbf8ef; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px dashed #CCC; text-align:left; font-size:1em; font-family:Arial, Helvetica, sans-serif; padding:20px 25px 15px 25px;}
.commomShowBorder{ border-left:1px solid #CCC; border-right:1px solid #CCC; padding:20px 0 0 0;  border-bottom:1px solid #CCC; background:#fffffd; }
.commonShowMutuality{ background:#fbf8ef; padding:0 0 10px 15px;  border-top:1px dashed #CCC;}
.commonShowPreRecord { background:url(../images/ico.jpg) 4% center no-repeat; padding-left:35px;}
.commonShowPreRecord a{ text-decoration:none; color:#960;}
.commonShowPreRecord a:hover{ text-decoration:underline; color:#F90;}
.commonShowNextRecord{ background:url(../images/ico.jpg) 4% center no-repeat; padding-left:35px; margin-bottom:20px;}
.commonShowNextRecord a{ text-decoration:none; color:#960;}
.commonShowNextRecord a:hover{ text-decoration:underline; color:#F90;}
.commomShowRecommend{ background:url(../images/ico_menu.jpg) 10px 25px no-repeat; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding:20px 0 5px 28px; font-weight:bold;}
.commomShowRecord{ background:url(../images/ico_new.gif) 15px center no-repeat; padding-left:18px;}
.commomShowRecord a{text-decoration:none; color:#666; background:url(../images/ico_login.jpg) 0 center no-repeat; padding-left:10px;}
.commomShowRecord a:hover{ text-decoration:underline; color:#F60;}

.commonShowImg{text-align:center; margin:10px;}

/*************************************************
* About Page
*************************************************/
.aboutText{background:#fffefe; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; text-align:left; font-size:1em; font-family:Arial, Helvetica, sans-serif; padding:5px;}


/*************************************************
* News Page
*************************************************/
.newsListText{background:#fffefe; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; text-align:left; font-size:1em; font-family:Arial, Helvetica, sans-serif; padding:5px;}


/*************************************************
* Product Page
*************************************************/
.productListText li{padding:5px 0px 20px 0px; border-bottom:1px dotted #CCC; list-style:none; clear:both; background:none; padding-top:20px;}
.productImage{float:left; margin-right:20px; }
.productImage a{ border:2px solid #999; padding:2px; display:block;}
.productImage a:hover{ border:2px solid #F00;}
.productDetails{ margin:0px 0px 0px 150px; min-height:130px; height:auto !important; height:183px;}
.productDetailsTitle{font-size:18px; font-weight:bold;}
.productDetailsTitle a{color:#039; text-decoration:none;}
.productDetailsTitle a:hover{ color:#F90;}
.productDetailsText{font-size:14px; line-height:20px;}
.productListText a{text-decoration:none}
.productListText a:hover{text-decoration:underline;}

.productShowTitle{ text-align:center;}
.productItemTitle{  height:29px; _height:25px; background:#ede8e2 url(../images/gif53_002.gif) 5px center no-repeat; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#666; padding:6px 0 0 30px; _padding:10px 0 0 30px;}


/*************************************************
* Img Page
*************************************************/


/*************************************************
* Download Page
*************************************************/
/*.downloadListText{background:#fffefe; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; text-align:left; font-size:1em; font-family:Arial, Helvetica, sans-serif; padding:5px;}
.downloadListText li{padding:0px 0px 5px 0px; border-bottom:1px dotted #CCC; list-style:none; float:left; margin:0px 0px; background:none;}
.downloadDetailsTitle{width:600px; padding:5px 5px 5px 15px;}
.downloadMinIcon{background:url(../images/comment.gif) left center no-repeat;}
.downloadDetailsTitle .bigTitleLink a{ color:#000;}
.downloadDetailsTitle .bigTitleLink a:hover{ color:#F90;}
.downloadListText .downloadDetailsTitle{font-size:14px; font-weight:bold;}
*/

/*************************************************
* job Page
*************************************************/
.jobListText{padding:10px 0px;}
.jobListText li{background:#FFF; padding:0px; border-bottom:1px dotted #CCC;}
.jobListText li.label{background:url(../images/bg_tabtitle.gif) repeat-x #CCC; padding:0px; border:0px;}
.jobListText li.label:hover{background:url(../images/bg_tabtitle.gif) repeat-x #CCC;}
.jobListText li:hover{background:#F2F2F2;}
.jobListText span.j1{width:240px; text-align:center; display:inline-block;}
.jobListText span.j2, span.j3, span.j4, span.j5{width:100px; text-align:center; display:inline-block;}

/*************************************************
* Message Page
*************************************************/


/*************************************************
* Faq Page
*************************************************/
.faqQuestionTitle{padding:5px 0px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#F60; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; }
.faqDesc{ padding:5px 5px; text-align:center; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC;  font-size:12px; font-weight:bold; background:#eee;}
.faqText{text-align:left;}
.faqQuestionText{ padding:0px 5px; min-height:100px; height:auto !important; height:100px; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; background:#fbf8ef;}
.faqAnswerText{ padding:0px 5px; min-height:100px; height:auto !important; height:100px; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; }
.faqShowTitle{ text-align:center;}


/*************************************************
* SiteMap Page
*************************************************/
.sitemapListText .commonSide{margin:0px 0px 15px 0px; padding:0px 0px 15px 0px; border-bottom:1px dashed #CCC;}
.sitemapListText .title{background:url(../images/arrow.gif)5px 9px no-repeat; padding:0px 0px 0px 15px; font-weight:bold; font-size:13px;}
.sitemapListText li{border:0px; float:left; background:none;}

/*************************************************
* search Page
*************************************************/
dl.search{margin:0px 5px 20px 5px; border-bottom:1px dashed #CCC; padding:0px 0px 20px 0px;}
dl.search dt{margin:0px 5px 5px 0px; background:url(../images/arrow2.gif)0px 5px no-repeat; padding:0px 0px 0px 12px;}
dl.search dd{color:#666;}


/*product */
.productListText{padding:0px 0px;}
.blockCon1{background:url(../images/box_210_1.jpg) center top no-repeat; padding:15px; width:180px; margin:1px; float:left;}
.blockCon1 dt{text-align:center; height:140px;}
.blockCon1 dd{text-align:left; margin:10px 0px 0px 0px;}
.blockCon1 span{margin:0px; height:18px; line-height:18px;}

/* download */
.blockCon3{ margin:0px 0px 15px 0px; padding:0px 0px 15px 0px; border-bottom:1px dashed #D8D8D8;}
.blockCon3 .title{text-align:left; border:1px solid #E2F0FF; background:none repeat scroll 0 0 #F8FCFF; padding:5px;}
.blockCon3 .title a{display:inline; padding:0px 10px;}
.blockCon3 .content{text-align:left; margin:5px 0px 0px 10px;}
.blockCon3 .content p{margin:0px 10px 0px 10px; text-align:left; float:left;}

table#border{border-top:#BCBCBC 1px solid;border-left:#BCBCBC 1px solid; margin:10px 10px;}
table#border td{border-bottom:#BCBCBC 1px solid;border-right:#BCBCBC 1px solid;}
table#border td.title{ background:#EEE; text-align:right; padding:5px 10px;}
table#border td.content{ background:#FCFCFC; text-align:left; padding:5px 10px;}

table#resume{border-top:#E2E2E2 1px solid;border-left:#E2E2E2 1px solid; margin-left:50px;}
table#resume td{border-bottom:#E2E2E2 1px solid;border-right:#E2E2E2 1px solid; padding:5px 10px;}
table#message{border-top:#BCBCBC 1px solid;border-left:#BCBCBC 1px solid; margin:10px 40px;}
table#message td{border-bottom:#BCBCBC 1px solid;border-right:#BCBCBC 1px solid; padding:5px 10px;}


/* message */
.blockCon6{margin:0px 0px 15px 0px; padding:0px 0px 15px 0px; border:1px solid #D8D8D8;}
.blockCon6 dt{text-align:left; background:none repeat scroll 0 0 #F8FCFF; padding:5px;}
.blockCon6 dt a{display:inline; padding:0px 10px;}
.blockCon6 dt p{border-top:1px dotted #EFEFEF; display:block; clear:both;}
.blockCon6 dd{text-align:left; margin:10px 0px 0px 10px;}
.blockCon6 p{margin:0px 10px 0px 10px; text-align:left;}
.blockCon6 p.reply{margin:10px 10px 0px 10px; padding:10px 0px 0px 0px; text-align:left; border-top: 1px dashed #CCCCCC;}