@charset "utf-8";

/*重置浏览器默认样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
abbr,acronym{border:0}
textarea{resize:none;}

/*全局样式*/
body,input,select,textarea{font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; font-variant:normal; color:#000}
body{color:#666}
*body{behavior: url(js/pie.htc);}
a {color: #0088cc; text-decoration: none;}
a:link,a:active,a:visited{color: #666; text-decoration:none}
a:hover{text-decoration:underline;}

h2{font-size:1.6em;}
h3{font-weight: bold; font-size: 14px; line-height: 26px;}

/**/
/* 公共类 */
.clearfix:after{ clear:both; content:" "; display:block; font-size:0; height:0; visibility:hidden;}
.clearfix{ *zoom:1; }
.container{width:960px; margin:0 auto; }
.mauto{margin:0 auto;}
.mr20{margin-right: 20px;}
.mr15{margin-right: 15px;}
.mr10{margin-right: 10px;}
.mt15{margin-top:15px;}
.mb15{margin-bottom:15px;}
.mb10{margin-bottom: 10px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml5_for6{*margin-left: 5px;}
.mt10{margin-top: 10px;}
.mr30{margin-right: 30px;}
.pl20{padding-left: 20px;}
.pt25{padding-top: 25px;}
.flr{float: right;}
.fll{float: left;}
.txtr{text-align: right;}
.bdr{border-right: 1px #EEE solid;}
.bbdashed{border-bottom: 1px #bebebe dashed;}
.verc{vertical-align: middle;}
.content{width:950px; margin: 0 auto;}
.dspblock{display: block;}
.lstdisc{list-style:inside; list-style-type: disc;}
.lstdecimal{list-style:inside; list-style-type: decimal;}
.lstdecimalout{list-style-type: decimal;}
.lstsquare{ list-style:inside; list-style-type: square;}
.lstnone{list-style-type: none;}
.txtellipsis{overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.fontw{font-weight: bold;}

.prompttxt{color: #aaa;}

/**** head  nav ****/
.header{ margin-bottom:8px; padding-top: 20px;}
.head-bg{ height: 72px; background: url(../images/sprite_img.png) no-repeat left bottom; background-position: 0 33px;  _overflow:hidden}
.head-con{text-align: right; padding-right: 10px; margin-top: -2px; _margin-top:-3px;*margin-top:-3px; line-height: 16px;}
.main-nav{height: 27px; background: url(../images/sprite_img.png) no-repeat left top; background-position: 0 -40px; padding-left:4px;}
.main-nav li{float: left; border-right: 1px #74a0b9 solid; }
.main-nav li.last{border-right: none;}
.main-nav a{display: block; line-height: 27px; font-size: 13px; padding: 0 16px; color: #ecf8ff;}
.main-nav a:link,.main-nav a:active,.main-nav a:visited{color: #ecf8ff;}
.main-nav a:hover{text-decoration: none;}
.main-nav a:hover,.main-nav a.curr,
.main-nav .first a:hover,.main-nav .first a.curr{background: url(../images/sprite_img.png) no-repeat left top;}
.main-nav a:hover,.main-nav a.curr{ background-position: -702px -70px;}
.main-nav .first a:hover,.main-nav .first a.curr{ background-position: -590px -70px;}

/**** footer ****/
.footer{height: 100px; padding-top: 30px; background-color: #133853; text-align: center; color: #FFF;}
.footer a:link,.footer a:active,.footer a:visited{color:#FFF;}
.footer a:hover{color:#FFF; text-decoration: underline;}
.footer p span{display: inline-block; width:90px;  line-height: 18px; height: 18px;}
.footer p {margin-bottom:10px;}

/**** index ****/
.showLst{width:310px; float: left;}
.showLst_Title{ width:290px; height: 32px; line-height: 32px; padding:0 10px; background: url(../images/sprite_img.png) no-repeat left top; background-position: 0 -70px; }
.showLst_Title h3 , .showLst_Title a{color:#114a68;}
.showLst_Con{width:278px; height: 87px; padding: 10px 15px; margin: 0 auto;}
.showLst_Con li{color: #FFF; line-height: 18px;}

.lstdisc li a{color: #FFF!important}
.product{background: url(../images/bg_product.jpg) no-repeat left top;}
.download{background: url(../images/bg_download.jpg) no-repeat left top;}
.news{background: url(../images/bg_news.jpg) no-repeat left top;}
/** slide **/
.slideBox{ width:948px; height:476px; overflow:hidden; position:relative; border:1px solid #bbb;  behavior:url(js/pie.htc); -moz-box-shadow:0px 0px 8px #999; -webkit-box-shadow:0px 0px 8px #999; box-shadow:0px 0px 8px #999;}
.slideBox .slideNum{ height:20px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox .slideNum ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .slideNum ul li{ float:left; margin-right:5px;  width:20px; height:20px; line-height: 20px; text-align:center; background:#034a88; cursor:pointer; color: #ace1ff;}
.slideBox .slideNum ul li.on{ background:#68aae3; color:#fff; }
.slideBox .slideCon{ position:relative; height:100%; z-index:0;   }
.slideBox .slideCon img{ width:948px; height:476px; }

/* subpage */
.mainCon{
	padding: 0 8px 8px; margin-top: 8px; background-color: #f0f0f0; border: 1px #bebebe solid; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;behavior:url(js/pie.htc);}
.crumbs{color: #0b4e8d; line-height: 30px; border-bottom: 1px #bebebe solid; margin-bottom: 8px;}
.crumbs span{ width: 200px; display: inline-block;}
.crumbs a:link,.crumbs a:active,.crumbs a:visited,.crumbs a:hover{color:#0b4e8d;}
.vertical-menu-wrap,.conBox{float: left;}
.vertical-menu-wrap{width: 150px;}

.ver-menu li{margin-top: 2px;}
.ver-menu a{display: block; width: 138px; height: 28px; line-height: 28px; text-align: center; background: url(../images/sprite_img.png) no-repeat left top; background-position: -450px -70px;}
.ver-menu a.curr{color: #FFF; background-position: -311px -70px;}
.ver-menu a:hover{text-decoration: none;}
.ver-menu-sub{background-color: #e5e5e5; padding: 5px 0 15px 10px; width: 128px;}
.ver-menu-sub a{ background: none; width: 128px; height: 20px; line-height: 20px; text-align: left;}
.ver-menu-sub a.curr,.ver-menu-sub a:hover{color: #0b4e8d;}

.conBox{width: 732px; border-left: 1px #bebebe solid; padding: 5px 19px 40px 29px;}
.txt p{margin-bottom: 10px; line-height: 20px;}
.txt p.b{font-weight: bold;}
.txt p.t{text-indent: 2em;}
.txt li{ line-height: 20px;}


/*or Code*/
.or-code{
  width: 600px; 
  margin: 20px auto 0;
}
.or-code div{
  float: left;
}
.or-ios{
  margin-right: 40px;
}
.or-text{ 
  width: 100%;   
  height: 30px;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  margin-top: 10px;
  color: #000;
}
/*or Code -- end*/
.title-format-icon{display: inline-block;  background: url(../images/sprite_img.png) no-repeat left top; }
.sicon{ width: 104px; background-position: -854px -70px; text-align: center; height: 33px; line-height: 33px;}
.licon{ width: 877px; background-position: 0 -106px; text-align: left; padding-left: 10px; height: 25px; line-height: 25px;}
.r-format-con{line-height: 18px; display: inline-block; width:620px; vertical-align: middle;}
.memro li{margin-bottom: 20px; padding: 0 0 0 25px; background: url(../images/list-style-img.png) no-repeat left top; line-height: 20px; font-weight: bold;}

.whole-layout{width: 887px; margin: 0 auto; padding: 0 0 20px;}
.whole-layout p{line-height: 20px;}
.whole-layout p.t{text-indent: 2em;}
.txtbg{background-color: #e5e5e5; padding: 10px;} 

.article-wrap li,.sh-txt li{ margin-top: 15px;}
.txttit{color: #FFF; font-size: 13px; font-weight: bold;}
.article-wrap .txttit,.sh-txt .agray-icon,.sh-txt .ablue-icon{cursor: pointer;}
.article-wrap .txtbg,.sh-txt .txtbg{ display: none;}

.join-img-wrap li{float: left; margin-right: 20px;}
.jointxt {padding-left: 25px;}
.jointxt li{line-height: 28px; color: #0078c2; font-weight: bold;}
.joinbg{background: url(../images/join_bg.png) no-repeat right bottom;}

.posabs{position: absolute;}
.posrel{position: relative;}

.headline-txt-wrap .tit-list a{font-size: 12px; font-weight: bold;}
.headline-txt-wrap .tit-list,.headline-txt-wrap .tit-list a,.headline-txt-wrap .tit-list a:hover{color: #0078c2; }

.headline-txt-wrap p{line-height: 16px; margin-bottom: 0px;}
.headline .headline-txt-wrap{padding-left: 230px; height: 104px; padding-top: 50px;}
.headlineimg img{width: 215px; height: 154px;}
.tit-list li{border-bottom: 1px #bebebe dashed; margin-bottom: 5px; padding-bottom: 5px;}

.no-content{width:300px; height: 240px; background: url(../images/no_content_bg.png) no-repeat left center; margin: auto;}

.newstitle{color: #0078c2; margin-bottom: 5px;}
.imgDesc{color: #333; width:750px; margin-bottom: 20px;}

.w410{width:410px;}
.w365{width: 365px;}
.minh360{min-height: 360px; _height:360px;}
.p-noc-1{width:288px; height: 338px; border: 1px #bebebe solid; background: url(../images/p_noc_01.jpg) no-repeat center center #FFF; float: right;}
.nocIntro p{line-height: 26px;}
.p-noc-2{width:330px; height: 155px; border: 1px #bebebe solid; background: url(../images/p_noc_02.jpg) no-repeat center center #FFF; float: right;}

.trait{margin-top: 25px;}
.tit{padding-bottom: 2px; border-bottom: 1px #bebebe dashed; color: #0078C2;}

.trait .trait_item dt,.trait .trait_item dd{float: left; margin-bottom: 10px; }
.trait .trait_item dt img{border: 1px #bebebe solid;}
.trait .trait_item dt{height: 145px; _overflow:hidden;}
.trait .trait_item dd{width: 500px; height: 140px; padding: 5px 0 0 10px; float: left; margin-left: 5px; background-color:#E5E5E5; }
.trait .trait_item li{ font-weight: bold;}

.qt-column{width:350px; float: left;}
.qt-column p{min-height: 60px;  _height:60px;}
.table-box{width:420px; margin: 0 auto 15px;}

table { max-width: 100%; border-collapse: collapse; border-spacing: 0; background-color: transparent;}
.table {width: 100%;}
.table th,.table td {padding: 5px; line-height: 18px; text-align: center; vertical-align: middle; border-top: 1px solid #bebebe;}
.table th { font-weight: bold;}
.table thead th { background-color: #044068; color: #FFF}
.table tbody tr.odd{background-color: #f6f6f6;}
.table tbody tr:hover td,
.table tbody tr:hover th { background-color: #f0f0f0;}
.table-bordered { border: 1px solid #bebebe; border-left: 0; border-top: 0; border-collapse: separate; *border-collapse: collapsed;}
.table-bordered th,
.table-bordered td {border-left: 1px solid #bebebe;}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}
.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: #f5f5f5;
}
.table caption{font-weight: bold; margin-bottom: 10px; font-size: 14px;}

.partner-logo li{ float: left; margin-right: 20px; margin-bottom: 15px; cursor: pointer; height: 60px; _overflow: hidden;}
.partner-logo li.last,.tms-img li.last{margin-right: 0px;}
.partner-logo li img,
.p-info-item .p-logo-box img{border: 1px solid #bebebe;}
.p-info-con{padding-left: 150px;}

.ablue-icon{background:url(../images/ablue.png) left center no-repeat!important;  color: #0078C2;}
.agray-icon{background:url(../images/agray.png) left center no-repeat!important; color: #666;}
.sh-txt .ablue-icon,.sh-txt .agray-icon{font-weight: bold; line-height: 25px; padding-left: 15px; display: inline-block;}
.tms-img li{float: left; margin-right: 8px;}
.icontit{width: 76px; height: 31px; background:url(../images/sprite_img.png) no-repeat left top; background-position: 0 -131px; line-height: 25px; text-align: center; margin-left: -5px;}
.tms-item{width:353px; min-height: 346px; _height: 346px; padding-top: 15px; background-color: #e9e9e9; border: 1px solid #bebebe; float: left;}
.tms-item .conbox{padding:0 20px 20px;}
.tms-item .sh-txt li{margin-top: 3px;}
.tms-item .txtbg{background-color: #f0f0f0;}

.contact-txt li p{ margin-bottom: 5px;}
.contact-txt li {margin-bottom: 16px;}
.map{right: 0px; width:520px; height: 330px; border: 1px solid #bebebe; }
.down-item{width: 310px; border-right: 1px solid #bebebe; float: left; min-height: 300px; _height:300px;}
.down-item.last{border-right: none; }
.d-software,.d-patch,.d-word{width: 240px; margin: 0 auto;}
.down-files-box li{margin-bottom: 5px;}
/*.down-files-box li span{display: inline-block;  *display: inline; zoom:1; width: 130px;}*/
.down-files-box a{display: inline-block; *display: inline; zoom:1;  line-height: 18px;  }
.down-files-box a:link,.down-files-box a:active,.down-files-box a:visited{color: #FFF;}
.down-files-box a:hover{text-decoration: none;}
.down-files-box a.down-name{width: 130px; color:#666;}
.down-files-box a.down-name:link,.down-files-box a.down-name:active,.down-files-box a.down-name:visited{color:#666;}
.down-files-box a.explain-btn,.down-files-box a.down-btn{width: 47px; height: 18px; color: #FFF; margin-left: 6px; text-align: center; background: url(../images/sprite_img.png) no-repeat left top;}
.down-files-box a.explain-btn{background-position: -127px -134px; }
.down-files-box a.down-btn{background-position: -223px -134px;}
.down-files-box a.explain-btn:hover{background-position: -80px -134px; }
.down-files-box a.down-btn:hover{background-position: -175px -134px;}
.h240{height: 240px;}

.details{position: absolute; background-color: #FFF; border: 1px solid #BEBEBE; padding: 15px 10px 5px; display: none;}
.details p{width: 260px;}
#details_box em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px dotted transparent; border-bottom:12px dotted transparent; border-right:12px solid #bebebe; position: absolute; left:-12px; top:10px;}
#details_box span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:11px dotted transparent; border-bottom:11px dotted transparent; border-right:11px solid #FFF; position: absolute; left:-11px; top:11px;}

/* 分页 */
.pagination-s {
  margin: 10px 0;
}
.pagination-s ul {

  margin-left: 0;
  margin-bottom: 0;
}
.pagination-s li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-right: 5px; 
}
.pagination-s a {
  display: inline-block;
   *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  color: #08C;
  padding: 0 10px;
  line-height: 20px;
  text-decoration: none;
  border: 1px solid #ddd;
}
.pagination-s a:hover,
.pagination-s .active a {
  background-color: #f5f5f5;
}
.pagination-s a:hover{color:#005580;}
.pagination-s .active a {
  color: #999999;
  cursor: default;
}
.pagination-s .disabled span,
.pagination-s .disabled a,
.pagination-s .disabled a:hover {
  color: #999999;
  background-color: transparent;
  cursor: default;
}

.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}



