body{   
  background: linear-gradient(-4deg,#409aff,#b3eaff 66%,#aafbf8);
}
img{
  width: 100%;
  height: auto;
}
.bgImg{
  width: 100%;
  height: 100vh;
}
.bgImg img{
  width: 100%;
  height: 100%;
}
.logo{
  position: absolute;
  left: 3%;
  top: 2%;
  width: 34%;
}
.slogan{
  position: absolute;
  top: 6%;
  left: 0;
  width: 100%;
}
.linkBox{
  position: absolute;
  top: 45%;
  left: 6%;
  width: 90%;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-around;
  z-index: 10;
}
.linkBox .item{
  margin-bottom: 1.4rem;
  padding-right: 0.6rem;
  width: 6.4rem;
  height: 6.5rem;
  color: #fff;
  font-size: 1rem;
  line-height: 6.5rem;
  text-align: center;
  text-shadow: 1px 1px 2px #295ac3;
  background: url("../images/bglink.png") no-repeat;
  background-size: 100% 100%;
}

.main{
    position: relative;
    width: 100%;
    overflow: hidden;
    /* background: url("../images/bg_bottom.png") bottom no-repeat; */
    background-size: 100% auto;
}
.banner{
  position: relative;
  width: 100%;
  line-height: 0;
}
.navBox{
  position: relative;
  display: -webkit-flex; /* Safari */
  display: -moz-flex;
  display: flex;
  padding: 1rem 1rem;
  width: 100%;
  justify-content: space-between;
}
.navBox .item{
  width: 19%;
  display: inline-block;
  color: #fff;
  font-size: 0.9rem;
  line-height: 2.4rem;
  font-weight: bold;
  text-align: center;
  background: url("../images/nav.png") no-repeat;
  background-size: 100% 100%;
}
.navBox .item.on{
  background: url("../images/nav_active.png") no-repeat;
  background-size: 100% 100%;
}
.content{
  position: relative;
  margin: 0 1rem 12rem;
}
.content .txt_1{
  color: #001a4c;
  font-size: 0.9rem;
  line-height: 1.5rem;
  text-indent: 2em;
}
.content .txt_2{
  margin: -0.5rem auto 0.5rem;
  color: #2e2e2e;
  font-size: 0.9rem;
  line-height: 1.5rem;
  text-align: center;
}
.content .title{
  position: relative;
  margin: 1.5rem auto 1rem;
  width: 30%;
}
.content .image{
  margin: 1rem auto;
  text-align: center;
}
.border{
  margin-bottom: 0.4rem;
  padding: 1rem;
  border-radius: 0.4rem;
  border: #00daff 2px solid;
  background-color: #fff;
}
#division{
  outline: none;
  float: left;
  margin-bottom: 0.6rem;
  padding: 0 2rem 0 1rem;
  width: 70%;
  height: 2.2rem;
  color: #626262;
  font-size: 0.9rem;
  line-height: 2rem;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: #378bfc 1px solid;
  border-radius: 0.2rem;
  background: url(../images/arrow.png) 96% center no-repeat;
  background-size: 0.7rem;
  background-color: #fff;
}
#jobarea{
  outline: none;
  float: right;
  padding: 0 1rem;
  margin-bottom: 0.6rem;
  width: 28%;
  height: 2.2rem;
  color: #626262;
  font-size: 0.9rem;
  line-height: 2rem;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: #378bfc 1px solid;
  border-radius: 0.2rem;
  background: url(../images/arrow.png) 92% center no-repeat;
  background-size: 0.7rem;
  background-color: #fff;
}
.inputBox{
  display: block;
  margin-bottom: 1rem;
  padding: 0 1rem;
  position: relative;
  height: 2rem;
  border: #378bfc 1px solid;
  border-radius: 0.2rem;
  background-color: #fff;
}
.inputBox input{
  padding: 0;
  width: 80%;
  height: 2rem;
  font-size: 0.9rem;
  line-height: 2rem;
  border: none;
  outline: none;
}
.buttonSearch{
  position: absolute;
  right: 0.7rem;
  top: 0.4rem;
  display: block;
  width: 1.4rem;
}
.comName{
  margin-bottom: 1.5rem;
  padding: 0 1rem;
  height: 2.4rem;
  color: #2338c0;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.6rem;
  background: url("../images/tab.png") no-repeat;
  background-size: 100% 100%;
}
.deptTitle{
  margin: 0 0.2rem 1rem;
  padding: 0 1.5rem;
  color: #143c94;
  font-size: 1rem;
  font-weight: bold;
  line-height: 2rem;
  background: url("../images/dot.png") left center no-repeat;
  background-size:  1.4rem auto;
}
.jobItem{
  margin: 0 0.2rem 1rem;
  padding: 0.8rem 0.6rem;
  display: -webkit-flex; /* Safari */
  display: -moz-flex;
  display: flex;
  justify-content: space-between;
  border:#969696 1px solid;
  border-radius: 0.6rem;
  background-color: #fff;
}
.jobItem .item{
  width: 28%;
  color: #3d3d3d;
  font-size: 0.9rem;
  line-height: 1.8rem;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.jobItem .item:first-child{
  width: 60%;
}
.jobItem .item:nth-child(2){
  width: 18%;
  text-align: center;
}
.buttonApply{
  display: inline-block;
  float: right;
  padding: 0 0.8rem;
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.8rem;
  border-radius: 1.8rem;
  background: linear-gradient(253deg,#23bbdb,#2b2094);
}
.aboutCompany{
  display: block;
  margin-bottom: 0.4rem;
  color: #2e2e2e;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: bold;
}
a.aboutCompany{
  color: #2944c9;
}
.aboutAddress{
  padding: 0.2rem 0 0.2rem 0;
  color: #2f2f2f;
  font-size: 0.9rem;
  line-height: 1.5rem;
  font-weight: bold;
}
.aboutPhone{
  padding: 0.2rem 0 0.2rem 1.6rem;
  color: #2f2f2f;
  font-size: 0.9rem;
  line-height: 1.5rem;
  font-weight: bold;
  background: url("../images/icon_1.png") left center/1.2rem 1.2rem no-repeat;
}
.aboutEmail{
  padding: 0.2rem 0 0.2rem 1.6rem;
  color: #2f2f2f;
  font-size: 0.9rem;
  line-height: 1.5rem;
  font-weight: bold;
  background: url("../images/icon_2.png") left center/1.2rem 1.2rem no-repeat;
}
.clear{
    clear: both;
}
.footer{
  position: relative;
  padding: 0.8rem 1rem;
  width: 100%;
  color: #fff;
  font-size: 0.6rem;
  line-height: 1.2rem;
  text-align: center;
  background: url("../images/bgFooter.png") repeat-x;
  background-size: 100% 100%;
}
.footer a{
    color: #fff;
}
.alertLayer{
  position: fixed;
  left: 35%;
  top: 36%;
  padding: 0.7rem 1rem;
  width: 30%;
  color: #fff;
  font-size: 1.1rem;
  line-height: 1.6rem;
  text-align: center;
  border-radius: 0.5rem;
  background: rgba(0,0,0, 0.7);
  z-index: 210;
  transition: all 0.3s;
  opacity: 0;
}
.alertLayer.show{
  opacity: 1;
}
#moveCode{
  width: 30%;
  z-index: 10;
}
.codeBox{
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.7);
  z-index: 200;
}
.codeBox .code{
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
}

.slick{
  margin: 1rem auto 0.2rem;
  border-radius: 0.4rem;
  border: #4797ff 2px solid;
  overflow: hidden;
}
.slickTitle .item{
  color: #fff;
  font-size: 1rem;
  line-height: 2rem;
  text-align: center;
}
.slickTitle .slick-dots{
  bottom: -1rem;
}
.slickTitle .slick-dots li{
  margin: 0 3px;
  width: 8px;
  height: 8px;
  border: none;
  background: rgba(255,255,255,0.5);
}
.slickTitle .slick-dots li.slick-active{
  background-color: #fff;
}

#moveCode{
  width: 11.9rem;
  height: 5.5rem;
  background: url(../images/buttonCode.png) no-repeat;
  background-size: 100% auto;
}

#moveCode p{
  width: 11.9rem;
  height: 2.25rem;
  background-size: 100% auto;
}
#moveCode a{
  display: block;
  width: 11.9rem;
  height: 2.25rem;
  background-size: 100% auto;
}