/*global settings*/

body{ background:#fff; overflow-x: hidden;}
.container{width:100%;min-width:1230px; position:relative;}
.w{width:1200px; margin:0 auto; position:relative;}

#header{width:100%; position:relative; z-index:3; background:rgba(255,255,255,1); box-shadow:0 2px 6px rgba(0,0,0,0.03);}
#main{width:100%; position:relative; z-index:2;}
#footer{width:100%; position:relative; z-index:1;}
.container.normal #header{margin-bottom: 80px;}
.container.normal #main{}
.bg-white{ background:#fff;}

a.more:link,a.more:visited{display:block; line-height:24px; font-size:12px; color:#777; position:absolute; top:8px; right:0;}
a.more:hover{ color:#329FEF;}
a.more:after{
	font-family:"iconfont" !important;
	font-size:13px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:0.2px;
	-moz-osx-font-smoothing:grayscale;
	content:"\e668";
}

/*===========background===========*/
.orange{ background:#fb7509;}
.blue{ background:#20b0da;}
.ashen{ background:#cba635;}


/*===========list style===========*/
.textlist{width:100%;}
.textlist > li{line-height:32px; font-size:14px; padding:0 80px 0 16px; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.textlist.small > li{ font-size:12px;}
.textlist > li a:hover{ text-decoration:underline;}
.textlist > li:before{content:""; display:block; width:4px; height:4px; background:#444; border-radius:100%; position:absolute; top:14px; left:3px;}
.textlist > li > span{display:block; font-size:12px; color:#bbb; position:absolute; top:0; right:2px;}
.textlist > li > span.timing{ color:#666;}
.textlist > li > span.timing span{ color:#fa6f2b;}

.textlist.hideTime > li{padding-right:0;}
.textlist.hideTime > li span{ display:none;}

.textlist > li.topline{ padding:0 0 0 16px; padding-bottom:5px;}
.textlist > li.topline:before{ display:none;}
.textlist > li.topline a{ display:block; font-size:17px; font-weight:800; font-style:normal; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.textlist > li.topline span{ display:none;}


/*===========top===========*/
.topbar{ width:100%; text-align:center; position: relative;}
.logobar{height: 120px; padding-top: 28px;}
.logo{display:block; width:608px; height:80px; background:url(../images/logo.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden;background-size: 100%;}

.nav{width:1200px;text-align:center; background: #5e0e8b; position:absolute; top: 120px; z-index:1;}
.nav:before{content:""; display: block; width: 490px; height: 100%; background: url(../images/nav_bg_l.png) right 0 repeat-y; position: absolute; top: 0;  left: -450px;}
.nav:after{content:""; display: block; width: 490px; height: 100%; background: url(../images/nav_bg_r.png) right 0 repeat-y; position: absolute; top: 0;  right: -450px;}
.nav .menu > .item{ display:inline-block; padding: 0 18px;}
.nav .menu > .item > a{ display:block; line-height:46px; font-size:16px; color:#f3deff; padding:0 15px; position:relative;}
.nav .menu > .item > a:hover{ color:#fff; text-decoration: none;}

.search-top{ box-sizing:border-box; border:1px solid #ddd; border-radius:30px; padding-right:20px; overflow:hidden; position:absolute; top:50%; margin-top:-16px; right:0; z-index:2}
.search-top > input{display:block; width:200px; line-height:18px; height:30px; font-size:12px; color:#333; padding:6px 10px; background:none; border:0;}
.search-top > button{display:block; width:24px; line-height:30px; font-size:14px; color:#555; background:none; border:0;overflow:hidden; position:absolute; top:0; right:0;}
.search-top > button:hover{ color:#3a66a9; cursor:pointer;}
.search-top > button > i{font-size:18px; position:relative; top:1px;}



/*===========main===========*/
#main{ position:relative; z-index:2;}
#main .grid{ position:relative; padding:35px 0;}

.banner{ width:100%; position:relative; margin-bottom: 30px;}
.banner .slider{ width:100%; height:380px; text-align:center; overflow:hidden; position:relative; z-index:1;}
.banner img{ display:block; height:100%; position:absolute; left:50%; margin-left:-960px;}

.sysbar{ width:100%; position:absolute; left:0; bottom:0; z-index:2;}
.sysbar ul{ overflow:hidden; zoom:1; margin-left:-1px; margin-right:-1px;}
.sysbar ul li{ display:block; width:14.2857%; float:left; padding:0 1px;}
.sysbar ul li a{ display:block; width:100%; height:140px; color:#fff; font-size:16px; background:rgba(0,0,0,0.5); text-align:center;}
.sysbar ul li a:hover{ background:rgba(7,56,109,0.9); color:#fff;}
.sysbar ul li a i{ display:block; width:48px; height:98px; margin:0 auto;}
.sysbar ul li a i.caigou{ background:url(../images/btn_caigou.png) center center no-repeat;}
.sysbar ul li a i.yanshou{ background:url(../images/btn_ys.png) center center no-repeat;}
.sysbar ul li a i.baofei{ background:url(../images/btn_bf.png) center center no-repeat;}
.sysbar ul li a i.gongxiang{ background:url(../images/btn_gx.png) center center no-repeat;}
.sysbar ul li a i.gongfang{ background:url(../images/btn_fang.png) center center no-repeat;}
.sysbar ul li a i.anquan{ background:url(../images/btn_anquan.png) center center no-repeat;}
.sysbar ul li a i.sys{ background:url(../images/btn_lab.png) center center no-repeat;}

.layout-l{ width:580px; float:left; position:relative;}
.layout-r{ width:580px; float:right; position:relative;}
.layout-l .line,
.layout-r .line{
	height: 5px;
	width: 1200px;
	z-index: 20;
	background: #f4f0f0;
	left: -620px;
	position: absolute;
}
.line{
	height: 5px;
	width: 1200px;
	z-index: 20;
	background: #f4f0f0;
	position: absolute;
}
.column{ position:relative;}
.layout-l .column > .title{position: relative; border-bottom:1px solid #ddd; margin-bottom: 20px;}
.layout-l .column > .title h3{font-size: 24px; font-weight: 600; color: #5e0e8b; padding-left: 12px; margin-right: 20px; position: relative;}
.layout-l .column > .title h3:before{content: ""; display: block; width: 4px; height: 20px; background: #5e0e8b; border-radius: 5px; position: absolute; top:9px; left: 0;}
.layout-r .column > .title{position: relative; border-bottom:1px solid #ddd; margin-bottom: 20px;}
.layout-r .column > .title h3{font-size: 24px; font-weight: 600; color: #5e0e8b; padding-left: 12px; margin-right: 20px; position: relative;}
.layout-r .column > .title h3:before{content: ""; display: block; width: 4px; height: 20px; background: #5e0e8b; border-radius: 5px; position: absolute; top:9px; left: 0;}

.column .column-title{ line-height:38px; margin-bottom:25px; position:relative;}
.column .column-title em{ display:block; font-size:16px; font-weight:600; font-style:normal; color:#444; padding-left:10px; position:relative;}
.column .column-title em:before{ content:""; display:block; width:3px; height:18px; background:#297efe; position:absolute; top:10px; left:0;}
.column.borded{ background:#fff; padding:0 20px;border: 1px solid #e5e5e5;}

.tab-column{ line-height:42px; position:relative;}
.tab-column .btn-tab{ display:block; text-align:center; font-size:14px; font-weight: 600; color:#666; padding: 0 10px; float:left; position:relative; outline:none; box-shadow:none;}
.tab-column .btn-tab:hover{color: #333; text-decoration: none;}
.tab-column .btn-tab:focus{outline:none; box-shadow:none;}
.tab-column .btn-tab.active{ color:#5e0e8b; font-weight:600; z-index:99;}
.tab-column .btn-tab.active:after{ content:""; display:block; width:100%; border-bottom:2px solid #5e0e8b; position:absolute; left:0; bottom:-1px;}

.tab-column2{line-height:44px; border-bottom:1px solid #ebebeb; margin-bottom:15px; position:relative;}
.tab-column2 .btn-tab{ display:block; font-size:16px; color:#444; margin-right:15px; padding:0 5px; float:left; position:relative; outline:none; box-shadow:none;}
.tab-column2 .btn-tab:focus{outline:none; box-shadow:none;}
.tab-column2 .btn-tab.active{ font-weight:600; color:#333;}

.xc{width: 100%; overflow: hidden;}

.headline{ min-height:86px; padding-left:150px; margin-bottom:18px; position:relative;}
.headline .imgbox{ width:120px; height:86px; background:#ddd; position:absolute; top:0; left:0;}
.headline dt{ line-height:40px; font-size:16px;}
.headline dt a{ color:#333;}
.headline dt a:hover{ color:#0581e4;}
.headline dd{ color:#aaa;}

.newslist .textlist li{ width:48%; float:left;}
.newslist .textlist li:nth-child(even){ margin-left:4%;}

.notice{}
.notice-list{min-height:216px;}
.notice-list > .item{ min-height:72px; position:relative; padding-top:5px; padding-left:65px;}
.notice-list > .item:last-child{ border-bottom:0; margin-bottom:0;}
.notice-list > .item a{ display:block; color:#555; font-size: 14px;}
.notice-list .timebox{ width:52px; height:52px; text-align:center; font-family: arial; color:#fff; background: #5e0e8b; background: linear-gradient(to bottom,#5e0e8b,#fff); position:absolute; top:2px; left:0;}
.notice-list .timebox span{ display:block; line-height:22px; font-size:18px; padding-top:10px;}

.column.news, .column.notice{ height:330px; padding-top:30px;}

.column.tiaoji{ height:318px; position:relative; top:35px;}

.que-list{min-height:248px;}
.que-list .item{line-height:1.8em; padding-left: 28px; margin-bottom: 20px; position: relative;}
.que-list .item i{font-size: 20px; position: absolute; top: 8px; left: 0;}


.calendar{height: 254px;}
.calendar:before{content: "";display: block; width: 28px; height: 88px; background: url(../images/rili.png) 0 0 no-repeat; position: absolute; top: 16px; right: -22px;}

.sys{position: relative;/* background: #fafafa; */}
/* .sys .menu{padding: 15px 20px;} */
.sys .menu a{
	display: inline-block;
	/* margin: 0px 6px; */
	background: #f2f2f2;
	width: 23.2%;
	line-height: 100px;
	height: 100px;
	padding-left: 60px;
	position: relative;
	margin-bottom: 15px;
	margin-right: 2%;
}
.sys .menu a:first-child{
	margin-left: 0px;
}
.sys .menu a:last-child{
	margin-right: 0px;
}
.sys .menu a:last-child:before{display: none;}
.sys .menu a em{font-size: 18px; font-weight: 600; font-style: normal;}
.sys .menu a:after{content: ""; display:block; width: 28px; height: 28px; background-size: 100% auto; background-position: center center; background-repeat: no-repeat; position: absolute; top: 33px; left: 20px;}
.sys .menu a.gys:after{background-image: url(../images/icon1.png);}
.sys .menu a.zbdl:after{background-image: url(../images/icon2.png);}
.sys .menu a.wmdl:after{background-image: url(../images/icon3.png);}
.sys .menu a.zj:after{background-image: url(../images/icon4.png);}
.sys .menu a i{font-size: 18px; position: absolute; top: 0; right: 0;}
.sys .menu a:hover{text-decoration: none;}
.sys .menu a:nth-child(4n){
	margin-right: 0;
}




/*栏目控制*/


.ku{ width:100%;}
.ku a{ display:block; width:100%; height:72px; background:url(../images/ku.png) 0 0 no-repeat; overflow:hidden; text-indent:-99%;}
.ku a:hover{ opacity:0.9;}



/*系统入口*/
.panel-sys{}
.panel-sys .menu a{ display:block; line-height:70px; font-size:18px; color:#fff; padding:0 15px; padding-left:70px; border-radius:2px; margin-bottom:5px; position:relative;}
.panel-sys .menu a span{ font-size:12px; margin-left:5px;}
.panel-sys .menu a:after{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content:"\e668"; position:absolute; top:0; right:10px;}
.panel-sys a:hover{ opacity:0.8;}
.panel-sys .iconbox{ display:block; width:32px; height:32px; position:absolute; top:21px; left:20px;}
.panel-sys .login{ background:url(../images/icon_user.png) center center no-repeat;}
.panel-sys .gys{ background:url(../images/icon_gys.png) center center no-repeat;}
.panel-sys .zhuanjia{ background:url(../images/icon_zj.png) center center no-repeat;}
.panel-sys .ztb{ background:url(../images/icon_ztb.png) center center no-repeat;}
.panel-sys .robot{ background:url(../images/icon_robot.png) center center no-repeat;}


.panel-sys .menu-block .iconbox{ margin:0 auto; margin-bottom:8px; position:relative; top:auto; left:auto;}
.linear-blue{	background:#46b7ff;
	background:linear-gradient(to bottom, #46b7ff, #35a6ef);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#46b7ff), to(#35a6ef));
}
.linear-green{	background:#00b6d1;
	background:linear-gradient(to bottom, #00b6d1, #00a7c0);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#00b6d1), to(#00a7c0));
}
.linear-darkgreen{	background:#11a5ba;
	background:linear-gradient(to bottom, #11a5ba, #088699);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#11a5ba), to(#088699));
}
.linear-yellow{	background:#ff940a;
	background:linear-gradient(to bottom, #ff940a, #ec8500);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff940a), to(#ec8500));
}




/*===========foot===========*/
#footer{line-height:2em; min-height:226px; text-align:center; color:#878787; background:url(../images/foot_bg.png) center -10px no-repeat #340a4b;}
#footer ul{ line-height:38px; overflow:hidden;zoom:1; padding:20px 0; border-bottom:1px solid rgba(255,255,255,0.1); margin:0 30px; margin-bottom:25px;}
#footer li{ display:inline-block; margin:0 9px;}
#footer li:after{ content:""; display:inline-block; width:1px; height:12px; border-left:1px solid #777; margin-left:20px; position:relative; top:1px;}
#footer li:last-child:after{ display:none;}
#footer li a{ color:#ccc; font-size:14px;}
#footer li a:hover{ color:#e2e5e8; text-decoration: none;}
#footer p{ margin-bottom:0;}
#footer p span{ margin:0 10px;}








/*===========二级页面===========*/
.subpage{background:url(../images/lider.png) 5px 0 repeat-y #fafafa; border:1px solid #e5e5e5;box-shadow: 0 4px 12px rgba(0,0,0,0.05); position:relative; padding-left:200px;}
.subpage.no-sider{background:#fff; padding-left:0;}
.subpage.no-sider .siderBar{display:none;}
.subpage.no-sider > .contant{border-left:0;}
.subpage > .contant{min-height:400px; background:#fff; border-left:1px solid #e5e5e5;}
.subpage > .siderBar{width:200px; position:absolute; left:0; top:20px;}
.subpage > .siderBar > .title{line-height:40px; font-size:14px; font-weight:bold; padding:0 10px; margin:0 10px; margin-bottom:15px; border-bottom:2px solid #bcbcbc;}
.subpage > .siderBar > .menu{padding:0 8px;}
.subpage > .siderBar > .menu li{padding:3px 0;}
.subpage > .siderBar > .menu a{display:block; line-height:30px; padding:2px 10px; border-radius:5px; position:relative;}
.subpage > .siderBar > .menu a > i{display:block; line-height:24px; position:absolute; top:5px; right:10px;}
.subpage > .siderBar > .menu a.default:link,.subpage > .siderBar > .menu a.default:visited{color:#666; border:1px solid #e2e2e2;}
.subpage > .siderBar > .menu a.default:hover{background:#f4f4f4; text-decoration:none; border:1px solid #dadada;}
.subpage > .siderBar > .menu a.active:link,.subpage > .siderBar > .menu a.active:visited{color:#fff; background:#5e0e8b; background: linear-gradient(to left, #a673c5, #5e0e8b); border:1px solid transparent;}
.subpage > .siderBar > .menu a.red:hover{text-decoration:none;}

.subpage > .siderBar .submenu{ padding-top:8px;}
.subpage > .siderBar .submenu a{ padding-left:22px;}
.subpage > .siderBar .submenu a:hover{ color:#5e0e8b;}
.subpage > .siderBar .submenu a.active{ color:#5e0e8b !important; background:#dcdcdc !important; border:0 !important;}

.subpage .listbar{margin:0 30px;}
.subpage .listbar > .title{font-size:14px; color:#555; margin-bottom:15px; border-bottom:1px solid #ddd; padding-top:20px;}
.subpage .listbar > .title > span{display:inline-block; line-height:40px; font-size:18px; font-weight:bold; border-bottom:2px solid #702999; margin-bottom:-1px;}
.subpage .listbar > .list{width:100%; padding-bottom:50px;}
.subpage .listbar > .list tr{display:block; line-height:24px; padding:7px 115px 7px 24px; border-bottom:1px dotted #eee; position:relative; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.subpage .listbar > .list tr a{
	color:#444;
	width:700px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.subpage .listbar > .list tr:before{content:"\e635"; font-family:"iconfont" !important; font-size:12px;font-style:normal; line-height:24px; color:#aaa; -webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing:grayscale; position:absolute; top:8px; left:0;}
.subpage .listbar > .list tr:hover{background:#f8f8f8;}
.subpage .listbar > .list tr span{color:#aaa; display:block; position:absolute; top:7px; right:0;}
/*text页面*/
.subpage .textbox{min-height:700px; padding:20px;}
.subpage .textbox > .title{border-bottom:1px solid #f5f5f5; text-align:center; padding-bottom:40px; padding-top:35px;}
.subpage .textbox > .title h1{font-size:21px; font-weight:800; color:#444; line-height:1.5em;}
.subpage .textbox > .title > span{color:#999; line-height:2em;margin:0 1em;}
.subpage .textbox > .msbox{width:auto; font-size:14px; line-height:2em;padding:30px;}
.subpage .textbox > .msbox p{text-indent:2em; margin-bottom:1em;}

.subpage .search-bar{padding:50px 0; border-bottom:1px solid #eee; margin:0 30px; margin-bottom:40px;}
.subpage .search-bar > .search-tool{width:500px; margin:0 auto;}
.subpage .search-bar > .search-tool > input{display:block; width:410px; line-height:22px; height:42px; font-size:12px; padding:8px 12px; background:#fff; border:2px solid #ddd; border-radius:3px 0 0 3px; float:left;}
.subpage .search-bar > .search-tool > button{display:block; width:62px; line-height:42px; font-size:14px; color:#fff; background:#682192; border:0; border-radius:0 3px 3px 0; float:left; overflow:hidden;}
.subpage .search-bar > .search-tool > button:hover{background:#8437b1; cursor:pointer;}

.subpage .listbar > .list td{ border-top:0 !important;}

.mt30{
	margin-top:30px;
}

.mt45{
	margin-top:45px;
}
.mt60{
	margin-top:60px;
}
a:focus {
	outline: none !important;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

/*===========media===========*/
@media(max-width:1025px){

}