/*global settings*/

body{background:#f8f8f8; min-width:1160px;}
.container{ width:100%; min-width:1160px; margin:0 auto; position:relative;}
.w{width:1200px; margin:0 auto; position:relative;}
.path{ padding:30px 0 40px 0;}

#header{width:100%; position:relative; z-index:3;}
#main{width:100%; position:relative; z-index:2;}
#footer{width:100%; position:relative; z-index:1;}

a.more:link,a.more:visited{display:block; line-height:24px; font-size:12px; color:#aaa; position:absolute; top:4px; right:10px;}
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:"\e607";
}

/*===========background===========*/
.orange{ background:#fb7509;}
.blue{ background:#20b0da;}
.ashen{ background:#cba635;}


/*===========list style===========*/
.textlist{width:100%; padding-top:3px;}
.textlist > li{line-height:32px; font-size:14px; padding:0 46px 0 15px; 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:#229064; border-radius:4px !important; 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 24px; margin-bottom:13px;}
.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===========*/
#header{ box-shadow: 0 2px 8px rgba(0,0,0,0.1);}
.logoBar{ height:210px; background:url(imagesbanner.jpg) center 0 no-repeat; position:relative;}
.logoBar:before{ content:""; display:block; width:480px; background:url(imagesdoor.png) -150px 0 no-repeat; position:absolute; top:0; left:0; bottom:0; z-index:1;}
.logo{display:block; width:645px; height:78px; background:url(imageslogo.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; position:relative; top:65px; left:0; z-index:2;}

.nav{ line-height:42px; background:#218d5b; position:relative;}
.nav .menu > .item{ float:left;position:relative;}
.nav .menu > .item + .item{ margin-left:20px;}
.nav .menu > .item > a{ display:block; font-size:16px; color:#fff; padding:0 20px; position:relative;}
.nav .menu > .item > a:hover{ background:#1a8252;}
.nav .menu > .item > a.active{ color:#fff;}
.nav .menu > .item > a.active:after{ content:""; display:block; width:100%; height:3px; background:#fff; position:absolute; left:0; bottom:0;}
.nav .menu > .item.drop:before{ content:""; display:block; width:11px; height:11px; background:url(imagesarr.png) 0 0 no-repeat; position:absolute; top:15px; right:5px; z-index:2}
.nav .menu > .item:hover .dorpmenu{ display:block;}


.nav .dorpmenu{ display:none; background:#fff; box-shadow:5px 5px 8px rgba(0,0,0,0.2); min-width:100%; position:absolute; top:42px; left:0;}
.nav .dorpmenu:before{position: absolute;top:-7px;left:44px;display: inline-block;border-right:7px solid transparent;border-bottom:7px solid #fff;border-left:7px solid transparent;content:'';}
.nav .dorpmenu a{ display:block; line-height:32px; padding:0 20px;}
.nav .dorpmenu a:hover{ background:#eaeaea;}


.time-box{ font-size:12px; color:#95c1ad; position:absolute; top:0; right:0;}
.time-box span{ margin-right:1em;}


.search-top{ width:300px; box-sizing:border-box; background:#f0f0f0; padding-left:22px; overflow:hidden; position:absolute; top:40px; right:0;}
.search-top > input{display:block; width:100%; line-height:22px; height:38px; font-size:12px; color:#666; padding:5px 10px; background:none; border:0; float:left;}
.search-top:after{font-family:"iconfont" !important;font-size:16px; color:#ccc;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\e609"; position:absolute; top:9px; left:9px;}
/*
.search-top > button{display:block; width:32px; line-height:28px; font-size:14px; color:#fff; background:none; border:0; float:left; overflow:hidden;}
.search-top > button:hover{background:#20227b; cursor:pointer;}
.search-top > button > i{font-size:18px; position:relative; top:1px;}
*/


/*===========main===========*/

.layout-l{ width:390px; float:left;}
.layout-m{ width:460px; float:left; margin:0 20px;}
.layout-r{ width:310px; float:right;}

.slider{width:100%; height:250px; background:#ebebeb; position:relative; margin-bottom:26px;}
.slider img{ display:block; width:100%; height:100%;}

.title-bod{ line-height:36px; background:#f2f2f2; border:1px solid #e2e2e2; border-bottom:2px solid #219065; padding:0 12px; position:relative; margin-bottom:8px;}
.title-bod h2, .title-line h2{ font-size:16px; font-weight:700;}
.title-line{line-height:36px; border-bottom:1px solid #cecece; position:relative; margin-bottom:10px;}
.title-line h2{ display:inline-block; border-bottom:2px solid #219065; padding:0 8px; margin-bottom:-1px; position:relative;}

.news, .notice{background-color:#fff; box-shadow:0 1px 8px rgba(0,0,0,0.06); height:250px;}
.news .textlist > li { line-height:40px;}
.news .textlist > li:nth-of-type(odd){ background:#ffffff;}
.news .textlist.textlist > li:before{ top:18px; left:7px;}
.news .textlist.textlist > li span{ right:5px;}

.notice .title-bod{ margin-bottom:4px;}
.notice .textlist > li{ height:52px; line-height:50px; padding:0 0 0 62px;}
.notice .textlist > li:before{ display:none;}
.notice .textlist > li:after{ content:""; display:block; height:1px; background:#f5f5f5; position:absolute; bottom:0; right:0; left:60px;}
.notice .textlist > li:last-child:after{ display:none;}
.notice .textlist > li:first-child .cal{ background:#269b6b;}
.notice .textlist .cal{ width:48px; height:48px; line-height:14px; font-family:arial; font-size:12px; text-align:center; color:#fff; background:#c6c6c6; padding-top:7px; border-radius:6px !important; position:absolute; top:0; left:0;}
.notice .textlist .cal:after{ content:""; display:block; height:1px; background:rgba(0,0,0,0.2); position:absolute; top:22px; left:5px; right:5px; z-index:9;}
.notice .textlist .cal em{ display:block; line-height:1em; font-size:24px; font-weight:300; font-style:normal;}

.generic{background-color:#fff; box-shadow:0 1px 8px rgba(0,0,0,0.06); height:245px; position:relative;}

.portal-sys a{ display:block; width:100%; height:79px; overflow:hidden; text-indent:-999em;}
.portal-sys a:hover{ opacity:0.9;}
.portal-sys a + a{ margin-top:5px;}
.portal-sys a.asset{ background:url(imagesequ.png) center 0 no-repeat;}
.portal-sys a.supplies{ background:url(imagessupplies.png) center 0 no-repeat;}
.portal-sys a.wcsc{ background:url(imageswcsc.png) center 0 no-repeat;}

.friendlink{background-color:#fff; box-shadow:0 1px 8px rgba(0,0,0,0.06);  height:240px; padding:5px 5px;}
.friendlink .title-bod{ background:none; border:none; padding:0; margin:0;}
.friendlink ul{ padding:18px 0;}
.friendlink a{ display:block; width:300px; height:42px; margin:0 auto; margin-bottom:5px;}
.friendlink a img{ display:block; width:100%;height:100%;}

/*
.links a i{ display:block; width:38px; height:38px; color:#fff; font-size:18px; text-align:center; position:absolute; top:6px; left:20px;}
.links a:after{font-family:"iconfont" !important;content:"\e635"; font-size:12px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position:absolute; top:6px; right:8px;}
*/



/*===========foot===========*/
#footer{line-height:2em; min-height:156px; text-align:center; color:#707070; background:url(imagesfoot_bg.png) center -15px no-repeat #3e3e3e;}
#footer ul{ line-height:38px; background:#373737; overflow:hidden;zoom:1; 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:#929292; font-size:14px;}
#footer li a:hover{ color:#e2e5e8;}
#footer p{ margin-bottom:0;}
#footer p span{ margin:0 10px;}








/*===========����ҳ��===========*/
.subpage{background:url(../images/lider.png) 5px 0 repeat-y #fff; border:1px solid #e5e5e5; 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:0;}
.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:#53bf8d; border:1px solid #53bf8d;}
.subpage > .siderBar > .menu a.red:hover{text-decoration:none;}

.subpage .listbar{margin:0 30px;}
.subpage .listbar > .title{font-size:14px; color:#555; margin-bottom:15px; border-bottom:1px solid #ddd;}
.subpage .listbar > .title > span{display:inline-block; line-height:40px; font-weight:bold; border-bottom:2px solid #218d5b; margin-bottom:-1px;}
.subpage .listbar > .list{width:100%; padding-bottom:50px;}
.subpage .listbar > .list td{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 td a{color:#444;}
.subpage .listbar > .list td: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 td:hover{background:#f8f8f8;}
.subpage .listbar > .list td 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:15px;}
.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 #8bc34a; 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:#8bc34a; border:0; border-radius:0 3px 3px 0; float:left; overflow:hidden;}
.subpage .search-bar > .search-tool > button:hover{background:#4879e4; cursor:pointer;}






/*===========media===========*/
@media(max-width:1025px){

}

