﻿/*global settings*/

body{ background:#fff; overflow-x: hidden;}
.container{width:100%;min-width:1230px; position:relative;}
.wc{position:relative;margin-top: 12px;}
.w{position:relative;width:1200px;margin:0 auto;}
#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);position: fixed;top: 0; }
#main{width:100%; position:relative; z-index:2;}
#footer{position:relative; z-index:1;}
.container.normal #header{margin-bottom: 40px;}
.container.normal #main{}
.bg-white{ background:#fff;}

a.more:link,a.more:visited{display:block; font-size:12px; color:#777; position:absolute; top:3px; right:0;margin-right: 10px;}
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";
}

.oldlink{display: block; font-size: 14px; color: #fff !important; opacity: 0.7; position: absolute; top: 12px; right: 0;}
.oldlink: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";}
.oldlink:hover{text-decoration: none; opacity: 1;}

/*===========background===========*/
.orange{ background:#fb7509;}
.blue{ background:#20b0da;}
.ashen{ background:#cba635;}


/*===========list style===========*/
.textlist{width:100%;padding: 6px 12px;}
.textlist > li{line-height:34px; font-size:14px; padding:0 88px 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:13px; 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%; background: #0c3c75; position: relative;}
.logobar{height: 120px; padding-top: 27px; margin-left: 18px;}
.logobar:before{content: ""; display: block; width: 438px; height: 100%; background: url(../images/headbg.png) center -60px no-repeat; position: absolute; top: 0; right: 0;}
.logo{display:block; /*width:366px*/; height:62px; background:url(../images/logo.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden;}

.nav{background: #0c3c75; z-index:1;}
.nav .menu > .item{ display:inline-block; padding: 0 16px;}
.nav .menu > .item > a{ display:block; line-height:46px; font-size:16px; color:#fdfdfd; margin-left: -10px; /*padding:0 15px; margin-top: 30px;*/ position:relative;}
.nav .menu > .item > a:hover{ color:#fff;/* border-bottom: 1px solid white;*/}

.search-top{ box-sizing:border-box; overflow:hidden; position:absolute;top: 77%;margin-top: 0px;right:0;z-index:2;left: 83%;}
.search-top > input{display:block; width:200px; line-height:18px; height:30px; font-size:12px; color:#fff; padding:6px 10px; background:rgba(255,255,255,0.2); border:1px solid #ddd; border-radius:30px; padding-right:30px;}
/*设置head的搜索框中提示文字的颜色*/
.search-top > input::input-placeholder {color:#fdfdfd;}
/*兼容性*/
.search-top > input::-webkit-placeholder{color:#fdfdfd;}
.search-top > input::-webkit-input-placeholder {color:#fdfdfd;}
.search-top > input:-moz-placeholder{color:#fdfdfd;}
.search-top > input::-moz-placeholder{color:#fdfdfd;}
.search-top > input::-ms-placeholder{color:#fdfdfd;}
.search-top > button{display:block; width:24px; line-height:30px; font-size:14px; color:#fff; opacity: 0.7; background:none; border:0;overflow:hidden; position:absolute; top:0;right: 65px;}
.search-top > button:hover{opacity: 1; cursor:pointer;}
.search-top > button > i{font-size:18px; position:relative; top:1px;}



/*===========main===========*/
#main{ position:relative; z-index:2;/*margin-top: 165px;*//*11%;*/}
#main .grid{ position:relative; padding:35px 0;}

.banner .slider{ width:100%; text-align:center; overflow:hidden; position:relative; z-index:1;}
.banner img{ display:block; width:100%;}

.sys{padding: 15px 0 0 25px;}
.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:37%; float:left; position:relative;}
.layout-m{ width:38%; float:left; position:relative;}
.layout-r{ width:22%; float:right; position:relative;}

.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: 50px; 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;}
.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{ margin-bottom: -1px; position:relative;}
.tab-column > .item{float: left; position: relative;}
.tab-column > .item:first-child:before{display: none;}
.tab-column .btn-tab{ display:block; text-align:center; font-size:16px; font-weight: 600; color:#666; padding: 0 15px; position:relative;}
.tab-column .btn-tab:hover{color: #333; text-decoration: none;}
.tab-column .btn-tab.active{ color:#124586; font-weight:600; z-index:99;    background: #FFF;}
.caigou .tab-column .active{ 
    background: #ffffff;
    color: #104080;
    border-radius: 3px;
    text-decoration: none;
    border-width: 6px;
}

.tab-column .active:after{ 
	content:""; 
	display:block; 
	width:100%; 
	position:absolute; 
	left:0; bottom:0;
	border-bottom: 2px #0c3c75 solid;
}

.btn-tab2.active{ 
	background: #0c3c75;
	color: #fff;
	border-radius: 3px;
	text-decoration: none;
	border-width: 6px;
}
/* .btn-tab2.active:after{ 
    position: absolute;
    z-index: 1;
    top: 28px;
    right: 29px;
    left:29px;
    content: "";
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: #0c3c75 transparent transparent transparent;
} */
.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;}
.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%;}
.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{    
	float: right;
    width: 88%;
    height: 256px;
    background: #fff;
    position: relative;}
.calendar:before{content: "";display: block; width: 56px; height: 88px; background: url(../images/rili.png) 0 0 no-repeat; position: absolute; top: 16px; right: -57px;}

.sys{width: 260px; position: relative;}
.sys .menu a{
	display: block;
	 line-height: 46px; 
	 padding-left: 50px; 
	 color: #fff; 
	background-color:#00adef;
/* 	background: url(../images/sys_btn.png) 0 0 no-repeat; */
	 border-radius: 30px; 
	 margin-bottom: 1px; 
	 position: relative;
 }
.sys .menu a:hover{opacity: 0.85;}

.sys .menu a em{font-size: 16px; font-weight: 300; font-style: normal;}
.sys .menu a:after{content: ""; display:block; width: 60px; height: 60px; background-size: 100% auto; background-position: center center; background-repeat: no-repeat; position: absolute; top: -6px; left: 2px;}
.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.ds:after{background-image: url(../images/icon5.png);}
.sys .menu a i{font-size: 18px; position: absolute; top: 0; right: 0;}
.sys .menu a:hover{text-decoration: none;}

.slink{text-align: center;}
.slink li{display: inline-block; padding: 0 10px;}
.slink li a{display: block; font-size: 14px;}
.slink li a:hover{text-decoration: none;}
.slink li a:hover i{opacity: 0.9;}
.slink li a i{display: block; width: 48px; height: 48px; line-height: 48px; font-size: 26px; color: #fff; text-align: center; 
/* background: #00adef; */
background:#5e578b;
 border-radius: 18px;
  margin: 0 auto;
   margin-bottom: 6px;}
.slink li a.daili i{background: #f7921c;}

/* 常用链接 */
.column-bord{background: #ffffff; border: 1px solid #ececec; position: relative;height: 210px;}
.column-bord > .title{line-height: 40px; font-size: 16px; position: relative;}
.column-bord > .title > span{display: inline-block; font-weight: 600; color: #444; padding-left: 15px; position: relative;}
.column-bord > .title > span:before{content:""; display:block; width: 3px; height: 15px; background: #104684; position: absolute; left: 0; top: 13px;}

.flinks li{margin-bottom: 7px;}
.flinks a{display: block; width: 100%; border: 1px solid #eee;margin-top: 20px;}
.flinks a img{display: block; width: 200px; height:100px;}





/*栏目控制*/


.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));
}

.wrap{
	width: 1160px;
	margin: 0 auto;
}


/*===========foot===========*/
#footer{line-height:2em; min-height:226px; text-align:center; color:#e6ecf2; background:#062c5e;/*url(../images/foot_bg.png) center -10px /cover no-repeat #1b242f;*/}
#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 #7d7d7d; margin-left:20px; position:relative; top:1px;}
#footer li:last-child:after{ display:none;}
#footer li a{ color:#dedede; font-size:14px;}
#footer li a:hover{ color:#fff; 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:#0c3c75; 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:#0980ed;}
.subpage > .siderBar .submenu a.active{ color:#0980ed !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 #0980ed; margin-bottom:-1px;}
.subpage .listbar > .list{width:100%; padding-bottom:50px;}
.subpage .listbar > .list .li{display:block; line-height:24px; padding:7px 115px 7px 24px;width:935px; border-bottom:1px dotted #eee; position:relative; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.subpage .listbar > .list .li a{color:#444;}
.subpage .listbar > .list .li: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 .li:hover{background:#f8f8f8;}
.subpage .listbar > .list .li 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:#0980ed; border:0; border-radius:0 3px 3px 0; float:left; overflow:hidden;}
.subpage .search-bar > .search-tool > button:hover{opacity: 0.85; cursor:pointer;}

.subpage .listbar > .list td{ border-top:0 !important;}






/*===========media===========*/
@media(max-width:1025px){

}

.selectUrl{
	margin-left: 20px;
	padding: 5px 0;
	width: 195px;
	border: 1px #eeeeee solid;
}

.shadow{
	background:#fff;
	box-shadow:0 1px 7px rgba(0,0,0,0.04);
}
div.slideBox{ 
	position:relative;
	width:670px;
	height:300px;
	overflow:hidden;
}
div.slideBox ul.items{
	position:absolute;
	float:left;
	background:none;
	list-style:none;
	padding:0px;
	margin:0px;
}
div.slideBox ul.items li{
	float:left;
	width:100%;
	background:none;
	list-style:none;
	padding:0px;
	margin:0px;
}
div.slideBox ul.items li a{
	width:100%;
	float:left;
	line-height:normal !important; 
	padding:0px !important; 
	border:noneFor IE.ADD.JENA.201206300844;
}
div.slideBox ul.items li a img{
	width:100%;
	margin:0px !important; 
	padding:0px !important; 
	display:block; 
	border:noneFor IE.ADD.JENA.201206300844;
	height: 256px;
}
div.slideBox div.tips{ position:absolute; bottom:0px; width:100%; height:40px; overflow:hidden;}
div.slideBox div.tips div.title{ position:absolute; left:0px; top:-5px; height:100%;}
div.slideBox div.tips div.title a{ color:#FFF; font-size:18px; line-height:50px; margin-left:10px; text-decoration:none;}
div.slideBox div.tips div.title a:hover{ text-decoration:underline !important;}
div.slideBox div.tips div.nums{ position:absolute; right:36%; top:0px; height:100%;}
div.slideBox div.tips div.nums a{ display:inline-block; >float:leftFor IE.ADD.JENA.201206300844; width:12px; height:12px; background-color:#FFF; text-indent:-99999px; margin:15px 10px 0px 0px;}
div.slideBox div.tips div.nums a.active{ background-color:red;} 

.bor .active:after {
    border: none;
}
