/* CSS Document */

/*-------------------登陆框样式开始---------------*/


body{ margin:0; padding:0;background:url(../images/jiem-bg.jpg) no-repeat top; } 
#con{ 
position:absolute; 
top:0; 
left:0; 
height:100%; 
width:100%; 
background-image:url(../images/bg.png); 
background-position: center 0; 
background-repeat: no-repeat; 
background-attachment:fixed; 
background-size: cover; 
-webkit-background-size: cover;/* 兼容Webkit内核浏览器如Chrome和Safari */ 
-o-background-size: cover;/* 兼容Opera */ 
zoom: 1; 
} 

.login{width:795px; height:513px; margin:0 auto;  background:url(../images/login-k.png) no-repeat; position:relative; }
.logoa{ width:528px; height:51px; margin:0 auto; margin-top:66px; padding-left:50px;}
.logotub{ width:60%; height:51px; margin:0 auto; margin-top:66px;}
.logoMen{line-height:51px; font-size:35px; color:#fff; font-weight:bold; text-indent:14px;letter-spacing:6px; 
       text-align:center;}
.logoMen span{margin-right:15px;}


.denlk{ width:282px; padding:33px 32px; border-width:1px;border-style:solid;border-color:rgba(255,255,255,0.26);border-radius:10px; background:rgba(0,0,0,0.06); position:absolute; 
left:237px; top:115px;}

.users{ width:256px;  margin:0 13px 16px 13px;  position:relative;  border-bottom-width:1px;border-style:solid;border-color:rgba(255,255,255,0.35);padding-bottom:5px; color:#fff;}
.username{ width:254px; height:25px; background:url(../images/pic1.png) no-repeat left;color:#fff; font-size:16px; line-height:25px; margin-left:2px; border:none; outline:none; text-indent:27px;}
.password{ width:254px; height:25px; background:url(../images/pic2.png) no-repeat left;color:#fff; font-size:16px; line-height:25px; margin-left:2px; border:none; outline:none; text-indent:27px;}
.yanzhm{width:254px; height:25px; background:url(../images/pic3.png) no-repeat left;color:#fff; font-size:16px; line-height:25px; margin-left:2px;border:none; outline:none; text-indent:27px;}

span.field-validation-error{ display:block;position:absolute; top:0px; right:0px;  color:#fffc00;line-height:25px;  }
.tishi1{width:229px; height:20px; line-height:22px; color:#fffc00;  margin:0 13px 10px 13px;  color:#fff; background:url(../images/subp4.png) no-repeat left; padding-left:25px;}



.dengl{ width:282px; background:url(../images/den-bg.png) no-repeat; height:50px;}
.btnan{ width:282px; line-height:50px; background:none; border:none; color:#fff; cursor:pointer; text-align:center; font-size:20px; outline:none;}

/*-------------------登陆框样式结束---------------*/



/*---------------后台界面开始----------------*/

/*----------------ui界面-子站首页开始---------------*/
		
#subhom{width:100%; margin:0 auto; } 

.toplog{ width:100%; margin:0 auto; height:48px; padding:0px 0px;  }
.logob{ width:60%; float:left; overflow:hidden;zoom:1; } 
.loggIco2{width:51px; float:left;margin-top:8px; margin-right:3px;text-align:center; padding:0px 0px; height:37px;  }
.loggIco2 img{height:92%;}
.logoMen2{width:90%; float:left; line-height:48px;font-size:20px; text-indent:0px;text-align:left;letter-spacing:1px;  font-weight:bold;color:#fff;font-family:"微软雅黑"; }
	

	.qiehun{ width:40%; float:right;margin-top:20px; height:30px;}
	.zhand{ width:80px; float:right; background:url(../images/subp1.png) no-repeat left 7px; padding-left:18px; color:#fff; line-height:30px; }	
	.yoongh { float:right;margin-right:13px;  /*width:150px;*/}	
	
	.yonqie li{  line-height:30px; text-align:right;}	
	.yoongh a{color:#fff; text-decoration:none; display: block;cursor: pointer; float:left;text-align:right;/*width:87%;*/}
	.yoongh a:hover{ text-decoration:none;}
    .yonqie li.qie-menu-item{ position:relative; }
	.yonqie li.qie-menu-item span.qie_arrow{ width:8px; height:8px;background:url(../images/subp2.png) no-repeat no-repeat left; display:block; float:right; margin-top:10px; margin-left:8px;}
	 
	 .yonqie li.qie-menu-item a:hover{ text-decoration:none; color:#fff;}	 
	 .qie-menu-item:hover .qie-submenu {  display: block; text-decoration:none;}
	
	.qie-submenu { display: none; position: absolute; width:100%;background:rgba(30,41,99,0.96);color:#fff;width:130px; border:1px solid #2b4275; padding:5px 0px; top:30px; right:0px; z-index:999;}
	.qie-submenu li{ width:130px; text-align:left; overflow:hidden;zoom:1;line-height:30px;padding:0px 10px;}
	.qie-submenu li:hover{background:rgba(137,165,180,0.19);}
	.qie-submenu li a{ width:80px; display:block;float:right;text-align:left;line-height:30px; }
	.qie-submenu li a:hover{ text-decoration:none;}

	.qie-submenu li span{ width:20px; display:block;  float:left;line-height:30px; margin-left:10px;}
	.qie-submenu li span i{ line-height:30px;}
	

@media( min-width:1800px ){
.toplog{ width:100%; margin:0 auto; padding-top:15px;padding-bottom:15px; height:81px;}
.logob{ width:50%; float:left; margin-left:20px; } 
.loggIco2{width:51px; height:51px; float:left; margin-right:7px; margin-top:2px;}
.logoMen2{width:58%; float:left; line-height:48px; font-size:30px; color:#fff;text-indent:4px;letter-spacing:3px; font-family:"微软雅黑"; }

.qiehun{ width:30%; float:right;margin-top:20px; height:30px; }
	.zhand{ width:80px; float:right; background:url(../images/subp1.png) no-repeat left 7px; padding-left:18px; color:#fff; line-height:30px; }	
	.yoongh { float:right;margin-right:13px; /*width:150px;*/}
	
	.yonqie li{  line-height:30px; text-align:right;}	
	.yoongh a{color:#fff; text-decoration:none; display: block;cursor: pointer; float:left;text-align:right;/*width:87%;*/}
	.yoongh a:hover{ text-decoration:none;}
    .yonqie li.qie-menu-item{ position:relative; }
	 .yonqie li.qie-menu-item span.qie_arrow{ width:8px; height:8px;background:url(../images/subp2.png) no-repeat no-repeat left; display:block; float:right; margin-top:10px; margin-left:8px;}
	 
	.yonqie li.qie-menu-item a:hover{ text-decoration:none; color:#fff;}	 
	.qie-menu-item:hover .qie-submenu {  display: block; text-decoration:none;}
	
	.qie-submenu { display: none; position: absolute;background:rgba(30,41,99,0.96);color:#fff;width:130px; border:1px solid #2b4275; padding:5px 0px; top:30px; right:0px; z-index:999;}
	.qie-submenu li{ width:130px; text-align:left; overflow:hidden;zoom:1;line-height:30px;padding:0px 10px;}
	.qie-submenu li:hover{background:rgba(137,165,180,0.19);}
	.qie-submenu li a{width:80px; display:block;float:right;text-align:left;line-height:30px; }
	.qie-submenu li a:hover{ text-decoration:none;}
	
	.qie-submenu li span{ width:20px; display:block;  float:left;line-height:30px; margin-left:10px;}
	.qie-submenu li span i{ line-height:30px;}
	
}

.subNent{ width:100%; margin:0 auto;}

#navbar,.content{width:100%;}
#examples2{width:100%; }

.content{overflow:auto;position: relative;width: 100%;max-width: 100%;height:815px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

@media( max-width:1366px ){
.content{overflow: auto;position: relative;width: 100%;	max-width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

}


.header-menu{ width:10%; float:left;overflow-x:hidden; background:#202f49;}
.header-menu ul{ padding-left:0px;}
.right-content{ width:89%; float:right; margin:0px 0.5%;}

ul.navMenu{ width:100%;background:#202f49;overflow:hidden;zoom:1;padding-bottom:23px;}
ul.navMenu li{ width:100%;line-height:49px; font-size:14px; border-bottom-width:1px;border-style:solid;border-color:rgba(198,236,178,0.06);  overflow:hidden;zoom:1;}
ul.navMenu li a{ display:block; width:100%; height:49px;  color:#fff; line-height:49px; text-indent:10px;}
ul.navMenu li a:hover{ color:#fff; text-decoration:none;}
ul.navMenu li:hover,ul.navMenu li.currentdh{background:url(../images/menu-bg1.jpg) no-repeat;background-size:100% 100%; text-decoration:none;}

ul.navMenu li span{ width:20px;margin-left:18%; height:49px; line-height:49px;color:#fff; display:block; float:left;}
ul.navMenu li span i{ width:20px; line-height:49px; text-align:center;}

ul.navMenu li span i.work{ font-size:20px;}
ul.navMenu li span i.nrgl{ font-size:16px; margin-left:3px;}

ul.navMenu li span i.zhw{ font-size:21px; line-height:50px;}
ul.navMenu li span i.webs{ font-size:19px;margin-left:2px; }
ul.navMenu li span i.zmhd{ font-size:18px;margin-left:3px; }
ul.navMenu li span i.szx{ font-size:19px; margin-left:2px;}
ul.navMenu li span i.ydmh{ font-size:21px; }
ul.navMenu li span i.yhgl{ font-size:17px; line-height:47px;margin-left:2px;}
ul.navMenu li span i.xtsz{ font-size:19px; line-height:49px; margin-left:2px;}
ul.navMenu li span i.ycj{ font-size:16px; line-height:49px; margin-left:3px;}




ul.navMenu li ul.nav_childmenu{ width:100%; overflow:hidden;zoom:1; background:#456a85;}
ul.navMenu li ul.nav_childmenu li{ width:100%; line-height:38px; color:#fff; border-bottom:none; font-size:14px; overflow:hidden;zoom:1;}
ul.navMenu li ul.nav_childmenu li a{ color:#fff;  height:38px; line-height:36px; text-indent:34%;text-indent:42%\9;display:inline-block;float:left;  }
ul.navMenu li ul.nav_childmenu li a:hover{ color:#fff;  height:38px; line-height:36px; background:none;}
ul.navMenu li ul.nav_childmenu li:hover{ background:#048de4;  }
ul.navMenu li ul.nav_childmenu li.current{background:url(../images/arrow3.png) no-repeat 30px 12px;   font-weight:normal;}
ul.navMenu li ul.nav_childmenu li.current3{background:url(../images/arrow2.png) no-repeat  30px 12px;  font-weight:normal; background-color:#048de4;}
ul.navMenu li ul.nav_childmenu span{ text-align:right; display:inline-block; width:10px; float:right; line-height:36px; padding-right:13px;margin-right:5px; }
ul.navMenu li ul.nav_childmenu span i{ height:38px; line-height:37px; }

ul.navMenu li ul.nav_childmenu span i.caidan3{font-size:12px;}

ul.navMenu li .nav_childmenu li ul.nav_childmenu2{ width:100%; overflow:hidden;zoom:1; background:url(../images/line3.gif) repeat-y 36px 0px; background-color:#577a9a;}
ul.navMenu li .nav_childmenu li ul.nav_childmenu2 li{ width:100%; overflow:hidden;zoom:1;}
ul.navMenu li .nav_childmenu li ul.nav_childmenu2 li a{ display:block;  height:38px; color:#fff; float:left; line-height:36px;background:url(../images/line3.gif) repeat-y 36px 0px;}
ul.navMenu li .nav_childmenu li ul.nav_childmenu2 li.current2{color:#fff; display:block;  line-height:36px; background:url(../images/line3.gif) repeat-y 36px 0px;background-color:#048de4; font-weight:normal;}
ul.navMenu li .nav_childmenu li ul.nav_childmenu2 li a:hover{color:#fff; display:block;line-height:36px;background:url(../images/line3.gif) repeat-y 36px 0px; background-color:#048de4; font-weight:normal;}

@media( min-width:1800px ){
	ul.navMenu li ul.nav_childmenu li a{  text-indent:38%; }	
	
	ul.navMenu li ul.nav_childmenu li.current{background:url(../images/arrow3.png) no-repeat 35px 12px; }
	ul.navMenu li ul.nav_childmenu li.current3{background:url(../images/arrow2.png) no-repeat  35px 12px; background-color:#048de4;}
	
	ul.navMenu li .nav_childmenu li ul.nav_childmenu2{  background:url(../images/line3.gif) repeat-y 41px 0px; background-color:#577a9a;}	
	ul.navMenu li .nav_childmenu li ul.nav_childmenu2 li a{ background:url(../images/line3.gif) repeat-y 41px 0px;}
	ul.navMenu li .nav_childmenu li ul.nav_childmenu2 li.current2{ background:url(../images/line3.gif) repeat-y 41px 0px;background-color:#048de4;}
	ul.navMenu li .nav_childmenu li ul.nav_childmenu2 li a:hover{background:url(../images/line3.gif) repeat-y 41px 0px; background-color:#048de4; } 	
	
	}



@media( max-width:1366px ){	
.header-menu{ width:136px;  }

ul.navMenu li ul.nav_childmenu li a{  text-indent:39%;text-indent:50%\9;  }

ul.navMenu li ul.nav_childmenu li.current{background:url(../images/arrow3.png) no-repeat 20% 12px;}
ul.navMenu li ul.nav_childmenu li.current3{background:url(../images/arrow2.png) no-repeat 20% 12px; background-color:#048de4;}

ul.navMenu li .nav_childmenu li ul.nav_childmenu2{  background:url(../images/line3.gif) repeat-y 23% 0px; background-color:#577a9a;}

ul.navMenu li .nav_childmenu li ul.nav_childmenu2 li a{background:url(../images/line3.gif) repeat-y 23% 0px;}
ul.navMenu li .nav_childmenu li ul.nav_childmenu2 li.current2{ background:url(../images/line3.gif) repeat-y 23% 0px;background-color:#048de4;}
ul.navMenu li .nav_childmenu li ul.nav_childmenu2 li a:hover{background:url(../images/line3.gif) repeat-y 23% 0px; background-color:#048de4;}

.right-content{ width:88.9%; float:right; margin:0px 0.5%;}

}

@media( max-width:1360px ) {
    .right-content{ width:88.5%; float:right; margin:0px 0.5%;}
}

@media( max-width:1350px ){
	.right-content{ width:88%; float:right; margin:0px 0.6%;}
}

@media( max-width:1280px ){
	.right-content{ width:87%; float:right; margin:0px 0.6%;}
}

@media( max-width:1170px ){
	.right-content{ width:86%; float:right; margin:0px 0.6%;}
}

@media( max-width:1066px ){
	.right-content{ width:84%; float:right; margin:0px 0.6%;}
}

.rigNer{ width:100%; margin:0 auto; }






.rigTit{ width:100%; height:30px; border-bottom:1px solid #72839a ;margin-bottom:5px;}
.rigTit ul{ padding-left:0px;}

ul.tabs{ overflow:hidden;zoom:1; height:30px; width:100%; }
ul.tabs li{ float:left; font-weight:bold; margin-left:1px; position:relative;}


ul.tabs li.homTab{ width:109px;height:30px; line-height:30px; background:url(../images/biaoq1.png) no-repeat; text-align:center; color:#fff; font-size:14px; margin-right:1px;}
ul.tabs li.active{ width:109px;height:30px; line-height:30px; background:url(../images/biaoq8.png) no-repeat; text-align:center; color:#fff; font-size:14px; position:relative; }

ul.tabs li a{ color:#fff; display:block; width:100px; text-align:center; line-height:30px;}
ul.tabs li a:hover{ color:#fff; text-decoration:none;}

ul.tabs li.homTab span.close{ display:block; width:13px; height:13px; position:absolute;top:4px; right:3px; color:#fff;filter:alpha(opacity=100);opacity:1; background:url(../images/biaoq3-2.png) no-repeat;}

ul.tabs li.active span.close{ display:block; width:13px; height:13px; position:absolute;top:4px; right:3px; color:#fff;filter:alpha(opacity=100);opacity:1;background:url(../images/biaoq3-1.png) no-repeat; }


ul.tabs li.newtab{ width:26px; height:24px; color:#fff; font-weight:bold; line-height:20px; font-size:18px; text-align:center; background:url(../images/biaoq4-1.png) no-repeat top;margin-top:10px;}
ul.tabs li a.tab_add{ width:26px; line-height:24px; line-height:20px;}

ul.tabs li.newtab a{color:#fff;}
ul.tabs li.newtab a:hover{ text-decoration:none;}


.chartNet1{ width:100%; }


.harte01{ width:32.8%; float:left; margin-right:0.8%;}
.harte02{ width:32.8%; float:left; margin-right:0.8%;}
.harte03{ width:32.8%;float:left; }



.charta{ width:100%; height:243px; border:1px solid #3d394e; background:rgba(0,0,0,0.25); border-radius:8px;}
.chartb{ width:100%; height:243px; border:1px solid #3d394e; background:rgba(0,0,0,0.25); border-radius:8px; margin-top:10px;}
.chartc{ width:100%; /*height:496px;*/ border:1px solid #3d394e; background:rgba(0,0,0,0.25); border-radius:8px;}

.chartTit{ width:100%;  border-bottom-width:1px;border-style:solid;border-color:rgba(255,255,255,0.11); font-weight:bold; color:#fff; font-size:16px; overflow:hidden;zoom:1;}
.chartTit span{ display:block; line-height:48px; height:48px;}

	span.tuico{ width:20px; float:left;margin-left:18px;  text-align:center; }
	span.tuico i.biat{font-size:18px; line-height:48px;}
	span.tuico i.biat1{ font-size:24px; font-weight:normal;  margin-top:2px;line-height:48px;}
	span.tuico i.biat2{font-size:10px; font-weight:normal;line-height:48px; }
	
	span.tuico i.icon-xxx{ line-height:48px;}
	span.tuico2 i.icon-xxx{ line-height:48px;}

	span.tuico i.biat3{ font-size:20px; font-weight:normal;}
	span.tuico i.biat4{font-size:20px; font-weight:normal; line-height:48px;}
	span.tuico i.biat5{font-size:20px; font-weight:normal;line-height:48px;}
	
	.chartTit h3{ width:60%; float:left; display:block; font-weight:bold; padding-left:9px; line-height:48px; font-size:14px;  margin-top:0px; margin-bottom:0px;}
	
	span.tuico2{ width:40px; float:right; text-align:center; line-height:48px;}
	span.tuico2 a{ color:#fff; text-decoration:none; line-height:48px}

	
	
	
	.chartTit h3.ming1{padding-left:8px;}
	.chartTit h3.ming2{padding-left:7px;}
	.chartTit h3.ming3{ padding-left:12px;}
	
.charttub1{ width:92%; margin:16px 4%; height:160px; }






.line1{ width:96%; height:1px; margin:13px auto; border-bottom-width:1px;border-style:dashed;border-color:rgba(198,236,178,0.06);}
.charttub2{ width:92%; margin:16px 4%; height:160px;}

.charttub4{ width:92%;margin:29px 4% 46px 4%; height:160px; }



.paiMne{ width:100%; margin-right:13px; border:1px solid #3d394e; background:rgba(0,0,0,0.25); border-radius:8px; margin-top:10px; height:486px;}
.charttub3{ width:92%;margin:16px 4%; height:395px;}


.chartNet2{ width:100%;margin-bottom:52px; }
.newxix{ width:49.5%; float:left;border:1px solid #3d394e; background:rgba(0,0,0,0.25); border-radius:8px; margin-top:10px; }
.newxix2{width:49.5%; float:right;border:1px solid #3d394e; background:rgba(0,0,0,0.25); border-radius:8px; margin-top:10px; }

ul.xiList{ width:90%%; padding:15px 19px;margin-bottom:20px;}
ul.xiList li{ line-height:38px; border-bottom-width:1px;border-style:dashed;border-color:rgba(255,255,255,0.1); font-size:14px; color:#fff; background:url(../images/arrow.png) no-repeat 12px 18px;
 overflow:hidden;zoom:1; }
ul.xiList li a{ display:block; float:left; color:#fff;  text-indent:32px;}
ul.xiList li a:hover{color:#fff; text-decoration:underline;}
ul.xiList li span.ychl{ display:block; float:right; text-align:center; width:62px; height:25px; display:block; background:#ea5b65; color:#fff; line-height:25px; border-radius:2px; margin-top:7px;}
ul.xiList li span.dchl{ display:block; float:right; text-align:center;width:62px; height:25px; display:block; background:#ed9c34; color:#fff; line-height:25px; border-radius:2px;margin-top:7px;}


/*----------------ui界面-子站首页结束---------------*/



/*----------------ui界面--表单框架页开始----------------*/


.frameLeft{ width:200px; padding-top:5px;}
.framtit{ width:100%; height:34px;z-index:999; line-height:36px; color:#fff; font-size:14px; border-bottom-width:1px;border-style:solid;border-color:rgba(255,255,255,0.11); overflow:hidden;zoom:1; }
.framtit span.square{width:20px; display:inline; height:34px; line-height:34px; margin-left:17px; margin-right:6px; text-align:center; cursor:pointer; font-size:14px; float:left;}
.framtit span.square i{ font-size:15px; line-height:34px; }
.framtit h4{ color:#fff;display:inline; float:left;line-height:34px; margin-top:0px;margin-left:0;}




/* 内容左侧--开始 */

.tabs-content {position: relative;overflow: hidden;display:none; }
.tabs-content.active {display:block; }

.sidebar-expander {	width:20px;height: 100%;display: none;cursor: pointer;background: #fff;}

.sidebar-expander span {width:20px;position: absolute;top: 0;left:0;bottom: 0;right: 0;line-height: 100%;text-align: center;display:block;}
.sidebar-expander span:hover{ background:rgba(255,255,255,0.08);}
.sidebar-expander span i{position: absolute;top: 50%;left: 0px;font-size: 20px;color:#fff;}

.frameRight{ height:100%; padding:7px 0px;}

@media( max-width:1366px ){
	.frameRight{ height:100%;padding:7px 0px;} 
	}
	
	
@media( max-width:1280px ){
	.frameRight{ height:100%; padding:7px 0px;} 
	}




.tabs-contentbox{ height:100%;}

/*------当右边内容100%显示的时候---------*/

.tabs-content .active .tabs-contentbox{width:100%; display:block;}




/* 没有左侧 */
.tabs-content.active{display:block; border:none; background:none;}

.tabs-content .content-leftpanel{ display:none; }
.tabs-content .tabs-contentbox { margin-left: 0px; border-left:none;}




/* 左侧收缩 */
.tabs-content.active.leftpanel-folding{display:block; border:1px solid #3d394e; background:rgba(0,0,0,0.25);}

.leftpanel-folding .sidebar-expander{ display:block;}/*左侧箭头显示*/
.leftpanel-folding .sidebar-panel{ display:none;}/*左侧内容隐藏*/
.leftpanel-folding .tabs-contentbox{ margin-left:20px;border-left-width:1px;border-style:solid;border-color:rgba(255,255,255,0.11);}/*间距20隐藏*/
.leftpanel-folding .content-leftpanel{ display:block;}


/* 左侧激活 */
.tabs-content.active.leftpanel-active{display:block; border:1px solid #3d394e; background:rgba(0,0,0,0.25);}

.leftpanel-active .content-leftpanel{ display:block;}/*左侧外层div显示*/
.leftpanel-active .sidebar-expander{ display:none;}/*左侧箭头显示*/
.leftpanel-active .sidebar-panel{ display:block;}/*左侧内容显示*/
.leftpanel-active .tabs-contentbox{margin-left:200px;border-left-width:1px;border-style:solid;border-color:rgba(255,255,255,0.11);}/*间距200显示*/



/* 内容左侧--结束-- */





/*----------------ui界面--表单框架页结束----------------*/

/*--------------网站弹出框开始-----------*/
 .modal-content{ background:#49517b!important; color:#fff !important;border-width:1px;border-style:solid;border-color:rgba(255,255,255,0.2);}
.modal-header{ padding:10px 15px !important; border-bottom:1px solid #858aa6 !important;}
.close{ color:#fff !important;opacity:6;}
.close:hover{ color:#fff !important;opacity:1;}




/*------------网站弹出框结束-------------*/



/*---------------后台界面结束----------------*/