@charset "utf-8";
/* Version 1.0 */

/*reset*/
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, select, button {
	margin:0;
	padding:0;
}
ul, ol {
	list-style:none;
}
fieldset, img {
	border:none;
}
body {
	background:#F0F0F2;
	color:#79849B;
	font:12px/22px Arial, Verdana, sans-serif, "宋体";
	text-align:center;
}
img {
	border:0px;
}
a {
	color:#79849B;
	text-decoration:none;
}
a:hover {
	color:#0073DC;
	text-decoration:none;
}
input,select{
  	color:#79849B;
}
#header {
	height:100px;
	background:#FFF url(../img/document/topbg.png) 0 70px repeat-x;
}

.container {
	width:960px;
	position:relative;
	margin:0 auto;
	text-align:center;
}
#header #headContent{
	margin:0 auto;
	padding:50px;
	width:960px;
	height:80px;
}
#header #headContent #tpLogo{
	float:left;
}
#header #headContent #toIndex{
	float:right;
	padding-right:20px;
	padding-top:3px;
}
#main{
	margin:0 auto;
	width:972px;
}
#main #mainTop{
	height:30px;
	width:972px;
	background:url(../img/document/bgTop.png) 0 0 no-repeat;
}
#main #mainContent{
	width:972px;
	background:url(../img/document/bg.png) 0 0 repeat-y;
}
#main #mainBottom{
	width:972px;
	height:30px;
	background:url(../img/document/bodybottom.png) 0 0 no-repeat;
}
#footer{
	margin:20px 0px 0px 0px;
	text-align:center;
	clear:both;
}
#footer a,#footer span{
	margin-right:10px;
	color:#AFAFAF;
	font-weight:bold;
	font-family: "微软雅黑", "宋体", Arial;
}
.clear{
	clear:both;
	height:1px;
}
/**/
#detail{
    /*float:right;*/
    width:100%;
    padding:10px 0px 0 0;
    font-family:'Microsoft YaHei',Arial,SimSun;
}
#detail #title{
	width:592px;
	background:url(../img/document/titlebg.png) 0 0 no-repeat;
	height:30px;
	text-align:left;
}
#detail #title #search{
	width:173px;
	height:23px;
	border:none;
	background:url(../img/document/searchbg2.png) 0 0 no-repeat;
	float:right;
	padding-right:5px;
	margin-top:3px;
	margin-left:-170px;
	line-height:23px;
}
#detail #title #searchbtn{
	border:none;
	width:19px;
	height:20px;
	background:url(../img/document/searchbtn2.png) 0 0 no-repeat;
	float:right;
	margin-top:5px;
}
#detail #title #searchbtn:hover{
	background:url(../img/document/searchbtn2hover.png) 0 0 no-repeat;
}
#detaillist{position:relative;margin-top:0px; padding-top:0px;}
#menulist{position:absolute;top:0;left:0;}
#menulist ul li{float:left;}
#menulist ul li a{
	display:block;
	height:36px;
	width:72px;
    font-size:14px;
    line-height:36px;
    background:#a7a6a6; 
    color:#fff;
    border:1px solid #7b7b7b; 
    border-bottom:0;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}
#menulist ul li a:hover{background:#f9f9f9; color:#06F; border-color:#d3d3d3;}
#listcontent{width:100%;background:#f9f9f9;border:1px solid #d3d3d3; padding-bottom:10px;}
#que
{
height:30px;
padding:10px 0 0 0;
margin-left:450px;
}
#que #time{
	display:block;
	width:66px;
	height:27px;
	background:url(../img/document/time.png) 0 0 no-repeat;
	float:left;
}
#que #time:hover{
	background:url(../img/document/timehover.png) 0 0 no-repeat;
}
#que #bro{
	display:block;
	width:64px;
	height:27px;
	background:url(../img/document/browser.png) 0 0 no-repeat;
	float:left;
}
#que #bro:hover{
	background:url(../img/document/browserhover.png) 0 0 no-repeat;
}
#paging {
    clear:both;
    float:right;
    padding:10px 30px 0 10px;
}
#paging a{
	display:block;
	margin:0 2px;
	text-align:center;
	background:url(../img/document/page.png) 0 0 no-repeat;
	color:#848282;
	width:18px;
	height:22px;
	float:left;
}
#paging a:hover{
	background:url(../img/document/pageclick.png) 0 0 no-repeat;
	color:#FFFFFF;
}
#paging .selected {
	background:url(../img/document/pageclick.png) 0 0 no-repeat;
	color:#FFFFFF;
}
#paging .right {
	background:url(../img/document/right.png) 0 0 no-repeat;
}
#paging .right:hover{
	background:url(../img/document/righthover.png) 0 0 no-repeat;
	color:#9E9E9E;
}
#paging .left {
	background:url(../img/document/left.png) 0 0 no-repeat;
	color:#9E9E9E;
}
#paging .left:hover{
	background:url(../img/document/lefthover.png) 0 0 no-repeat;
}
#menu ul li#liDocument
{
	background:#424242;
}
#menu ul li#liDocument a
{
	color:#FFF;
	background:url(../img/document/white_document.png) 75px 21px no-repeat;
}
#detail #title img{
	margin:6px 0 0 15px;
	float:left;
}
#listcontent ul{
	margin:0 0 0 15px;
	min-height:320px;
	padding:5px 15px 0 0;
	clear:both;
}
#listcontent ul li{
	clear:both;
	color:#79849B;
	margin:0 0 8px 0;
	border-bottom:1px solid #bfbfbf;
}
#listcontent ul li a{
	display:block;
	padding-left:20px;
	background:url(../img/document/point.png) 0 6px no-repeat;
	float:left;
	text-align:left;
}
#listcontent ul li a:hover{
	background:url(../img/document/pointhover.png) 0 6px no-repeat;
}
#listcontent ul li span{
	color:#79849B;
	font-weight:normal;
	float:right;
	padding-right:10px;
}
#menu #liDocument a
{
	background:url(../img/document/black_document.png) 75px 21px no-repeat;
}
#liVideo  a
{
	background:url(../img/document/black_video.png) 75px 21px no-repeat;
}
#liDownload a
{
	background:url(../img/document/black_download.png) 75px 21px no-repeat;
}
#liOnline a
{
	background:url(../img/document/black_online.png) 75px 21px no-repeat;
}
#liService a
{
	background:url(../img/document/black_service.png) 75px 21px no-repeat;
}
#liTool a
{
	background:url(../img/document/black_tool.png) 75px 21px no-repeat;
}
#liContact a
{
	background:url(../img/document/black_contact.png) 75px 25px no-repeat;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color: #576373 !important;
	border-color: #c5d0dc !important;
	border-top: 2px solid #4c8fbd !important;
	border-bottom-color: transparent !important;
	background-color: #FFF !important;
	z-index: 12;
	line-height: 16px !important;
	margin-top: -1px !important;
	margin-right: 0px !important;
	margin-bottom:-1px;
	outline: none;
}
.nav-tabs > li {
	margin-bottom:0;
	border-bottom:0;
	margin-right:3px !important;
	margin-left:0;
	outline: none;
}
.nav-tabs > li > a {
	border:1px solid #c5d0dc;
	margin-right: 0px !important;
	line-height: 16px !important;
	border-bottom:0px;
	outline: none;
}
.tab-content {
	margin-top: 10px;
}
#menulist ul li a.wireless{background:#f9f9f9;color:#06F; border-color:#d3d3d3;}

#que #time{background:url(/style/image/timehover.png) 0 0 no-repeat;}

#header_wrapper {
	min-width: 972px;
}
#menu{
	width:282px;
	float:left;
	margin:10px 0 0 30px;
	background:#f9f9f9;
	border:1px solid #dbdbdb;
	border-radius:10px;
	overflow:hidden;
	font-family:'Microsoft YaHei',Arial,SimSun;
}
#menu li
{
	border-top:1px solid #b7b7b7;
}
#menu>ul>li>a
{
	display:block;
	padding:0 0 0 116px;
	width:166px;
	height:60px;
	font-size:18px;
	line-height:60px;
	font-weight:bold;
	text-decoration:none;
	color:#494949;
	text-align:left;
}
#menu>ul>li>a:hover
{
	color:#494949;
}
#menu #liDocument
{
	border-top:none;
}
a:focus {
	color:#0073DC !important;
}
@media screen and(max-width: 767px) {
	#main {
		margin: 0 auto;
		width: 100%;
	}
}