body {font-family: "Microsoft YaHei"; font-size: 14px; overflow-x: hidden; color: #333; background: url(../images/bg-pic.jpg) no-repeat; background-size: cover; background-size: 100% 100%;}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu,b{margin:0; padding:0;}
*{ box-sizing:border-box; margin:0; padding:0;}

ul,ol,li {list-style: outside none none; margin:0; padding:0;}
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0; color:#333;}
.clear{ clear:both}
a:hover { color:#c61c22;}
img {height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}
.fl{float: left;}.fr{float: right;}
.w1{width: 1200px; margin: 0 auto; padding-top: 8px; padding-bottom: 85px;}

.login-bg{ width: 100%; height: 100%;}
.logo{ text-align: center; padding-top: 30px;}
.logo img{display: inline-block;}
.login-box{width: 1070px; padding-top:90px;  margin: 0 auto;}
.login-box1{width: 100%; background: #fff; box-shadow: 0 0 30px #ccd8e5;  height: 515px;}
.login-box1 .left{width: 584px; height: 515px; background: url(../images/login-pic.jpg) no-repeat;}
.login-box1 .right{width: 486px; padding: 16px 48px 0 48px ;}
.login-box1 .right h1{ text-align: center; line-height: 94px; color: #1d5d9d; font-weight: normal; font-size: 24px;}
.login-box1 .right dl{margin-bottom: 40px;}
.login-box1 .right dl input{width: 100%; height: 48px; line-height: 48px;; border: 1px solid #e1e1e1; outline: none; padding: 0 15px; font-size: 16px; font-family: "宋体"; transition-duration: 1s;;}
.login-box1 .right dl input:focus{border: 1px solid #1D5D9D;}
.login-box1 .right dl:nth-child(4) input{width: 210px;}
.login-box1 .right dl .code{width: 117px; height: 48px; margin:0 6px;}
.login-box1 .right dl .change{line-height: 48px; color: #666666;}
.login-box1 .right .an{width: 100%; height: 56px; line-height: 56px; background: #1d5d9d; text-align: center; color: #fff; font-size: 20px; border:none; cursor:pointer}
.login-box1 .right p{display: inline-block; line-height:50px; font-size: 16px; color: #666666;}
.login-box1 .right p span{color: #2882fe;}

.reg-box{width: 486px; padding-top: 45px; margin: 0 auto;}
.reg-box1{width: 100%; background: #fff; box-shadow: 0 0 30px #ccd8e5; padding: 19px 45px 0 45px;}
.reg-box1 h1{ text-align: center; line-height: 64px; color: #1d5d9d; font-weight: normal; font-size: 24px;}
.reg-box1 dl{margin-bottom: 8px;}
.reg-box1 dl input{width: 100%; height: 48px; line-height: 48px;; border: 1px solid #e1e1e1; outline: none; padding: 0 15px; font-size: 16px; font-family: "simsu"; transition-duration: 1s;;}
.reg-box1 dl select{width: 32%; height: 48px; line-height: 48px;; border: 1px solid #e1e1e1; outline: none; padding: 0 15px; font-size: 16px; font-family: "simsu"; transition-duration: 1s;;}
.reg-box1 dl input:focus{border: 1px solid #1D5D9D;}
.reg-box1 dl:nth-child(10) input{width: 210px;}
.reg-box1 dl .code{width: 117px; height: 48px; margin:0 6px;}
.reg-box1 dl .change{line-height: 48px; color: #666666;}
.reg-box1 .an{width: 190px; height: 56px; line-height: 56px; background: #1d5d9d; text-align: center; color: #fff; font-size: 20px; border:none; cursor:pointer }
.reg-box1 p{display: inline-block; line-height:50px; font-size: 16px; color: #666666;}
.reg-box1 p span{color: #2882fe;}

.list-lo{width: 118px; height: 38px; text-align: center; line-height: 38px; font-size: 18px; border-radius: 8px; margin-left: 25px; background: #ffffff; margin-top: 25px; cursor: pointer; position: relative;}
.list-lo-bg{background: #1d5d9d; color: #fff;}
.hr-list{width: 100%; background: #fff; box-shadow: 0 0 30px #ccd8e5;  margin-top: 30px; position: relative;}
.padd{padding: 32px 42px;}
.hr-list .bit{width: 100%; background: #307dc9; height: 48px; line-height: 48px; color: #fff; font-size: 18px; border-radius: 8px; padding: 0 30px;}
.hr-list .bit1{width: 100%; height: 56px;  border-bottom: 1px solid #d3d3d3; font-size: 18px;}
.hr-list .bit1 p{font-size: 24px; line-height: 55px; color: #333333; border-bottom: 3px solid #18883e; position: relative;}
.hr-list .bit1 p:after{width: 18px; height: 9px; background: url(../images/dw.jpg); position: absolute; content: ""; left: 40%; bottom: -9px;}
.hr-list .zj{background: url(../images/yj.jpg) no-repeat left center; line-height: 56px; padding-left: 35px; color: #1d5d9d; font-size: 16px;}
.hr-list1{width: 100%; padding-top: 10px;}
.hr-list1 li{width: 100%; list-style: none; border-bottom: 1px dashed #9f9f9f; line-height: 42px; font-size: 14px; color: #555555; padding: 0 30px 0 60px; position: relative; font-family: "宋体";}
.hr-list1 li:after{width: 6px; height: 9px; position:absolute ; content: ""; background: url(../images/list-dw.png) no-repeat; left: 35px; top:16px;}
.hr-list2{width: 100%; padding-top: 35px;}
.hr-list2 dl{width: 100%; padding-bottom: 60px;}
.hr-list2 dl dt{width: 90px; line-height: 30px; color: #1d5d9d; font-size: 18px;}
.hr-list2 dl dd{font-size: 16px; line-height: 30px; color: #333333;}
.hr-list2 .an{width: 100%; line-height: 48px; text-align: center; color: #fff; background: #307dc9; border-radius: 8px; font-size: 16px; border:none;}
.s-page{width:100%; padding-top: 30px; }
.p1Page2{ margin:0 auto; height:34px; font-family:"微软雅黑"; font-size:14px; color:#535353;}
.page{line-height:34px;text-align:center; }
.page li{display: inline-block;}
.page a{margin:0 5px;display:inline-block;padding:0 15px; background:#ececec; color:#777777; }
.page a:hover{background:#044eaf; color:#fff;}
.page a.on{background:#044eaf;color:#FFF; padding:0 15px; color:#fff;}
.page a.on:hover{background:#044eaf; color:#fff;}
.page a.page_turn:hover{background:#044eaf;color:#FFF;box-shadow:1px 1px 3px #CCC;}


.hr-list .left{width: 226px; position: absolute; left: 0; top: 0; height: 100%;   background-image: linear-gradient(to right, #f2f6fa,#f2f6fa,#f2f6fa,#f2f6fa,#f2f6fa,#d4d8db); padding:40px 20px 0 20px ; }
.hr-list .left-nav{width: 100%;}
.hr-list .left-nav li{margin-bottom:13px; text-align: center;}
.hr-list .left-nav li a{width: 100% ;line-height: 46px;  font-size: 18px; border-radius: 8px; cursor: pointer;  display: inline-block;}
.hr-list .left-nav li a:hover{background: #1d5d9d; color: #fff;}
.hr-list .left-nav li .ts{background: #1d5d9d; color: #fff;}
.hr-list .right{ width: 974px; padding: 32px 42px; min-height: 550px;}

.hr-list3{width: 100%; padding-top: 15px;}
.hr-list3 li{width: 100%; padding:10px 0; border-bottom: 1px solid #f0f0f0; font-size: 16px;}
.hr-list3 li .fbit{position: relative; line-height: 38px; color: #1d5d9d; font-size: 18px; padding-left: 12px}
.hr-list3 li .fbit:after{position: absolute; width: 2px; height: 18px; background: #1d5d9d; content: ""; left: 0; top: 10px;}
.hr-list3 li .bz{line-height: 38px;}

.check{ margin-top:5px; margin-right: 20px;}
.check span { position: relative; display: inline-block; }
.check .input_check {
     position: absolute;
     width:23px;
     height: 23px;
     visibility: hidden;

}
.check .input_check+label {
     display: inline-block;
     width: 23px;
     height: 23px;
     background: url('../images/check-click1.jpg') no-repeat left top;
     border: 1px solid #e3e3e3;
}
.check .input_check:checked+label {
background: url('../images/check-click.jpg') no-repeat;
border: 1px solid #e3e3e3; 
}

.hr-search{width: 400px; height: 30px; line-height: 30px;}
.hr-search input{width: 300px; float: left; outline: no-repeat; padding:0 15px; height: 30px;}
.hr-search .but{width: 80px; height: 30px; text-align: center; background: #1d5d9d; color: #fff; float: right; }
.hr-down{line-height: 30px; background: url(../images/down.png) no-repeat left center; padding-left: 28px; font-size: 16px; font-weight:normal; color: #1d5d9d;}

.tttt{ 
    position:absolute; 
    left:0; 
    display:none;  
    background:#fff;  
    transition-duration:.5s;
    text-align: center;
    color: #555;
    width: 100%;
    z-index: 9999;
    font-size: 15px;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
   
}
.tttt a{
    color: #555;
    height: 40px;
    line-height: 40px;
    width: 100%;
     border-bottom: 1px solid #d3d3d3;
     display: inline-block;
}
.tttt a:hover{ color: #555;  }
.tttt span{ display: inline-block; padding-left: 5px; color: #ed2020; font-size: 12px; }

.bd1{ width:130px;}
.bd1-1{ width:130px;}
.bd2-1 {width: 100%;min-height: 100px;}


       .hrBox {
            width: 100%;
            height: 550px;
            background: url(../images/hrBg.jpg)no-repeat;
            background-size: 100% 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 30px;
        }

        .hrList {
            width: 56%;

        }

        .hrList ul {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
        }

        .hrList ul li {
            width: 46%;
            border-radius: 0.3rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 24px;
            height: 150px;
            text-align: center;
        }

        .hrList ul li a {
            color: #fff;
        }

        .hrList ul li:nth-child(1) {
            background: url(../images/hr-bg1.png) no-repeat;
            background-size: 100% 100%;
        }

        .hrList ul li:nth-child(2) {
            background: url(../images/hr-bg2.png) no-repeat;
            background-size: 100% 100%;
        }