.sliderLeft{
  display: block;
  position: sticky;
  top: 65px;
  transform: translateY(-65px);
}

.sliderLeft .title{
  padding: 22px 20px 20px;
  font-size: 20px;
  height: 190px;
  font-weight: lighter;
  background-color: #c56c2a;
  color: #fff;
  margin-bottom: 1rem;
}


.sliderLeft .title strong{
  font-weight: bold;
  margin-bottom: 35px;
  display: inline-block;
}

ul.xlcates li{
  display: block;
  margin-bottom: 0.7rem;
}

ul.xlcates li .cate{
  background-color: #e5e5e5;
}

ul.xlcates li .cate .d1 a{
  display: block;
}

ul.xlcates li .cate .d2{
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
ul.xlcates li .cate .d2 span{
  display: inline-block;
  cursor: pointer;
  line-height: 1;
  transform-origin: center;
}

ul.xlcates li .cate .d2 span svg{
  width: 10px;
  height: 10px;
}

ul.xlcates li .d1 a{
  color: #444;
  display: block;
  line-height: 1;
  padding: 20px 15px;
}

ul.xlcates li .sub{
  display: none;
}

ul.xlcates li .sub a{
  display: block;
  background-color: #4d574e0d;
  padding: 16px 16px 16px 22px;
  position: relative;
  margin-top: 0.7rem;
  transition: all .3s;
  margin-left: 12px;
}

ul.xlcates li .sub .d2 span svg{
  transform: rotate(0deg) !important;
  fill: #444 !important;
  width: 10px;height: 10px;
}
ul.xlcates li .sub a:hover{
  background-color: #444;
 color: #fff;
}

ul.xlcates li .sub a:hover .d2 span svg{
  fill: #ffffff !important;
}


ul.xlcates li .sub a.active{
      background: #e8e8e8;
}

ul.xlcates li.active .cate,ul.xlcates li.on .cate{
  background-color: #444;
}

ul.xlcates li.active .cate .d1 a,ul.xlcates li.on .cate .d1 a{
  color: #fff;
}
ul.xlcates li.active .cate .d2{
  background-color: transparent !important;
}

ul.xlcates li .d2 span svg{
  transition: all .4s;
  fill: #ffffff;
}

ul.xlcates li.active .d2 span svg{
  transform: rotate(90deg);
  fill: #fff;
}

ul.xlcates li.active .sub{
  display: block!important;
}

ul.xlcates li .sub a.active:hover{
  background: #444;
}

.rightSlider{
  margin-top: 45px;
}

.rightSlider .proxqImgs{
  margin-bottom: 25px;
}

.proxqImgs .swiper-slide{
  border: 1px solid #eee;
  padding: 20px;
   height: auto;
}

.rightSlider .prosmallImgs .swiper-slide{
  padding:5px;
  border: 1px solid #eee;
  height: auto;
}

.download{
  margin-top: 35px;
}

.download p.title{
  font-size: 20px;
  color: rgb(227, 108, 9);
  font-weight: bold;
  margin-bottom: 15px;
}

.download a{
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.download a span{
  display: inline-block;
}

.download a span.tb{
  margin-right: 10px;
}

.sliderCon{
  display: block;
  position: sticky;
  top: 0;
  margin-top: 65px;
  margin-bottom: 125px;
  max-width: 190px;
  text-align: center;
  margin-left: auto;
}

.sliderCon h4{
  font-size: 16px;
  text-transform: uppercase;
  color: #849daa;
  margin-bottom: 12px;
}

.sliderCon h4 strong{
  font-weight: bold;
}

.sliderCon .ins1{
  color: #444;
  font-weight: lighter;
}

.sliderCon .ins1 .name{
  color: #849daa;
  font-size: 18px;
  font-weight: 100;
  text-transform: uppercase;
}

.sliderCon .ins1 p{
  margin-top: 10px;
  margin-bottom: 5px;
}

.sliderCon .ins1 .desc{
  font-size: 14px;
}

.sliderCon .ins1 .phone a{
  margin-top: 12px;
}
.sliderCon .ins1 .phone a i{
  color: #849daa;
  display: inline-block;
  margin-right: 3px;
  transform: rotateY(180deg);
}

.sliderCon .ins1 .mail a{
  display: block;
    background-color: #849daa;
    text-align: center;
    padding: 10px;
    color: white;
    text-transform: uppercase;
    font-weight: 400;
    transition: 0.2s ease;
}

.sliderCon .ins1 .mail a:hover{
  background: #444444;
}


.joblists a{
  width: 100%;
  display: block;
  position: relative;
  padding: 10px 65px 10px 20px;
  background-color: #e5e5e5;
  -webkit-transition: .2s ease;
  transition: .2s ease;
  text-decoration: none;
  color: #444;
  margin-bottom: .5rem;
  font-size: 14px;
}

.joblists a:after{
  width: 50px;
  content: "";
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  padding: 10px;
  text-align: center;
  position: absolute;
  background-color: #004884;
  color: #fff;
  background-image: url(../images/right-arrow.svg);
  background-repeat: no-repeat;
  background-size: 5px;
  background-position: 50%;
}

.joblists a:hover{
  color: #fff;
  background-color: #004884;
}

.item .table-responsive-lg .table{
  min-width: 610px;
}




@media (max-width: 991.98px) { 
  .sliderLeft{ 
    margin-top: 25px;
    transform: translateY(0);
  }

  .sliderLeft .title{
    padding: 15px 25px;
  }

  .nySec{
    max-width: 100%;
    overflow: hidden;
  }

  .sliderCon{
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
  }

}