*{
	font-family: "微软雅黑";
}

ul{
	margin: 0px 0px;
	padding: 0px;
} 

p{
	text-indent: 20px;
	color: #000000;
	font-size: 16px;
}
a,a:hover,a:active,a:link{outline:none;}
/*body{
	min-height: 1200px;
}*/
.container{
	padding: 0px;
	padding-top: 60px;
}

.header{
	height: 60px;
	background: #007DA8;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 500;
}

#headnav{
	margin: auto;
}

.logoBox{
	float: left;
	height: 60px;
	line-height: 60px;
}

.logoBox img{
	vertical-align:middle;
	padding-left: 10px;
}

.headTab{
	height: 60px;
	border: none;
}

.headTab li{
	height: 100%;
	padding: 0;
}

.headTab li b{
	font-size: 10px;
	margin-right: 10px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	background: #007DA8;
	color: #FFFFFF;
	border: none;
}

.opTabList>li.active>a, .opTabList>li.active>a:focus, .opTabList>li.active>a:hover{
	background: #32B7CD;
}


.headTab li a{
	height: 100%;
	padding-top: 20px;
	width: 120px;
	margin: 0px 30px ;
	color: #C1F0FF;
	font-size: 16px;
	font-family: "微软雅黑";
}

.headTab li a:hover{
	background-color: #006688;
	color: #FFFFFF;
	border: none;
}

.headTab>li.active>a, .headTab>li.active>a:focus, .headTab>li.active>a:hover{
	background: #006688;
}


.headTab li a img{
	margin-right: 10px;
}

.opTab{
	padding-top: 100px;
	border-right: 1px solid #CCCCCC;
}

.opTabList{
	margin:30px 0;
	border: none;
	border-bottom: 1px solid #CCCCCC; ;
}

.opTabList li{
	width: 200px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	margin: 0px 0px;

}

.opTabList li.active{
	background: #32B7CD;
	border: none;
}

.opTabList li a{
	color: #666666;
	font-size: 15px;
	margin: 0px 0px;
	padding-bottom: 0;
	padding-top: 0;
	line-height: 40px;
}


.opTabList li a:active{
	color: #FFFFFF;
}


/*左侧菜单*/
.sidebar-menu{
	width: 215px;
	height: 1000px;
	background-color: #f2f3f3;
	float: left;
    position: fixed;
    box-shadow: 2px 0 2px #DDDDDD;
    margin: 0px 0px;
}


.terminalSelect{
	background: #EFF4F4;
}

.terminalSelect>li>a{
	font-size: 16px;
	color: #0072A7;
	padding-left: 20px;
}
/*一级菜单*/
.menu-first{
    line-height:45px;
    background-color: #EFF4F4;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #e1e1e1;
    font-weight: normal;
}
/*新增一级标题*/
.first-head,.sec-head,.four-head,.five-head{
	display: block;
	cursor: pointer;
	background:#e4e7e7;
	color:#000;
	padding:0 15px;
	font-size: 15px;
}
.th-head{
	padding-left: 15px!important;
}
.th-head-active{
	background-color: #d8f2f6;
}
.first-head-active,.sec-head-active,.four-head-active,.five-head-active{
	background: #32B7CD;
	color:#fff;
}
.all-sec-head{
	max-height: 350px;
	overflow: auto;
}
.all-sec-head::-webkit-scrollbar{
	width: 1px;
}
/*一级菜单元素样式*/
.menu-first li{
    font-family: "微软雅黑";
    font-size: 16px;
    display: block;
}

.menu-first li a{
	padding: 0px 15px;
	padding-left: 5px;
	color: #666666;
	display: block;
	height: 38px;
	line-height: 38px;
}

.menu-first li a:hover, .menu-first li a:focus{
	background-color: #d8f2f6;
	color: #444444;
	text-decoration: none;
}


#tabThree .sidebar-menu{
	width: 300px;
}

.answerMenuFirst li{
	height: 30px;
	line-height: 30px;
	margin: 5px 0px 5px 0px;
}

.answerMenuFirst>li>a:visited{
	background: #CCCCCC;
}

.answerMenuFirst li a{
	font-size: 14px;
	padding-left: 20px;
	height: 30px;
	cursor: pointer;
}


/*菜单icon*/
.menu-first i{
	margin: 10px 10px;
	margin-left: 20px;
}
.menu-second i{
	margin-left: 32px;
}
/*二级菜单*/
.menu-second{
	background: #EFF4F4;
	list-style: decimal;
}

.menu-second-close{
	background: url(../img/sidebarIcon/menu-close.png) no-repeat 12px 10px;
	
}
.menu-second-open{
	background: url(../img/sidebarIcon/menu-open.png) no-repeat 12px 10px;
	
}
.menu-second li a{
    height:35px;
    line-height:35px;
    font-size: 14px;
    z-index: 999;
    color: #3A6998;
    overflow: hidden;
}
/*二级菜单鼠标划过样式*/
.nav-stacked>li+li{
	margin-top: 0px;
}

.menu-second li a:hover {
    text-decoration: none;
}
.menusec-sec{
	padding-left: 35px!important;
	
}
.menu-second-selected {
	background: #d8f2f6;
	border: none;
	text-decoration: none;
	padding: 0 0;
	margin: 0 0;
}

.menusec-a:focus{
	background-color: #d8f2f6;
}
.firstMenuSelected{
	background-color: #d8f2f6;
	color: #444444;
}


/*二级菜单选中状态*/

/*tab位置样式*/
.opManualContent{
	padding-top: 20px;
	width: 100%;
}

.tabHead p{
	font-family: "微软雅黑";
	font-size: 16px;
	margin-bottom: 15px;
}

.tabHead #tabTitle{
	display: inline-block;
	width: auto;
	padding-right: 10px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 20px;
	text-indent: 10px;
	font-size: 16px;
	color: #FFFFFF;
	font-family: "微软雅黑";
	letter-spacing: 2px;
	background-color:#32B7CD;
	background-repeat: no-repeat;
}

#opTwo .tabHead #tabTitle{
	background: url(../img/tabImg/videoTabtitle.png);
}





.answerTabHead #tabTitle{
	background: url(../img/tabImg/answerTabtitle.png);
	font-size: 15px;
	font-family: "微软雅黑";
}

.tabHead .imgCenter{
	display: block;
	margin: 10px auto;
	max-width: 90%;
}
/*.tabHead img{
	display: block;
	margin: 10px auto;
	max-width: 90%;
}*/
.imgCenter{
	display: block;
	margin: 10px auto;
	max-width: 90%;
}
.tab-first .imgCenter{
	display: block;
	margin: 0 auto;
}
.tab-first li{
	color: #269ABC;
	font-family: "微软雅黑";
	list-style: none;
	/*text-align: center;*/
}

.tab-first li .tabFirP{
	text-decoration: none;
	font-size: 16px;
	letter-spacing: 1px;
	text-indent: 0px;
	margin-top: -180px;
	padding-top: 170px;
	color: #0072A7;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 5px;
}
.tab-first li .tabFirP img{
	border:none;
	}

.tab-first li i img{
	margin: 20px 10px;
}


.tab-first li img{
	margin: 10px 0px;
	margin: 0 auto;
	max-width: 90%;
	border: 1px solid #ccc; 
}


.tab-second{
	list-style: disc;
}

.tab-second li p{
	color: #000000;
	font-size: 16px;
}

.tab-second li{
	margin: 15px 0px;
	margin-bottom: 0px;
}

.tab-second li .tabsecTitle{
	/*color: #007DA8;*/
	color: #000;
	text-indent: 0px;
	padding-left: 20px;
}

.tab-second li img{
	/*margin: 10px 0px;*/
	max-width: 90%;
	display: block;
	border: 1px solid #ccc; 
    margin: 0 auto; 
    margin-bottom: 5px;
}
.tabSecP img{
	display: inline!important;
	border: none!important;
}
.tabsecTitle img{
	display: inline!important;
	/*border: none!important;*/
}

.tab-second li .listIcon{
	margin: 0px 10px;
}

.tab-second a{
	padding-left: 80px;
}


.subTab{
	/*height: 80px;*/
	background: #FFFFFF;
	position: fixed;
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #FFFFFF;
}

/*应用案例*/
.row{
	margin: 10px 20px;
}
.caseContent{
	height: 175px;
	margin: 10px 20px;
	border: 1px solid #CCCCCC;
	padding: 10px 10px;
}

.caseContentShadow{
	box-shadow: 0px 0px 5px 2px #BBBBBB;
	-webkit-box-shadow: 0px 0px 5px 2px #BBBBBB;
	-moz-box-shadow: 0px 0px 5px 2px #BBBBBB;
}

.imgBox{
	float: left;
	margin: 10px 10px;
}

.imgBox img{
	height: 117px;
	width: 190px;
}
.caseContent .caseTitle{
	font-size: 16px;
	color: #396898;
	font-weight: bold;
	margin-top: 10px;
}

.textBox {
	min-height: 100px;
	position: relative;
}

.textBox a{
	color: #777777;
}

.textBox a:hover{
	color: #0072A7;
}

.caseContent .caseInfo{
	margin-bottom: 20px;
	width：280px;
	text-align: justify;
	font-size: 14px;
}

.textBox a{
	float: right;
	margin-top: -20px;
	margin-right: 10px;
}

.videoContent{
	width: 882px;
	height: 496px;
}

.answerTabFirP{
	font-size: 16px;
	font-weight: bold;
	color: #444444;
	margin-top: -70px;
	padding-top: 80px;
	margin-bottom: 0px;
}

.answerTabsecTitle{
	font-size: 15px;
	color: #0072A7;
	border-bottom: 1px solid #DDDDDD;
	margin: 15px 0px 10px 0px;
	padding-bottom: 5px;
}

.answerTabSecP{
	color: #000000;
	font-size: 14px;
	margin-bottom: 30px;
	margin-top: 20px;
}

.tab-second .answerTabSecP{
	color: #000000;
	margin-bottom: 20px;
	font-size: 14px;
}

#opThree .tab-second li img{
	margin-left: 100px;
}

/*滚动条*/  
* { 
    scrollbar-face-color: #97C2E1; 
    scrollbar-shadow-color: #97C2E1; 
    scrollbar-highlight-color: #565656; 
    scrollbar-3dlight-color: #97C2E1; 
    scrollbar-darkshadow-color: #97C2E1; 
    scrollbar-track-color: #F3F3F3; 
    scrollbar-arrow-color: #97C2E1; 
}
 /*滚动条整体*/  
::-webkit-scrollbar{  
    width:10px; /*滚动条宽度*/
}  
/*滚动条按钮*/  
::-webkit-scrollbar-button {  
  
}  
::-webkit-scrollbar-track{  
    background-color:#F3F3F3;  /*滑道全部*/  
}  
::-webkit-scrollbar-track-piece{  
    background-color:#DFF3FA;  /*滑道*/  
    -webkit-border-radius:4px; /*滑道圆角宽度*/  
}  
::-webkit-scrollbar-thumb{  
    background-color:#97C2E1; /*滑动条表面*/  
    border:solid 1px #C0C0C0; /*滑动条边框*/  
    border-radius:4px;  /*滑动条圆角宽度*/  
}  
/*横竖滚动条交角*/  
::-webkit-scrollbar-corner {  
    background-color: #F3F3F3;  
}  
/*横竖滚动条交角图案*/  
::-webkit-resizer {  
   background-repeat: no-repeat;  
   background-position: bottom right;  
}  
       /*鼠标滑过滑动条*/  
::-webkit-scrollbar-thumb:hover{  
    background-color:#F3F3E0;  
}

