@charset "utf-8";

html{height:100%}
body{min-height: 100%;position: relative;font-size:14px;color:#333; background-color:#fbfcfe;}
a{color:#333;text-decoration:none;}
/*a:hover,a:focus,.maincolor,.maincolor a{color:#06c}*/
.bg-1{ background-color:#f5fafe}
h4{line-height:30px}
/*页面框架*/
.Hui-header{position:absolute;top:0; right:0; left:0;height:80px;z-index:999;}
.Hui-aside{position: absolute;top:80px;bottom:0;left:0;padding-top:10px;width:199px;z-index:99;overflow:hidden; background-color:rgba(255,255,255,0.98);border-right: 1px solid #c0ddfc}
.Hui-article-box{position: absolute;top:80px;right:0;bottom: 0;left:199px; overflow:hidden; z-index:1; background-color:#fff}
.Hui-article{position: absolute;top:35px;bottom:0;left:0; right:0;overflow:auto;z-index:1}
.Hui-container{ padding:45px 0 0}
.Hui-aside,.Hui-article-box,.dislpayArrow{-moz-transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;-ms-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s}
.big-page .Hui-article-box,.big-page .dislpayArrow,.big-page .breadcrumb{left:0px}
.big-page .Hui-aside{ left:-200px}
.Hui-foot{position:absolute;bottom:0; right:0; left:0;height:36px;z-index:999;}

/*组件*/
	/*logo*/
	.logo-box{width:800px;margin-left:20px;}
	.logo{float:left;width:68px;height:68px;margin-top:6px;}
	.logo-r{float:left;height:68px;margin-top:6px;}
	.Hui-logo,.Hui-logo-m{height:68px;cursor:pointer;font-size:20px; font-weight:bold; line-height:68px;width:230px;text-align:center}
	.Hui-logo{display:inline-block;padding-right:5px}
	.Hui-logo:hover,.Hui-logo-m:hover{text-decoration:none; color:#fff}
	.Hui-logo-m{display:none;width:45px;}
	.Hui-subtitle{ font-size:14px; color:#eee;  margin-left:20px;width:130px;text-align:center}
	.viewhome{ line-height:44px; padding-right:15px}
	.viewhome a{ color:#FFF; padding-left:20px; background:url(../images/icon_link.png) no-repeat 0 center}
	
	/*导航*/
	#Hui-nav{ margin-left:200px; margin-right:260px; background-color:transparent}
	#Hui-nav > ul > li{ font-weight:normal}
	#Hui-nav > ul > li > a{padding:0 20px}
	#Hui-nav > ul > li,#Hui-nav > ul > li > a{height:44px; line-height:44px}
	#Hui-nav > ul > li > a:hover,#Hui-nav > ul > li.current > a{ background-color:rgba(255,255,255,0.2)}
	.Hui-userbar{ position:absolute; top:20px; right:20px}
	.Hui-userbar > li{ float:left; display:inline-block; position:relative;line-height:44px}
	.Hui-userbar > li > a{ display:inline-block; padding:0 10px;height:44px; line-height:44px}
	.Hui-userbar > li > a:hover,Hui-userbar > li.current > a{ text-decoration:none;}
	#Hui-msg .badge{ position:absolute; left:19px; top:4px; font-size:12px; font-weight:normal; padding:1px 5px}
	#Hui-skin{}
	/*左侧菜单*/
	.Hui-aside .menu_dropdown dl{ margin-bottom:0}
	.Hui-aside .menu_dropdown dt{display:block;line-height:46px;padding-left:15px;cursor:pointer;position:relative;border-bottom: 1px solid #c0ddfc;font-weight:normal}
	.Hui-aside .menu_dropdown dt .menu_dropdown-arrow{ position:absolute;overflow: hidden; top:0; right:15px;transition-duration:0.3s ;transition-property:all;font-weight:bold;color:#1194ef}
	.Hui-aside .menu_dropdown #menu-article .icon-left{color:#1194ef;padding:6px;border-radius:4px;font-size:18px;}
	.Hui-aside .menu_dropdown dd{ display:none;padding-left:30px}
	.Hui-aside .menu_dropdown #menu-article  dt.selected .icon-left{color:#fff;background:#1194ef;}
	.Hui-aside .menu_dropdown dt.selected .menu_dropdown-arrow{transform: rotate(90deg)}
	.Hui-aside .menu_dropdown dt.selected{background:#f3fcff;border-bottom:#c0ddfc 1px solid;}
	.Hui-aside .menu_dropdown dd.selected{display:block; margin-left:0px;background:#e6f7ff}
	.Hui-aside .menu_dropdown ul{margin-left:15px;}
	.Hui-aside .menu_dropdown li{line-height:46px;zoom:1;border-bottom:1px solid #c0ddfc;}
	.Hui-aside .menu_dropdown li a{ display:block;font-weight: bold; padding-left:15px}
	.Hui-aside .menu_dropdown li a i{ font-weight: normal}
	.Hui-aside .menu_dropdown dd ul{padding:3px 0;margin-left:16px}
	.Hui-aside .menu_dropdown dd li{line-height:46px;}
	.Hui-aside .menu_dropdown dd li a{line-height:46px; border-bottom:none; font-weight:normal}
	.Hui-aside .menu_dropdown li a:hover{text-decoration:none}
	.Hui-aside .menu_dropdown li.current a,.menu_dropdown li.current a:hover{background-color:rgba(255,255,255,0.2)}
	/*菜单收缩切换*/
	.dislpayArrow{position: absolute;top: 0;bottom: 0;left:200px;width:0px; height:100%;z-index:10}
	.dislpayArrow a{ position:absolute; display:block; width:17px; height:61px;top:50%; margin-top:-30px;outline:none;}
	.dislpayArrow a.open{ background-position:0 -61px}
	.dislpayArrow a:hover{ text-decoration:none; background-position:right 0}
	.dislpayArrow a.open:hover{background-position:right -61px}

	/*选项卡导航*/
	.Hui-tabNav{height:35px; padding-right:75px;overflow:hidden; position:relative;background:#f4f4f4;}
	.Hui-tabNav-wp{position:relative; height:35px;overflow:hidden}
	/*.Hui-tabNav .acrossTab{ position:absolute; height:34px; line-height:34px; background:#f4f4f4; top:0px; left:0;padding-top:0;}
	.Hui-tabNav .acrossTab li{height:34px;line-height:34px;color:#666;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}*/
	
	.Hui-tabNav .acrossTab{position:absolute; height:34px; line-height:34px; background:#f4f4f4; top:4px; left:0;padding-top:0;list-style:none;border-top:solid 3px #f4f4f4;padding-left:6px;overflow: hidden;}
	.Hui-tabNav .acrossTab li{height:24px;line-height:24px;padding:3px 22px;color:#fff;float:left;margin:0 8px;border-top-left-radius:8px;border-top-right-radius:8px;background:#68caff;position: relative;}
	.Hui-tabNav .acrossTab li.active{background-color:#fff;}
	.Hui-tabNav .acrossTab li:before,.Hui-tabNav .acrossTab li:after{content:"";width: 12px;height: 24px;background-color:#68caff;display: block;position: absolute;bottom:0;z-index:1;}
	/*.Hui-tabNav .acrossTab li:hover{cursor:pointer;background-color:white;color:#666;position: relative;}*/
	.Hui-tabNav .acrossTab li:before{left:-8px;transform: skew(-35deg);border-left:solid 3px #68caff;}
	.Hui-tabNav .acrossTab li:after{right:-8px;transform: skew(35deg);border-right:solid 3px #68caff;}
	.Hui-tabNav .acrossTab li.active:before,.Hui-tabNav .acrossTab li.active:after{content:"";width: 12px;height: 24px;background-color:#fff;display: block;position: absolute;bottom:0;z-index:2;}
	.acrossTab li.active:before{left:-8px;transform: skew(-35deg);border-left:solid 3px #fff;}
	.acrossTab li.active:after{right:-8px;transform: skew(35deg);border-right:solid 3px #fff;}
	
	.loading {background:url(../images/loading.gif) no-repeat center; height:100px}
	.show_iframe iframe {position: absolute;bottom: 0;height: 100%;width: 100%}
	.Hui-tabNav-more {position: absolute;right:0px;width:70px;top:4px;display: none}

	/*面包屑导航*/
	/*.breadcrumb{background:url(../images/bg-01_03.png) repeat-x}*/

	
	.footer{border-top:1px solid #E8E8E8;margin-top:20px;font-family:tahoma,Arial;font-size:12px;color:#999;line-height:22px;text-align:center}
	.footer p{padding-top:15px}
	.footer a,.footer a:hover{color:#999}
/*横向手机 竖向平板*/
/*@media (max-width:1100px) {
	html{ overflow-y:auto}	
	#Hui-nav{margin-left:130px!important; margin-right:60px}
	#Hui-nav > ul > li{width:24%;font-weight:bold;font-size:16px}
	#Hui-nav > ul > li a{ display:block}
	.Hui-aside{ display:none;float:none; width:100%; height:auto; margin-top:0;padding-top:0;bottom:auto}
	.big-page .Hui-aside{ left:0!important}
	.Hui-subtitle,.dislpayArrow,.Hui-userbar,.Hui-tabNav{ display:none}
		.menu_dropdown dt{line-height:44px}
		.menu_dropdown li,.menu_dropdown dd li,.menu_dropdown dd li a{ line-height:44px}
  .Hui-tabNav{ position:fixed; z-index:998}
  .Hui-article{ top:80px}
  .Hui-article-box{ position:static; left:0}
  .Hui-article-box .pd-20{padding:20px 10px}
		.Hui-article{left:0}
		.Hui-container .bk-gray{ border:none}
		.Hui-container .pd-10{ padding:0}
}*/


/*==============以下是业务相关的样式====================*/
/*权限*/
.permission-list{ border:solid 1px #8cadd8;margin-bottom:6px;}
.permission-list > dt{ background-color:#e6f7ff;padding:5px 10px}
.permission-list > dd{ padding:10px; padding-left:30px}
.permission-list > dd > dl{ border-bottom:solid 1px #8cadd8; padding:5px 0}
.permission-list > dd > dl > dt{ display:inline-block;float:left;white-space:nowrap;width:100px;border-right:1px solid #8cadd8;margin-right:6px;}
.permission-list > dd > dl > dd{ margin-left:0px;}
.permission-list > dd > dl > dd > label{ padding-right:10px}

/*图片预览*/
.portfolio-area{ margin-right: -20px;}
.portfolio-area li{position: relative; float: left; margin-right: 20px; width:162px; height:162px;margin-top: 20px;}
.portfolio-area li.hover{ z-index:9}
.portfolio-area li .portfoliobox{ position: absolute; top: 0; left: 0; width: 152px; height: 152px;padding:5px;border: solid 1px #eee; background-color: #fff;}
.portfolio-area li .checkbox{position: absolute; top: 10px; right: 5px; cursor:pointer}
.portfolio-area li.hover .portfoliobox{ height:auto;padding-bottom:10px;box-shadow:0 1px 3px rgba(68, 68, 68,0.3);-moz-box-shadow:0 1px 3px rgba(68, 68, 68,0.3);-webkit-box-shadow:0 1px 3px rgba(68, 68, 68,0.3)}
.portfolio-area li .picbox{width: 150px; height: 150px;overflow: hidden;text-align: center;vertical-align:middle;display:table-cell; line-height:150px;}
.portfolio-area li .picbox img{max-width:150px; max-height:150px;vertical-align:middle;_margin-top: expression_r(( 150 - this.height ) / 2);}
.portfolio-area li .textbox{ display: none; margin-top: 5px;}
.portfolio-area li.hover .textbox{ display: block;}
.portfolio-area li label{ display:block; cursor:pointer}