body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
.c:before,.c:after{content:"";display:table;}
.c:after{clear:both;}
.c{zoom:1;}
ol,ul{list-style:none;}
.pr{position: relative;}
.fs_16{font-size: 16px;}
a{color: #333;}
a:hover{color: #009b4d; }
body{font-family:'\5FAE\8F6F\96C5\9ED1';}
.gray-bg {
    background-color: #efefef;
}
.login{width: 1200px;height: 554px;position: absolute;left: 50%;top: 50%;margin-left: -600px;margin-top: -277px;}
	.login .img{width: 767px;float: left;}
	.login .info{width: 433px;float: left;background-color: #fff;height: 554px;}
	.login .info .tit{font-size: 20px;text-align: center;padding-top: 50px;}
	.login .info_lst{width: 296px;margin:40px auto 10px;}
	.login .info_lst li{padding: 10px 20px;border-bottom: 1px solid #e7e7e7;margin-top: 20px;}
	.login .info_lst i.fa{color: #009b4d;font-size: 18px;width: 15px;display: inline-block;}
	.login .info_lst span.fa-eye{color: #999;cursor: pointer;font-size: 16px;}
	.login .info_lst input{padding:2px 10px;border: 0;outline: none;width: 216px;}
	.login .info .forget{color: #009b4d;padding:5px 0 0 86px;display: inline-block;}
	.btn_login{width: 220px;height: 40px;display: block;margin: 34px auto;background-color: #009b4d;color: #fff;border-radius: 20px;text-align: center;line-height: 40px;letter-spacing: 4px;}
	.btn_login:hover{background-color: #028f48;color: #fff;} 
	.login_ways .fa{font-size: 36px;color: #d8d8d8;margin: 25px 15px;}
	.login_ways a:hover .fa{color: #009b4d;}
	.fastreg{padding-right: 45px;padding-top: 20px;}
	.fastreg a{color: #009b4d;padding-left: 6px;}
.sign-out{font-size: 20px;color: #009b4d;padding-left: 10px;}

	#chanchart{width: 100%;height: 230px;}
	#weichart{width: 100%;height: 230px;}
	#chuchart{width: 100%;height: 460px;}
	#gaochart{width: 100%;height: 250px;}
	.padd0{padding: 0;}
	.fc_green{color: #009b4d; }
		.fc_green:hover{}
	.progress-bar-success {
	    background-color: #0cd37a;
	}
	.progress{border-radius: 18px;height: 16px;margin-top: 5px;margin-bottom: 8px;overflow: visible;}
	.progress-bar{position:relative;    border-bottom-left-radius: 18px;
    border-top-left-radius: 18px;}
		.pro_num{position: absolute;right:-30px;top: -34px;width: 53px;height: 32px;display: block;color: #fff;text-align: center;background: url(../images/num.png) no-repeat 50% 50%;}
	.homect .ibox-title h5{font-size:16px;font-weight: normal;position: relative;padding-left: 15px;margin: 0;}
		.homect .ibox-title h5:before{content: '';width: 8px;height: 8px;display: inline-block;border-radius: 50%;background-color: #009b4d;position: absolute;left: 0;top: 5px;}
	.homect .ibox-title{border-width: 0;}
	.homect .ibox {
	    box-shadow: 1px 1px 1px #ccc;
	}
	.task_num{background: url(../images/dot_bg.png) no-repeat 50% 0;width: 29px;height: 29px;display:block;color: #fff;text-align: center;line-height: 28px;    position: absolute;left: 86px;top: -5px;}

	.task_lst li{padding: 10px 0;border-bottom: 1px solid #e5e5e5;background: url(../images/dot.png) no-repeat 0 50%;padding-left: 14px;position: relative;padding-right: 68px;}
	.task_lst li:last-child{border-bottom: 0;}
		.task_lst li a{    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 78%;height: 18px;display: block;}
		.task_lst li span{position: absolute;right: 0;top: 10px;}
	.ruku_lst li{margin: 6px 0;}
	.ruku_lst label{display: inline-block;font-size: 16px;}
	.ruku_lst .ruku_num{background: #d5f9fd;display: inline-block;padding:10px;margin: 0 10px;}
		.ruku_lst .ruku_num span{color: #fff;background: #158adc;padding:4px 8px;font-size:26px;}

		/*首页*/
		.navbar{min-height: 103px;background-color: #fff;    box-shadow: 1px 1px 5px #c1c1c1;}
		.navbar-header{width: 419px;}
		.navbar-header img{padding: 18px 0 0 30px;}
		#wrapper{background-color: transparent;}
		body.canvas-menu .navbar-static-side, body.fixed-sidebar .navbar-static-side{top: 103px;}
		body.body-small.fixed-sidebar.mini-navbar #page-wrapper, body.fixed-sidebar.mini-navbar #page-wrapper{margin: 0;padding: 0;}
		.rightcont .J_mainContent{margin: 0 0 0 70px;}
		.rightcont .footer{margin: 0 0 0 70px;color: #a7a6a6;font-size: 12px;}
		.navbar-static-side{background-color: #002914;}
		.nav>li>a{color: #fff;}
		.navbar-default .nav>li>a:focus, .navbar-default .nav>li>a:hover{background-color: #014723;}
		.navbar-top-links li a{line-height: 60px;min-height: 103px;}


		.leftnav a span{position: absolute;left:0;background-color: #fff;font-size: 14px;font-weight: normal;color: #333;padding: 8px 10px;top:62px;border: 1px solid #ddd;border-radius: 4px;z-index: 10;}
	    .leftnav a span:before{content: ''; width: 0;height: 0;    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    left: 22px;
    top: -9px;}
	    .leftnav a:hover span{display: block!important;}
	    .slimScrollDiv >*{overflow: visible;}


/* 纵向滚动 */

.scroll_vertical{position:relative;width:70px;height:100%;}

.sidebar-collapse .scroll_vertical.active{display: block;}

.scroll_vertical .box{overflow:hidden;position:relative;top:30px;height:90%;width: 70px;}
.scroll_vertical .box .list.active{display: block;}

.scroll_vertical .list{position:absolute;top:0;left:0;}

.scroll_vertical .list li{height:50px;text-align:center;}
.scroll_vertical .list li a{color: #fff;padding: 14px 18px;}
.scroll_vertical .list li a .icon{font-size:24px;font-weight: normal;}
.scroll_vertical .list li a .fa{margin-left: 6px;}

.scroll_vertical .prev,

.scroll_vertical .next{position:absolute;left:50%;width:120px;height:30px;margin-left:-25px;width:50px;height:40px;background-image:url(../images/control.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}

.scroll_vertical .prev{top:0px;background-position:-80px 0;}

.scroll_vertical .next{bottom:0px;background-position:-130px 0;}

.scroll_vertical .prev:hover{background-position:-80px -40px;}

.scroll_vertical .next:hover{background-position:-130px -40px;}

.sidebar-collapse{height: 100%;}



/* 横向滚动*/

.scroll_horizontal{position:relative;width:660px;height:103px;padding:0 10px;float: right;}

.scroll_horizontal .box{overflow:hidden;position:relative;width:90%;height:103px;margin:0 auto;}

.scroll_horizontal .list{overflow:hidden;width:9999px;height: 103px;}

.scroll_horizontal .list li{float:left;width:64px;text-align: center;}
.scroll_horizontal .list li a{padding: 33px 0px;display: inline-block;color: #888;position: relative;}
.scroll_horizontal .list li a:hover{color: #009b4d;}
.scroll_horizontal .list li a .icon{font-size: 26px;}

.scroll_horizontal .list li a span{position: absolute;
    left: 50%;
    background-color: #fff;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    padding: 2px 10px;
    top: 77px;
    border: 1px solid #ddd;
    border-radius: 2px;
    z-index: 10;
    display: block;
    width: 100px;
    margin-left: -50px;display: none;}
.scroll_horizontal .list li a span:before{content: ''; width: 0;height: 0;    border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 10px solid #ddd;position: absolute;left: 43px;top: -11px;}

.scroll_horizontal .list li a:hover span{display: block;}
.scroll_horizontal .list li .fa{font-size: 24px;}

.scroll_horizontal .prev,

.scroll_horizontal .next{position:absolute;top:50%;margin-top:-25px;width:40px;height:50px;background-image:url(../images/control.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}

.scroll_horizontal .prev{left:5px;background-position:0 0;}

.scroll_horizontal .next{right:5px;background-position:-40px 0;}

.scroll_horizontal .prev:hover{background-position:0 -50px;}

.scroll_horizontal .next:hover{background-position:-40px -50px;}
.on {color: #f00;}

@media screen and (min-width: 1260px) and (max-width: 1366px) {
   .ruku_lst .ruku_num {
	    margin: 0 2px;
	    
	}
	.ruku_lst .ruku_num span {
	    padding: 4px 6px;
	}
}

@media screen and (min-width: 1180px) and (max-width: 1259px) {
	.ruku_lst .ruku_num {
	    margin: 0 2px;
	    
	}
	.ruku_lst .ruku_num span {
	    padding: 4px 4px;
	}
}

@media screen and (min-width: 1029px) and (max-width: 1179px) {
	.ruku_lst .ruku_num {
	    margin: 0 2px;
	        padding: 8px;
	    
	}
	.ruku_lst .ruku_num span {
	    padding: 4px 2px;
	}
	.ruku_lst li {
	    margin: 9px 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 1030px) {
	.ruku_lst .ruku_num {
	    margin: 0 2px;
	        padding: 4px;
	    
	}
	.ruku_lst .ruku_num span {
	    padding: 4px 2px;
	    font-size: 18px;
	}
	.ruku_lst li {
	    margin: 9px 0;
	}
}