@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:16px/1.75 "PFMedium", "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1300px; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{width:1300px; margin:0 auto}
.container-s{width:1650px; margin:0 auto; max-width: 86%;}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}


.flex{display: flex;}
.flex-sbc{display: flex; justify-content: space-between;  align-items: center;}
.flex-c{display: flex; align-items: center;}
.flex-cc{display: flex; align-items: center; justify-content: center;}
.flex-ccc{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.flex-dcsb{display: flex; flex-direction: column; justify-content: space-between;}
.flex-sb{display: flex; justify-content: space-between;}
.flex-sbw{display: flex;justify-content: space-between; flex-wrap: wrap;}
.flex-cw{display: flex; align-items: center; flex-wrap: wrap;}
.flex-dc{display: flex; flex-direction: column;}
.flex-w{display: flex; flex-wrap: wrap;}
.flex-sbcw{display: flex;justify-content: space-between;  align-items: center; flex-wrap: wrap;}



/*字体引入*/

@font-face {
    font-family: "PFMedium";
    src: url("../font/PINGFANG MEDIUM.TTF");
  }
  
@font-face {
    font-family: "PFBold";
    src: url("../font/PINGFANG BOLD.TTF");
  }
  
  
  /* 首页登陆 */
.index-bg{background: url(../images/index-bg.jpg) no-repeat center; background-size: cover; height: 100vh; position: relative;}
.login{position: absolute;  width: 610px;height: 593px;background: rgba(255,255,255,0.87);border-radius: 20px;box-shadow: 0px 0px 40px 0px rgba(157,181,238,0.08);  top: 50%; transform: translateY(-50%); right: 16%;}  
.login h3{display: block; font-size: 35px; color: #333; font-family: "PFBold"; margin-bottom: 27px;}  
.login ul li{width: 100%;  height: 58px;border: 1px solid #ebebeb;border-radius: 5px; margin-bottom: 20px; padding:  0 3%; box-sizing: border-box;}  
.login ul li:last-child{margin-bottom: 34px;}
.login ul li .icon{margin-right: 3%;}  
.login ul li input{outline: none; border: none; font-size: 16px; color: #8C8C8C; width: 86%;}
.login .submit{width: 100%;  font-size: 16px; color: #fff; line-height: 55px;background: #0180cf;border-radius: 28px; text-align: center; outline: none; border: none; cursor: pointer;}
.login p{display: block; font-size: 0.9375rem; color: #848484; margin-top: 2.1875rem;}  
  
  
/* 员工薪资查询 */
.header{background: #0180cf;}
.header-box{height: 121px;}
.header .logo .text{border-left: 1px solid #fff; color: #fff; padding-left: 40px; margin-left: 40px;}
.header .logo .text h3{display:inline-block; font-size: 34px; line-height: 35px;}
.header .logo .text h2{display: inline-block; font-size: 16px; margin-left: 22px;}
.quit a{cursor: pointer;}
.quit em{display: block; font-size: 16px; color: #fff; margin-left: 14px;}
.header .logo img{width:100px;}

.salary{padding: 108px 0 0;}
.salary-list dl{ margin-bottom: 80px; }
.salary-list dl dt{height: 62px; background: #0180cf;  border: 1px solid #dddddd;}
.salary-list dl dt strong{display: block; font-size: 25px; color: #fff; border-left: 9px solid #ffff; line-height: 26px; font-family: "PFBold"; padding-left: 15px; margin-left: 20px;}


.salary-list dl table{width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #dddddd; }
.salary-list dl table tr td{text-align: center; height: 99px;  border: 1px solid #dddddd;   }
.salary-list dl table tr td em{display: block; font-size: 18px; color: #838383;}
.salary-list dl table tr td span{ color: #000;}
.salary-list dl dd{border: 1px solid #dddddd; height: 96px;background: #fafafa; display: flex; align-items: center; justify-content: center; border-top: none;}
.salary-list dl dd strong{display: block; font-size: 24px; color: #333;  font-family: "PFBold"; }
.salary-list dl dd b{color: #015dcf;}