.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}

.hxjs-mod{
padding: 0.9rem 0;
background-position: center;
  background-size: cover;
}
.hx-page1{
  padding-left: 15%;
  position: relative;
}
.hx-page1 .swiper-button-prev{
  left: 1rem;
}
.hx-page1 .swiper-button-next{
  right: 1rem;
}
/* .hx-page1 .swiper-slide{
  max-width: 1440px;
} */
.hx-it{
  display: block;
  width: 100%;
}
.hx-it .tex{
  width: 40%;
  float: left;
  padding-top: 0.45rem;
}
.hx-it .hd{
  margin-bottom: 0.6rem;
  color: #12569d;
  font-weight: 600;
}
.hx-it .en{
  font-size: 0.26rem;
  text-transform: uppercase;
  margin-bottom: 0.1rem;
}
.hx-it .cn{
  font-size: 0.48rem;
}
.hx-it .dd,
.hx-it .dd p{
  font-size: 0.16rem;
  color: #666;
  line-height: 1.8;
}
.hx-it .more{
  margin-top: 0.5rem;
  width: 1.88rem;
  line-height: 0.48rem;
  height: 0.48rem;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: #12619d;
  border-radius: 0.05rem;
}
.hx-it .pic{
  width: 50%;
  height: 5.6rem;
  background-position: center;
  background-size: cover;
  border-radius: 5.6rem 0 0 5.6rem;
  float: right;
  /* margin-right: -2rem; */
}

.tt-mod{
  text-align: center;
  margin-bottom: 0.7rem;
  font-weight: 600;
  color: #fff;
}
.tt-mod .en{
  font-size: 0.44rem;
  text-transform: uppercase;
  margin-bottom: 0.2rem;
}
.tt-mod .cn{
  font-size: 0.38rem;
}
.hx-page2{
  background: #1a64a7;
}
.hx-page2 .content{
  height: 6.2rem;
}
.hx-page2 .lt{
  width: 30%;
  height: 100%;
  float: left;
  border-radius: 0.05rem;
  overflow: hidden;
}
.hx-page2 .swiper-container{
  width: 100%;
  height:100%;
}
.hx-it1{
  height: 100%;
  width: 100%;
  background: #fff;
  padding: 0.5rem 0.45rem
}
.hx-it1 .pic{
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 100%;
  background-position: center;
  background-size: cover;
  margin: 0 auto 0.3rem;
}
.hx-it1 .tt{
  margin-bottom: 0.3rem;
  font-size: 0.16rem;
  color:#333;
  font-weight: 600;
}
.hx-it1 .dd{
  font-size: 0.14rem;
  line-height: 1.8;
  color: #666;
}
.hx-page2 .rg{
  width: 70%;
  height: 100%;
  float: right;
}
.hx-page2 .it{
  height: 100%;
  width: 100%;
   background-position: center;
  background-size: cover;
}

.hx-page2 .swiper-pagination-bullet{
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  position: relative;
  background: none;
  opacity: 1;
}
.hx-page2 .swiper-pagination-bullet:before{
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #a0a0a0;
  position: absolute;
  left: 50%;
  margin-left: -2px;
  top:50%;
  margin-top: -2px;
}
.hx-page2 .swiper-pagination-bullet.swiper-pagination-bullet-active{
  border: 1px solid #12569d;
}
.hx-page2 .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
  background: #12569d;
}
.hx-page2 .swiper-container-horizontal>.swiper-pagination-bullets{
  bottom: 0.4rem;
}

.hx-page3 .tt-mod .en{
  color: #303030;
}
.hx-page3 .tt-mod .cn{
  color: #12569d;
}

.hx-it2{
  width: 100%;
  height: 5.45rem;
  border-radius: 0.1rem;
  box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);
  overflow: hidden;
  position: relative;
}
.hx-it2 .pic{
  height: 3.8rem;
  background-position: center;
  background-size: cover;
}
.hx-it2 .tex{
  height: 1.7rem;
  padding: 0.4rem;
  background: #fff;
  transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.hx-it2 .tex .tt{
  font-size: 0.19rem;
  color: #151515;
  margin-bottom: 0.15rem;
}
.hx-it2 .tex .dd{
  color: #999;
  font-size: 0.16rem;
  line-height: 0.28rem;
  height: 0.56rem;
  overflow: hidden;
}
.hx-it2 .tex .dd p{
  line-height: 0.28rem;
}
.hx-it2:hover .tex{
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  background: url(../images/bg-fun.png) center;
  background-size: cover;
  padding-top: 0.8rem;
}
.hx-it2:hover .tex .tt{
  color: #fff;
  font-weight: 600;
}
.hx-it2:hover .tex .dd{
  color: #fff;
  height: auto;
}
.hx-page3 .content{
  position: relative;
}
.hx-page3 .swiper-button-prev{
  left: -1.4rem;
}
.hx-page3 .swiper-button-next{
  right: -1.4rem;
}
.hx-page3 .swiper-container{
  padding-top: 0.3rem;
  padding-bottom: 1.5rem;

}
.hx-page3 .swiper-slide-active{
  transform:translate(0,1.4rem);
}
.hx-it3{
  width: 18%;
  height: 2.8rem;
  background: #fff;
  border-radius: 0.1rem;
  overflow: hidden;
  text-align: center;
  float: left;
  margin: 0 1% 2%;
  transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.hx-it3:hover{
  transform: translate(0,-10px);
}
.hx-it3 .hd{
  height: 1.1rem;
  line-height: 1.1rem;
  text-align: center;
  background-color: #006fbd;
  background-position: center;
  background-size: cover;
}
.hx-it3 .hd img{
  max-height: 60%;
}
.hx-it3 .tex{
  padding: 0.3rem 0.2rem 0;
}
.hx-it3 .tt{
  font-weight: 600;
  font-size: 0.22rem;
  margin-bottom: 0.15rem;
}
.hx-it3 .dd{
  font-size: 0.15rem;
  line-height: 2;
}

.zp-it{
  width: 48%;
  height: 4rem;
  float: left;
  margin: 0 1% 2%;
  position: relative;
  border-radius: 0.2rem;
  overflow: hidden;
  
}
.zp-it:hover .pic{
  transform:scale(1.1);
}
.zp-it .pic{
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;

}
.zp-it .tex{
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: 0.6rem;
  transform:translate(-50%,0);
  width: 3.14rem;
  height: 1.6rem;
  background: rgba(0,111,189,0.85);
  padding: 0.25rem 0.15rem 0;
  color: #fff;
}
.zp-it .icon{
  margin-bottom: 0.2rem;
  height: 0.36rem;
}
.zp-it .tt{
  font-size: 0.18rem;  
  margin-bottom: 0.15rem;
}
.zp-it .dd{
  font-size: 0.16rem;  
}

.cont-lt{
  height: 5.4rem;
  width: 30%;
  float: left;
  background: #fff;
  box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);
  padding: 0.6rem 0.45rem 0;
}
.cont-lt .en{
  font-size: 0.34rem;
  color: #000;
  margin-bottom: 0.2rem;
  text-transform: uppercase;
  font-weight: 600;
}
.cont-lt .cn{
  font-size: 0.38rem;
  color:#006fbd;
  font-weight: 600;
  margin-bottom: 0.4rem;
}
.cont-map{
  height: 5.4rem;
  width: 66%;
  float: right;
  box-shadow: 0 0 0.3rem rgba(0,0,0,0.1);
  
}
.cont-map .map{
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
.cont-way{
  position: relative;
  padding-top: 0.15rem;
}
.cont-way:before{
  content: '';
  position: absolute;
  width: 0.64rem;
  height: 1px;
  left: 0;
  top: 0;
  background: #12569d;
}
.cont-way li{
  overflow: hidden;
  padding: 0.13rem 0;
}
.cont-way .icon{
  float: left;
  height: 0.42rem;
}
.cont-way .tex{
  margin-left: 0.6rem;
}
.cont-way .tt{
  font-size: 0.14rem;
  margin-bottom: 0.1rem;
  color: #333;
}
.cont-way .lb{
  font-size: 0.14rem;
  color: #9595a1;
  font-weight: 600;
  line-height: 1.5;
}

.job-it{
  float: left;
  width: 20%;
}
.job-it:hover .intro-box .it{
  display: block;
}
.job-it .sc{
  width: 1.68rem;
  height: 1.68rem;
  line-height: 1.68rem;
  text-align: center;
  border-radius: 100%;
  background: #fff;
   box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);
   position: relative;
   cursor: pointer;
   margin: 0 auto;
   transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
margin-bottom: 1rem;
}
.job-it .tt{
  display:inline-block;
  vertical-align: middle;
  font-size: 0.2rem;
  color: #006fbd;
  font-weight: 600;

}
.job-it .num{
  position: absolute;
  width: 0.42rem;
  height: 0.42rem;
  line-height: 0.42rem;
  border-radius: 100%;
  background:  #006fbd;
  bottom: -0.21rem;
  left: 50%;
  margin-left: -0.21rem;
  color: #fff;
  font-size: 0.12rem;
  font-weight: 600;
  box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);
}
.job-it .num em{
  display: inline-block;
  font-size: 0.17rem;
}
.job-it.on .sc,
.job-it:hover .sc{
  background: -moz-linear-gradient(top,  #009fd7 0%, #006fbd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009fd7), color-stop(100%,#006fbd));
    background: -webkit-linear-gradient(top,  #009fd7 0%,#006fbd 100%);
    background: -o-linear-gradient(top,  #009fd7 0%,#006fbd 100%);
    background: -ms-linear-gradient(top,  #009fd7 0%,#006fbd 100%);
    background: linear-gradient(to bottom,  #009fd7 0%,#006fbd 100%);
}
.job-it.on .sc:after,
.job-it:hover .sc:after{
  content: '';
  position: absolute;
  border-top: 0.08rem solid #006fbd;
  border-left: 0.08rem solid transparent;
  border-right: 0.08rem solid transparent;
  border-bottom: 0.08rem solid transparent;
  bottom: -0.4rem;
  left: 50%;
  margin-left: -0.08rem;
}
.job-it.on .tt,
.job-it:hover .tt{
  color: #fff;
}
.job-it.on .num,
.job-it:hover .num{
  background: #f4a42d;
  /* color: #12569d; */
}
.hx-page5{
  padding-top: 0;
}
.hx-page5 .intro-box{
  width: 500%;
  margin-bottom: 0.6rem;

}
.hx-page5 .job-it:nth-of-type(5n+2) .intro-box{
  margin-left: -100%;
}
.hx-page5 .job-it:nth-of-type(5n+3) .intro-box{
  margin-left: -200%;
}
.hx-page5 .job-it:nth-of-type(5n+4) .intro-box{
  margin-left: -300%;
}
.hx-page5 .job-it:nth-of-type(5n+5) .intro-box{
  margin-left: -400%;
}
.hx-page5 .intro-box .it{
  padding: 0.7rem;
  box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);
  display: none;
  height: 3.8rem;
  overflow-y: auto;
}
.hx-page5 .intro-box .it::-webkit-scrollbar {
  position: relative;
  right: -0.1rem;
  width: 0.04rem;     
  height: 0.01rem;
}
.hx-page5 .intro-box .it::-webkit-scrollbar-thumb {
  border-radius: 0.1rem;
  background: #12569d;
}
.hx-page5 .intro-box .it::-webkit-scrollbar-track {
      background: #ddd;
}
.hx-page5 .intro-box .it.on{
  display: block;
}
.hx-page5 .intro-box .lb{
  font-size: 0.18rem;
  margin-bottom: 0.2rem;
  color: #006fbd;
}
.hx-page5 .intro-box .dd,
.hx-page5 .intro-box .dd p{
  font-size: 0.14rem;
  line-height: 2;
  color: #666;
}
.hx-page5 .intro-box .dd{
  margin-bottom: 0.3rem;
}
.job-mod .job-list{
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: wrap;
}

@media screen and (max-width: 1440px){
  .w1440{
    width: 100%;
    padding: 0 0.3rem;
  }
  .hx-page3 .swiper-button-prev {
    left: 0rem;
}
 .hx-page3 .swiper-button-next {
    right: 0rem;
}

}
@media screen and (max-width: 1220px){
  .cont-lt{
    padding-top: 0.5rem;
  }
  .cont-way li{
    padding: 0.08rem 0;
  }
  .cont-lt .en{
    margin-bottom: 0.1rem;
  }
  .hx-it3 .dd{
    line-height: 1.5;
  }
  .hx-page2 .lt{
    width: 35%;
  }
  .hx-page2 .rg{
    width: 65%;
  }
}


@media screen and (max-width: 1000px){
  .cont-lt{
    width: 40%;
  }
  .cont-map{
    width: 56%;
  }
  .hx-it3{
    width:22%;
    margin: 0 1.5% 2%;
  }
  .hx-page1{
    padding-left: 1rem;
  }
  .hx-page1 .swiper-button-prev{
    left: 0.4rem;
  }
  .hx-page1 .swiper-button-next{
    right: 0.4rem;
  }
  .hx-page2 .lt{
    width: 100%;
    float: none;
  }
  .hx-page2 .rg{
    width: 100%;
    float: none;
    height: 5rem;
  }
  .hx-page2 .content{
    height: auto;
  }

  

}

@media screen and (max-width: 768px){
  .zp-it{
    width: 100%;
    float: none;
    margin: 0 auto 4%;
    height: 3.2rem;
  }
  .hx-it3{
    width: 48%;
    margin: 0 1% 4%;
  }
  .cont-lt{
    width: 100%;
    float: none;
    height: auto;
    padding: 0.5rem 0.3rem;
  }
  .cont-map{
    width: 100%;
    float: none;
  }
  .job-it{
    width: 33.3%;
    margin-bottom: 0.5rem;
  }
  .job-it .sc{
    width: 1.4rem;
    line-height: 1.4rem;
    height: 1.4rem;
    margin-bottom: 0.5rem;
  }
  .hx-it .pic{
    width: 100%;
    float: none;
    height: 3rem;
  }
  .hx-it .tex{
    width: 100%;
    float: none;
  }
  .hx-page1{
    padding:  0 0.3rem;
  }
  .hx-it .cn{
    font-size: 0.36rem;
  }
  .hx-it .hd{
    margin-bottom: 0.3rem;
  }
  .hx-page2 .rg{
    height: 3rem;
  }
  .hx-it1{
    padding: 0.4rem 0.3rem 1.1rem;
  }
  .hx-page3 .swiper-slide-active {
    transform: translate(0,0.7rem);
}
.hx-page3 .swiper-container{
  padding-bottom: 1rem;
}
.hx-it2:hover .tex{
  padding: 0.5rem 0.3rem;
}
.hx-page5 .intro-box{
  width: 300%;
}
.hx-page5 .job-it:nth-of-type(5n+1) .intro-box,
.hx-page5 .job-it:nth-of-type(5n+2) .intro-box,
.hx-page5 .job-it:nth-of-type(5n+3) .intro-box,
.hx-page5 .job-it:nth-of-type(5n+4) .intro-box,
.hx-page5 .job-it:nth-of-type(5n+5) .intro-box{
  margin: 0;
}
.hx-page5 .job-it:nth-of-type(3n+2) .intro-box {
    margin-left: -100%;
}

.hx-page5 .job-it:nth-of-type(3n+3) .intro-box {
    margin-left: -200%;
}
.hx-page5 .intro-box .it{
  padding: 0.4rem;
}

}