@charset "UTF-8";


/*==============================网页整体样式=========================*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {  display:block;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,samp,span,fieldset,legend,input,select,textarea,p,blockquote,table,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,iframe {margin:0 auto;padding:0;vertical-align:baseline;font-weight:inherit;font-style:inherit;font-family:"Microsoft YaHei",黑体, Arial,sans-serif;}
body{ font-size:14px;font-family:"Microsoft YaHei",黑体, Arial,sans-serif; color: #252525;min-width:900px;}
ol, ul,li{ list-style:none;}
img{ border:none; text-decoration:none;display: inline-block }
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:14px;}
input{ border: none;outline: none}
a{  text-decoration:none;color:  #252525;}
a img, :link img, :visited img{ border:0;}
a:hover{ color:  #252525;}
.clear,.clearfix{ clear:both;}
.clearfix:after{ content: "";display: block;clear: both;}
.fl{ float: left;}
.fr{ float: right;}
table {border-collapse: collapse;}
.blank10{ height:10px; line-height:10px; clear:both; overflow:hidden;}


/*==============================主体样式=========================*/
.land_box{ height: 420px;width: 310px;background-color: #fff;margin:158px auto 60px;padding: 10px 70px 0;border-radius: 10px 10px 0 0;box-shadow: 5px 5px 20px #4e5456;position: relative;overflow: hidden}
.l_top p{ margin-left: 18px}
.l_top h1{ font-size: 28px;color: #6cadd8;line-height: 48px;border-left: 1px solid #6cadd8;padding-left: 22px;margin:6px 0 0 18px}

.account,.password{ width: 305px;height: 45px;border: 1px solid #f3f3f3;margin-top: 12px}
.account span,.password span,.val_input span{line-height: 45px;color: #969696;display: inline-block;padding-left: 32px; font-size:18px;}
.account span{ background: url("../images/account_icon.png") 10px center no-repeat;}
.account input,.password input,.val_input input{ height: 100%; font-size:16px; color:#3d3d3d;}

.password span{background: url("../images/password_icon.png") 10px center no-repeat;}

.validate{margin-top: 12px;}
.val_input{ width: 190px;height: 45px;border: 1px solid #f3f3f3;overflow:hidden;}
.val_input span{ background: url("../images/validate_icon.png") 10px center no-repeat;}
.val_input input{width:42%;}

.eamil{  margin-top: 12px; font-size:18px;}
.eamil p,.eamil a{  line-height: 45px;color: #969696;}
.eamil p{ margin-left: 18px}
.eamil p input{ margin-right: 8px}
.eamil p:last-child{ background: url("../images/mail_icon.png") 0 center no-repeat;padding-left: 27px;margin-right: 35px}
.eamil p:last-child a{ text-decoration:underline}

.btn{ width: 190px;height:50px;margin: 10px auto 0;}
.btn input{ width: 190px;height: 45px;background-color: #6cadd8;color: #fff;font-size: 21px; border-radius:3px; cursor:pointer;}
.btn input:hover{background-color: #5ebdbb;color: #fff;}
.forget{ height: 45px;background-color: #56596a;width: 100%;position: absolute;bottom: 0;left:0;text-align: center;line-height: 45px;color: #fff;font-size: 16px}
.forget a{  color: #fff;text-decoration: underline}

.footer{ background:#fff; position: fixed; width:100%; bottom: 0px; padding:10px 0;color: #222838;text-align: center;}
/* 忘记密码 */
#HBoxxz{width:600px;height:600px;margin:0 auto;display:none; border:0px;background-color:#ffffff; z-index:1000; }
.tctitle{ text-align:center; color:#0a93ed; font-weight:bold; font-size:18px; line-height:30px; padding:18px 0 12px 0; letter-spacing:5px;}
.tcmmlist{width: 96%; margin:0 auto;}
.tcmmlist li{margin:2px 0; float:left; display:inline; width:100%;font-size:16px;line-height:44px;}
.tcmmlist li samp{width:120px; float:left; color:#969696; text-align:right; padding-right:8px;}
.tcmmlist li .text{ width:65%;}
.tcmmlist li .intext{border:1px #f4f4f4 solid; height:44px; line-height:44px;float:left; display:inline; font-size:14px; color:#4c4c4c; padding:0 10px; margin-right:10px;}
.tcmmlist li font{ font-size:12px; color:#d92727; height:12px; line-height:12px; display:block; padding:5px 0 5px 14px; clear:both;}
.hyyzm{ background:#0a93ed; color:#fff; font-size:14px; text-align:center; width:78px; height:44px; line-height:44px; cursor:pointer; border-radius:3px;}
.hyyzm60s{ background:#4c4c4cba;}
.tcxgmmnr{ text-align:center; color:#969696; font-size:18px; line-height:2; padding:70px 0 0 0; min-height:85px;}
.msyyanbox{width: 118px; margin:0 auto;}
.anbutxyb{ width: 118px;height:44px; line-height:44px;background-color: #0a93ed;color: #fff;font-size:16px; border-radius:3px; cursor:pointer;}
.anbutxyb:hover{background-color: #5ebdbb;color: #fff;}
/*怡嘉科技员工系统-规章制度上传*/
.staff_top{ width: 100%;height: 80px;background-color: #5ebcbb; overflow:hidden;}
.staff_logo{font-size: 35px;color: #ffffff;line-height: 80px;background: url("../images/logo1.png") 0 center no-repeat;padding-left: 85px;margin-left:50px;letter-spacing:5px;}
.staff_logo span{ background:url(../images/logowz.png) no-repeat center left; width:344px; height:80px; display:block;}
.staff_btn{ margin-right: 3%}
.staff_btn p{ font-size: 16px;color: #fff;float: left;line-height: 26px;margin-top: 28px}
.staff_btn p a{ color: #fff;}
.staff_btn p:first-child{ background: url("../images/staff_icon.png") 0 0 no-repeat;padding-left: 35px;margin-right: 20px;}
.staff_btn p:nth-child(2){ background: url("../images/modify_icon.png") 10px 5px no-repeat;width: 74px;height: 26px;text-align: center;padding-left: 32px;margin-right: 17px}
.staff_btn p:last-child{ background: url("../images/quit_icon.png") 0 5px no-repeat;padding-left: 23px}
.staff_btn p:nth-child(2):hover,.staff_btn p:nth-child(2).cur{ background: #4b9696 url("../images/modify_icon1.jpg") 10px 5px no-repeat;}

.staff_con{ width: 100%}
.l_staff{position: absolute; left: 0;background-color: #5ebcbb; min-height:80%; width:195px; margin-right:-195px;z-index: 810;}
.sidebar{ margin-top: 45px}
.sidebar li{ height: 45px;text-align: center;position: relative;line-height: 45px;transition: 0.5s }
.sidebar li a{ display: block;width: 100%;height: 100%;color: #fff;font-size: 16px}
.sidebar li i{  display: none;position: absolute;right: 0;top: 50%;margin-top: -9px;border-top: 9px solid transparent;border-right: 9px solid #fff;border-bottom: 9px solid transparent;
    border-left: 9px solid transparent; transition: 0.5s }
.sidebar li:hover,.sidebar li.cur{ background-color: #4b9696}
.sidebar li:hover i,.sidebar li.cur i{ display: block}

.r_staff{float:right;width:100%; overflow:hidden;}
.rmianbox{margin-left:195px;}

.location{ height: 45px;line-height: 45px;background-color: #f6f7fb;width: 100%}
.location h3{ float:left; margin-left: 25px;color: #546c8c;font-size: 18px; font-weight:bold;}
.location .dqwzxzr{ margin-right: 3%;font-size: 16px}
.location .dqwzxzr a{ color: #546c8c;}
.location .dqwzxzr a:hover{ color: #5ebdbb;}

.tab_box{max-width:96%;min-width:500px;width:688px;height: 100%;margin: 4.86% auto 0; padding:0 2%;}
.tab_box table tbody{border: 1px solid #d3dae3; border-top:0; z-index:5;}
.tab_box td{ border: 1px solid #eef1f3; height: 38px;line-height:38px;text-align: center;}
.tab_box thead td{border: 1px solid #d3dae3;border-bottom:0; height:42px;line-height: 42px;}
thead tr{ background-color: #f2f4f7;color: #546c8c;font-size: 16px}
.tab_box tbody td:first-child{ border-left:0;}
.tab_box tbody td:last-child{ border-right:0;}
.tab_box tbody tr:last-child td{ border-bottom:0;}

.page{position:relative;left:50%;height:28px; float:left; padding:20px 10px;}
.page li{ float:left; position:relative;right:50%; white-space:nowrap;margin:0 3px; line-height:26px; color:#333;font-size:14px; text-align:center;　-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.page li a,.page .pageinfo{color:#333; display:block;padding:0 10px;border:1px #e5e5e5 solid; 　-moz-border-radius:2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.page li a:hover{ color:#fff;background:#2b7bd2;border:1px #0781bf solid; text-decoration:none;}



.pages{ position:relative;left:50%;float:left; margin: 50px auto 0 97px;}
.pages li,.pages span,.pages a{ float:left; position:relative;right:50%; white-space:nowrap; padding: 0 8px;line-height: 35px;cursor: pointer}
.pages li a:hover,.pages li.cur,.pages li.cur a,.pages span.current{ color: #7a9ccc}

.jump_box{ padding-left:10px;}
.jump{width: 53px;height:33px;border: 1px solid #d2d2d2;border-radius: 3px;margin: 0 15px;text-align: center}
.jump_ok{width:65px;height:34px;}



.form_box{margin: 27px 0 0 25px}
.grxxlist li,.grxxlist1 li{ margin:11px 0; float:left; display:inline; width:100%;font-size:16px;line-height:36px;}
.grxxlist li samp,.grxxlist1 li samp{ line-height:36px; color:#546c8c; font-size:16px; width:135px; text-align:right; float:left; padding-right:5px;}
.grxxlist li .text,.grxxlist1 li text{ float:left; width:70%;}
.grxxlist li .intext,.grxxlist li .select{border:1px #d4dbe5 solid; height:34px; line-height:34px;float:left; display:inline; font-size:14px; color:#252525; padding:0 10px; margin-right:10px;}
.grxxlist li .intext:focus{border:1px #80a0ce solid;}
.grxxlist li .select{margin-right:10px; padding:0 0 0 5px; font-size:14px;}
.grxxlist li font{font-size:16px;line-height:33px; color:#5b5b5b; float:left; display:inline; padding:0 10px 0 0 ;}
.anqueding{ width: 66px;height: 36px; line-height:34px; border: 1px solid #6a8ab3;background-color: #7a9ccc; font-size:14px;color: #fff;border-radius: 3px; cursor:pointer;}
.anqueding:hover,.grxxlist li .filean:hover{border: 1px solid #4b9796;background-color: #5ebdbb;color: #fff;}
.grxxlist li .intext1{  height:34px; line-height:34px; border:1px #d4dbe5 solid; background:#ffffff; padding:0 10px; float:left; display:inline; color:#252525;}
.grxxlist li .filean{height:36px; line-height:34px; width:66px; float:left; display:inline; text-align:center; font-size:14px; border: 1px solid #6a8ab3;background-color: #7a9ccc;padding:0 10px; color:#fff;border-radius: 3px; margin-left:16px; cursor:pointer;}
.grxxlist1 li{ margin:0px 0; line-height:36px;}
.grxxlist1 li text{ color:#6b6b6b;}
/*用户管理*/
.user_box{ width: 880px}

/*公司规章制度*/
.ruls_box{ width: 538px;}

/*JD上传*/


/*员工通讯录*/
.contact_box{ width: 825px}


/*修改密码*/
.modify_box{ margin: 40px 0 0 0px}