/*global settings*/

body{ background:#f2f2f2;}
.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,0.85); box-shadow:0 2px 6px rgba(0,0,0,0.03);}
#main{width:100%; position:relative; z-index:2; margin-top:-86px;}
#footer{width:100%; position:relative; z-index:1;}
.container.normal #header{border-bottom: 3px solid #004287;}
.container.normal #main{ margin-top:-1px;}

a.more:link,a.more:visited{display:block; line-height:24px; font-size:12px; color:#0569c0; position:absolute; top:8px; right:0;}

/*===========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 52px 0 16px; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.textlist.small > li{ font-size:12px;line-height: 28px;}
.textlist > li a:hover{ text-decoration:underline;}
.textlist > li:before{content:""; display:block; width:3px; height:3px; background:#444; 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;}
.logobar{ position:absolute; left:0; top:50%; margin-top:-28px; z-index:3;}
.logo{display:block; width:316px; height:56px; background:url(../images/logo.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; margin:0 auto;}

.nav{text-align:center; position:relative; z-index:1; padding-left:50px;}
.nav .menu > .item{ display:inline-block;}
.nav .menu > .item > a{ display:block; line-height:86px; font-size:17px; font-weight:600; color:#444; padding:0 15px; position:relative;}
.nav .menu > .item > a:hover{ color:#0c63bd;}

.search-top{ box-sizing:border-box; border:1px solid #aaa; padding-right:20px; overflow:hidden; position:absolute; top:50%; margin-top:-16px; right:0px; 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;}
.banner .slider{ width:100%; height:436px; text-align:center; overflow:hidden; position:relative; z-index:1;}
.banner img{ display:block; height:100%; position:absolute; left:50%; margin-left:-960px;}

.hotnews{ width:100%; position:absolute; left:0; bottom:10px; z-index:2;}
.hotnews ul{ overflow:hidden; zoom:1; margin-left:-5px; margin-right:-5px;}
.hotnews ul li{ display:block; width:25%; float:left; padding:0 5px;}
.hotnews ul li a{ display:block; width:100%; height:86px; color:#ddd; font-size:14px; background:rgba(0,55,113,0.7); padding:15px 20px;}
.hotnews ul li a:hover{ background:#08488c; color:#fff;}
.hotnews ul li a span{ display:block; font-size:12px; color:#aaa;}

.layout-l{ width:900px; float:left; position:relative;}
.layout-r{ width:280px; float:right; position:relative;}

.columnbox{ position:relative;}
.column-title{ line-height:38px; position:relative;}
.column-title h2{ display:inline-block; font-size:16px; font-weight:300;}
.column-title h2.bold{ font-weight:600;}

.column-title2{ line-height:28px; border-bottom:1px solid #ddd; margin-bottom:12px; position:relative;}
.column-title2 h2{ display:inline-block; font-size:14px; font-weight:600; border:1px solid #ddd; border-bottom:1px solid #f9fbfb; padding:0 15px; margin-bottom:-1px;}

.layout-l .columnbox{ width:440px; height:387px; background:#fff;}
.layout-l .columnbox1{width:900px}
.layout-l .column-title{ color:#fff; background:url(../images/title_bg_blue.png) 0 0 no-repeat #356ed5; padding:0 15px;}
.layout-l .column-title.deep{ background-image:url(../images/title_bg_blue2.png); background-color:#359fd5;}
.layout-l .column-title.light{ background-image:url(../images/title_bg_blue3.png); background-color:#35c0d5;}
.layout-l .textlist{ padding:15px;}
.layout-l .more{ color:#fff !important; right:15px !important;}

.layout-r .columnbox{ background:#fff; border:1px solid #e8e8e8; padding:0 18px;}
.layout-r .columnbox .column-title{ line-height:42px; border-bottom:1px solid #a8c4f7; margin-bottom:12px;}
.layout-r .more{ top:9px !important;}

/*日历*/
.calendar{ height:260px; background:#fff;}
.calendar .title{ display:block; width:29px; height:80px; background:url(../images/title_calendar.png) 0 0 no-repeat; overflow:hidden; text-indent:-999%; position:absolute; top:20px; right:-29px;}

.news{ height:268px;}
.download{ height:177px;}
.caigou{ height:364px;}
.bijia, .danyi{ height:236px;}
.notice, .service{ height:270px;}

.ku{ width:100%;}
.ku a{ display:block; width:100%; height:72px; overflow:hidden;}
.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 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:#112b53;}
#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;}
#footer p{ margin-bottom:0;}
#footer p span{ margin:0 10px;}



/*===========媒体查询===========*/
@media(max-width:1025px){

}