@charset "utf-8";
/*首页*/
.top{background: #4d4d4d;height: 40px;width:100%;}
	.top_data{color: #fff;height: 40px;line-height: 40px;}
	.top_txt{color: #fff;height: 40px;line-height: 40px;padding-left: 20px;}
		.top_txt span{color: #ebf615;}
		.top_txt a{color: #fff;}
	.top_search{border: 1px solid #999;border-radius:4px;padding:3px 4px;margin-top: 5px;}
		.top_search input{border: 0;background-color: transparent;color: #fff;}
		.top_search i{color: #fff;cursor: pointer;}
.header{background-color: #20b476;height:80px;width: 100%;}
	.logo{margin-top: 20px;}
	.header_menu{}
		.header_menu a{font-size: 16px;color: #fff;text-decoration: none;width: 84px;float: left;height: 80px;text-align: center;margin: 0 5px;}
		.header_menu a span{display: block;background-image:url(../images/sp_menu.png);background-repeat: no-repeat;width: 50px;height: 48px;margin:1px auto 0;}
		.ico_home{background-position: 0 0;}
		.ico_scien{background-position: 0 -50px;}
		.ico_product{background-position: 0 -100px;}
		.ico_quality{background-position: 0 -150px;}
		.ico_safe{background-position: 0 -200px;}
		.ico_secret{background-position: 0 -250px;}
		.ico_more{background-position: 0 -300px;}
		.header_menu a.active span{background-image:url(../images/sp_menuactive.png);}
		.header_menu a:hover,.header_menu a.active{border-bottom: 2px solid #ebf615;color:#ebf615;background: #1baa6e;}
		/*.header_menu a:hover{color:#0abc98;}*/
/*公告*/
.notice-box{position: relative;width: 980px;margin:-20px auto 0;height: 44px;}
.notice{background-color: #20b476;width: 980px;height: 44px;position: relative;padding: 10px 0;overflow: hidden;position: absolute;left: 0;top: 0; }
	.notice-box:before{content: '';position: absolute;left: -20px;top: 0;display:inline-block;  width: 0;  height: 0;  border-bottom: 20px solid #20b476;  border-left: 20px solid transparent;  }
	.notice-box:after{content: '';position: absolute;right: -20px;top: 0;display:inline-block;  width: 0;  height: 0;  border-bottom: 20px solid #20b476;  border-right: 20px solid transparent;  }
	.notice_txt{float: left;color:#ebf615;width: 120px;font-size: 16px;padding-left:15px;}
	.notice_txt i{font-size: 24px;vertical-align: sub;}
.marquee_line{width:690px; height:20px; overflow:hidden;float: left;} 
.marquee_line li{color: #fff;text-indent:15px;list-style:none}
.marquee_line li a{float: left;color: #fff;}
.marquee_line li p{float: right;} 

.btn_more{color:#ebf615;cursor: pointer;}
	.btn_more:hover{text-decoration: none;color: #fff;}
/*单点登录*/
.singlel_tab{width: 420px;margin: 0 auto;}
	.singlel_tab li{font-size: 20px;font-weight: bold;width: 100px;float: left;text-align: center;margin: 0 20px;color: #666;cursor: pointer;padding-bottom: 6px;}
	.singlel_tab li.active{color: #22b476;border-bottom: 3px solid #22b476;}
.singlel li{width: 101px;float: left;margin: 0 28px;}
.singlel li img{display: block;width: 86px;height: 70px;margin: 0 auto;}
.singlel li a{display: block;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;position:relative;width: 101px;height: 101px;border-radius: 8px;color: #fff;text-align: center;}
.singlel li a:hover{transform:translateY(-5px);-webkit-transform:translateY(-5px);text-decoration: none;}
.ico_jian{position: absolute;right: -6px;top: -5px;color: #fb5764;font-size: 16px;}
.ico_jia{position: absolute;right: -6px;top: -5px;color: #20b476;font-size: 16px;}
.bg_sing1{background-color: #68cdeb;}
.bg_sing2{background-color: #20b476;}
.bg_sing3{background-color: #f2ae41;}
.bg_sing4{background-color: #f6a1a4;}
.bg_sing5{background-color: #00a692;}
.bg_sing6{background-color: #68cdeb;}
.bg_sing7{background-color: #8fc320;}
.bg_sing8{background-color: #f39f63;}
.bg_sing9{background-color: #e27b7e;}
.bg_sing10{background-color: #1a619c;}
.bg_sing11{background-color: #4ebd80;}
.bg_sing12{background-color: #68cdeb;}


.singleTool{text-align: center;}
	.singleTool a{padding:6px 26px;border: 1px solid #ccc;border-radius:30px;color: #999;margin: 0 10px;}
	.singleTool a:hover{text-decoration: none;border: 1px solid #20b476;background-color: #20b476;color: #fff;}
/*待办事项*/
.wait_tit{}
	.wait_tit h3{font-size: 30px;font-weight: bold;color: #22b476;}
	.wait_tittxt{height: 16px;margin:10px auto 16px;padding: 0 10px;border-bottom: 1px solid #22b476;text-align: center;line-height: 32px;width: 980px;}
	.wait_tittxt span{display: inline-block;position: relative;padding: 0 10px;background-color: #f2f2f2;color: #999;width: auto;height: auto;}
.wait_scroll{width: 980px;height:191px;position: relative;}
	.wait_scroll .box{overflow:hidden;position:relative;width:980px;height:191px;margin:0 auto;}
	.wait_scroll .prev,

	.wait_scroll .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;z-index: 9;}

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

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

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

	.wait_scroll .next:hover{background-position:-40px -50px;}
.wait_scroll .list{width: 9999px;overflow: hidden;}
	.wait_scroll .list li{width: 201px;height: 191px;float: left;position: relative;}
	/*.wait_scroll .list li img{width: 180px;}*/
	.wait_info{width: 180px;position: absolute;left: 0;top:12px;z-index: 4;color: #fff;text-align: center;}
	.wait_info .name{font-size: 20px;}
	.wait_info .line{width: 50px;height: 3px;margin: 10px auto;background: #fff;display: block;}
	.wait_info .num{font-size: 36px;color: #06f893;font-weight: bold;padding: 10px 0 22px;}
	.wait_info a{padding:6px 26px;border-radius:30px;color: #fff;background-color: rgba(255,255,255,0.3);}
	.wait_info a:hover{text-decoration: none;background-color: #fff;color: #1fb375;}
/*工作中心*/
.work_img{width: 250px;position: relative;}
	.wok_txt{width: 180px;height: 70px;border-radius: 50px;background-color: #20b476;color: #fff;position: absolute;top: 140px;text-align: center;left: 33px;padding: 10px 0;}
	.wok_txt h3{font-size: 24px;padding-bottom: 7px;}
.work_box{width: 730px;float: left;}
	.work_bar{border-bottom: 2px solid #20b476;height: 36px;}
		.work_tab{}
			.work_tab li{width: 102px;float: left;text-align: center;height: 36px;line-height: 36px;color: #666;cursor: pointer;}
			.work_tab li.active{background-color: #20b476;color: #fff;}
		.work_bar .btn_more{color: #999;height: 36px;line-height: 36px;}
	.work_cont{padding: 10px 0 0 10px;}
		.mail_tit li{height: 36px;line-height: 36px;}
			.mail_tit .people{width: 205px;float: left;padding-left: 15px;}
			.mail_tit .name{width: 394px;float: left;}
			.mail_tit .time{width: 121px;float: right;}
		.mail_lst li{clear: left;height: 36px;line-height: 36px;}
		.mail_lst li a{display: block;}
			.mail_lst li a:hover{color: #20b476;}
		.mail_lst li:nth-child(odd){background-color: #f2f2f2;}
			.mail_lst .people{width: 205px;float: left;padding-left: 15px;height: 36px;}
			.mail_lst .name{width: 394px;float: left;height: 36px;}
			.mail_lst .time{width: 121px;float: right;height: 36px;}
			.ico_mail{width: 17px;height: 17px;display: inline-block;background:url(../images/ico_mail.png) 50% 0 no-repeat;}
			.ico_mailopen{width: 17px;height: 17px;display: inline-block;background:url(../images/ico_mailopen.png) 50% 0 no-repeat;}
/*分页*/
.pages{}
.pages{text-align: center;padding:30px 0 30px;}
	.pages a{padding: 4px 12px;text-decoration: none;border: 1px solid #ccc;border-radius: 3px;color: #999;margin: 0 5px;}
	.pages a:hover,.pages a.on{color: #fff;background-color: #20b476;border: 1px solid #20b476;}

.laydate_box{box-sizing:content-box;
-moz-box-sizing:content-box; /* Firefox */
-webkit-box-sizing:content-box; /* Safari */}
.laydate_top,.laydate_table,.laydate_bottom,.laydate_ym{box-sizing:content-box;}

.footer{background-color: #6b6b6b;padding:20px 0;color: #fff;font-size: 12px;text-align: center;}

/*更多弹窗*/
.singlel_dialog li{margin:10px 17px;}


.scroll_horizontal{position:relative;width:660px;height:120px;padding:10px;background-color:#eee;}

.scroll_horizontal .box{overflow:hidden;position:relative;width:580px;height:120px;margin:0 auto;}

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

.scroll_horizontal .list li{float:left;width:200px;}

.scroll_horizontal .prev,

.scroll_horizontal .next{position:absolute;top:50%;margin-top:-25px;width:40px;height:50px;background-image:url(img/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;}

/*换肤*/
.stylesel{margin: 5px 0 0 5px;}
/*	.stylesel select{background-color: #20b476;border:none;color: #fff;padding: 4px;border-radius: 2px;}
	.stylesel select option{background-color: #14945f;}*/
	.stylesel .sewvtop>em{color: #fff;}
	.stylesel .sewvtop{border: 0;background-color: #20b476;}
	.stylesel .sewvtop>span{color: #fff;}
	.stylesel .sewvbm{background-color: #159c64;border: 1px #1cca81 solid;}
	.stylesel .sewvbm>li{color: #fff;}
	.stylesel .sewvbm>li:hover{background: #999e29;color: #fff;}
/*下拉菜单*/
.sewv{position: relative;width: 100px;display: inline-block;vertical-align: middle;}
.sewvtop{width:100%;height:30px;border: 1px #D9D9D9 solid;cursor:pointer;border-radius: 2px;overflow: hidden;}
.sewvtop:hover{border:1px #20b476 solid;}
.sewvtop>span{float:left;width:70%;height:30px;white-space:pre;text-overflow:ellipsis;overflow: hidden;font-size: 12px;line-height:28px;color: #666;padding:0 5px;vertical-align: middle;}
.sewvtop>em{float:right;width: 20px;height: 20px;vertical-align: middle;margin-top: 6px;}
.sewvbm{width: 100%;position: absolute;left: 0;top: 29px;display: none;border: 1px #D9D9D9 solid;border-radius: 2px;z-index: 99;background-color: #fff}
.sewvbm>li{cursor:pointer;width:100%;height:24px;line-height:24px;font-size: 12px;color: #666;padding-left:5px;}
.sewvbm>li:hover{background: #ddd;}


.lbaxztop{animation: rotatete 0.3s linear forwards;}
.lbaxztop2{animation: rotatete2 0.3s linear forwards;}
@keyframes rotatete{
	from{transform: rotate(0deg);}
	to{transform: rotate(180deg);}
}

@keyframes rotatete{
	from{transform: rotate(0deg);}
	to{transform: rotate(180deg);}
}

@-moz-keyframes rotatete2{
	from{transform: rotate(180deg);}
	to{transform: rotate(0deg);}
}
@keyframes rotatete2{
	from{transform: rotate(180deg);}
	to{transform: rotate(0deg);}
}

/*新闻详情*/
.article-skip{}
	.article-skip a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;ransition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
	.article-skip a:hover{transform:translateX(-5px);-webkit-transform:translateX(-5px);}

.hv:hover{text-decoration: none;color: #20b476;}
/*新闻列表*/
.news_lst{}
.news_lst li{padding: 15px 0;border-bottom: 1px solid #ededed;}
	.news-tit{ransition:all 0.3s linear;-webkit-transition:all 0.3s linear;display: block;background: url(../images/dot.png) 0 50% no-repeat;padding-left:12px;}
	.news-tit:hover{transform:translateX(-5px);-webkit-transform:translateX(-5px);text-decoration: none;color: #20b476;}
	.look_detail{padding: 4px 14px;border: 1px solid #ddd;color: #999;border-radius: 4px;}
	.look_detail:hover{text-decoration: none;background-color: #20b476;color: #fff;border: 1px solid #20b476;}
/*仓库预警*/
.bg_blue{background: #5faee3;}
.bg_red{background: #ff774e;}
.bg_orange{background: #f2ae41;}
.bg_green{background: #20b476;}
.meter_box{border: 1px solid #ddd;}
.meter{width: 220px;height: 220px;}
.meter_bar{padding: 10px;color: #fff;height: 40px;}
/*危化品名录*/
.record_table{width: 100%;}
.record_table table{width: 100%;}
.record_table table th{background-color: #20b476;color: #fff;text-align: center;padding: 8px 0;}
.record_table table td{text-align: center;padding:8px 0;}
.record_table tbody tr:nth-child(even){background-color: #f2f2f2;}
/*tab切换*/
.sort_tab {border-bottom:0;}
.tabs-container .sort_tab{text-align: center;}
.nav.sort_tab li{display: inline-block;}
.tabs-container .sort_tab>li{float:none;margin: 0 10px;}
.tabs-container .sort_tab a{font-size: 20px;font-weight: bold;}
.tabs-container .sort_tab>li.active>a, .tabs-container .sort_tab>li.active>a:focus, .tabs-container .sort_tab>li.active>a:hover {
    border: 0;
    border-bottom-color: transparent;
    color: #20b476;border-bottom:3px solid #20b476;
}
.tabs-container .sort_tab>li.active>a, .tabs-container .sort_tab>li.active>a:focus, .tabs-container .sort_tab>li.active>a:hover {
    background-color:transparent;
}

.sort_tab>li>a:focus, .sort_tab>li>a:hover {
    background-color: transparent;
    color: #20b476;border-bottom:3px solid #20b476;border: 0;
}


.sevlabel{height: 30px;line-height: 30px;}
.secret_tit{font-weight: bold;font-size: 16px;border-left: 3px solid #20b476;padding-left: 9px;}
.btn_sure{background-color: #20b476;padding: 4px 15px;color: #fff;border-radius: 4px; }
.btn_sure:hover{text-decoration: none;color: #fff;}
.secret_chart{width: 100%;height: 300px;}

/*图片轮播*/
/* fullSlide */
.fullSlide{width:100%;position:relative;height:330px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:330px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:330px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:24px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:1px;overflow:hidden;background:#333;filter:alpha(opacity=50);opacity:0.5;line-height:999px;border-radius: 50%;}
.fullSlide .hd ul .on{background:#fff;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}
/*设置*/
 .select_box{
     margin: 30px;
 }
 .select_box div{
     float: left;
 }
 .select_box:after{
     content: "";
     display: block;
     clear: both;
 }
 .select_box select{
     width: 170px;
     height: 230px;
     text-align: center;
     font-size: 16px;
     padding: 10px;
     border: 1px solid #ddd;
 }
 .btnPart input{
     display: block;
     height: 28px;
     width: 50px;
     margin: 10px 0;
     background-color: #20b476;
     line-height: 28px;
     color: #fff;
     border: 0;
     font-family:'\5B8B\4F53';
 }
 .btnPart{
     text-align: center;
     margin: 70px 20px 0;
 }

 .selectText h3,.selectedText h3{font-size: 20px;color: #20b476;}

 .selectarrow{float: left;padding-left: 30px;margin-top: 90px;}
 	 .selectarrow i{font-size: 24px;display: block;color: #20b476;margin: 30px 0;cursor: pointer;}



/*新加样式*/
	
	/*登录页*/
	.sp_login{color: #fff;font-size: 30px;vertical-align: middle;padding-left: 20px;border-left: 1px solid #bbf7de;margin-left: 20px;}
	.login{width: 100%;height: 790px;background:url(../images/login_bg.jpg) 50% 0 no-repeat;}
	.login_box{width: 320px;background-color: #fff;border-radius: 3px;margin-top: 200px;float: right;padding: 25px;position: relative;}
		.login_box .tit{font-size: 18px;color: #666;text-align: center;padding: 40px 0 20px;font-weight: normal;}
		.login_ul li{border-bottom: 1px solid #ddd;background-color: #fff;width: 100%;padding: 12px 0;margin-bottom: 24px;}
		.login_ul li i{margin: 0 15px;font-size: 24px;color: #999;vertical-align: bottom;}
		.login_ul li input{border: 0;background-color: #fff;outline: none;font-size: 16px;width: 215px;}
		.jizhu {color: #888;}
			.jizhu input{vertical-align: text-top;}
		.btn-login{background-color: #20b476;color: #fff;width: 100%;border: 0;margin-top: 30px;display: block;height: 40px;line-height: 40px;font-size: 16px;letter-spacing: 4px;text-align: center;border-radius: 20px;margin-bottom: 10px;}
		.btn-login:hover{background-color: #19ad6f;}

		.headshot{border-radius:50%;width: 98px;height: 98px;border: 5px solid #fff;position: absolute;left: 110px;top: -50px;background:#f3f3f3 url(../images/headshot.png) 50% 40% no-repeat;    box-shadow: 1px 1px 8px #ddd;}

	/*人员统计*/
	.technicist_table{width: 96%;margin: 40px auto 10px;}
	.technicist_table table{width: 100%;}
		.technicist_table thead th{background-color: #20b476;color: #fff;text-align: center;padding: 10px 0;}
		.technicist_table tbody th{color: #20b476;text-align: center;padding: 10px 0;border: 1px solid #ddd;}
		.technicist_table tbody td{text-align: center;padding: 10px 0;border: 1px solid #ddd;}