@charset "utf-8";
.banner-swiper .img-wrap {
  position: relative;
  padding-bottom: 42.7%;
}
.banner-swiper .banImg,
.banner-swiper video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-swiper video {
  width: 100%;
}
.banner-swiper * {
  color: #fff;
}
.banner-swiper .txt {
  line-height: 1.3;
  color: #fff;
  opacity: 0;
}
.banner-swiper .txt * {
  line-height: 1.3;
}
.banner-swiper .ban-txt {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.banner-swiper .tit,
.banner-swiper .content {
  opacity: 0;
  margin: 0 auto;
}
.banner-swiper .t-img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}
.banner-swiper .tit {
  max-width: 35.6%;
}
.banner-swiper .content {
  max-width: 86.7%;
}
.banner-swiper .swiper-slide {
  position: relative;
  overflow: hidden;
}
.banner-swiper .ban1 .year {
  width: 15.682rem;
  opacity: 0;
}
.banner-swiper .ban1 .ban-txt {
  top: 25.4%;
}
.banner-swiper .ban1 .color {
  color: #8BD4FF;
}
.banner-swiper .ban2 .ban-txt {
  top: 57%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.banner-swiper .ban3 .ban-txt {
  top: 31.7%;
}
.banner-swiper .ban3 .txt {
  text-shadow: 0rem 0.182rem 0.455rem rgba(23, 99, 168, 0.4);
}
.banner-swiper .items {
  margin-top: 2.727rem;
}
.banner-swiper .item {
  width: 5.455rem;
  height: 5.455rem;
  padding-top: 1.227rem;
  margin-right: 0.682rem;
  background-color: #3579E5;
  opacity: 0;
}
.banner-swiper .item:last-of-type {
  margin-right: 0;
}
.banner-swiper .item:nth-of-type(2) {
  background-color: #7C6DEB;
}
.banner-swiper .item:nth-of-type(3) {
  background-color: #52C051;
}
.banner-swiper .item .ico {
  line-height: 1;
  margin-bottom: 0.455rem;
}
.banner-swiper .item i {
  display: inline-block;
  font-size: 1.909rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.banner-swiper .item .itN {
  padding: 0 2%;
}
.banner-swiper .item:hover i {
  transform: rotateY(360deg);
}
.banner-swiper .swiper-slide-active .img-wrap img {
  -webkit-animation: scaleDown 2s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: scaleDown 2s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.banner-swiper .swiper-slide-active .txt,
.banner-swiper .swiper-slide-active .year,
.banner-swiper .swiper-slide-active .tit {
  animation: fadeIn 1s ease forwards;
}
.banner-swiper .swiper-slide-active .item,
.banner-swiper .swiper-slide-active .content {
  animation: fadeIn 1s 0.2s ease forwards;
}
.banner-swiper .swiper-pagination {
  bottom: 6.6%;
  line-height: 1;
  z-index: 2;
}
.banner-swiper .swiper-pagination-bullet {
  position: relative;
  width: 2.273rem;
  height: 0.182rem;
  border-radius: 0;
  margin: 0 0.455rem !important;
  background-color: #fff;
  opacity: 1;
}
.banner-swiper .swiper-pagination-bullet::before {
  content: '';
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #1763A8;
}
.banner-swiper .swiper-pagination-bullet-active::before {
  animation: fill 8s linear forwards;
}
.inPro {
  padding-top: 4.909rem;
}
.iPro-wrap {
  padding-bottom: 6rem;
}
.ipro-tabs {
  text-align: center;
  margin-top: 1.136rem;
}
.ipro-tabs .pro-tab {
  position: relative;
  display: inline-block;
  min-width: 6.182rem;
  height: 2.318rem;
  line-height: 2.318rem;
  text-align: center;
  padding: 0 0.455rem;
  margin: 10.01px 2.682rem 0.455rem 0;
  cursor: pointer;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
.ipro-tabs .pro-tab:last-of-type {
  margin-right: 0;
}
.ipro-tabs .pro-tab::before,
.ipro-tabs .pro-tab::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.227rem;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  z-index: -1;
}
.ipro-tabs .pro-tab::before {
  border: 0.045rem solid #DDDDDD;
  box-sizing: border-box;
}
.ipro-tabs .pro-tab::after {
  background: linear-gradient(90deg, #65AED9 0%, #1763A8 100%);
  opacity: 0;
  visibility: hidden;
}
.ipro-tabs .pro-tab.active {
  color: #fff !important;
}
.ipro-tabs .pro-tab.active::before {
  opacity: 0 !important;
  visibility: hidden !important;
}
.ipro-tabs .pro-tab.active::after {
  opacity: 1 !important;
  visibility: visible !important;
}
@media (any-hover: hover) {
  .ipro-tabs .pro-tab:hover {
    color: #fff;
  }
  .ipro-tabs .pro-tab:hover::before {
    opacity: 0;
    visibility: hidden;
  }
  .ipro-tabs .pro-tab:hover::after {
    opacity: 1;
    visibility: visible;
  }
}
.inPro-items {
  margin-top: 2.909rem;
}
.pro-box {
  display: none;
}
.pro-box.select {
  display: block;
  animation: fadeIn 1s ease forwards;
}
.pro-item {
  width: 31.4%;
  margin-right: 2.9%;
}
.pro-item:nth-of-type(3n) {
  margin-right: 0;
}
.pro-item .proT {
  padding-bottom: 3.318rem;
  border: 0.045rem solid #DDDDDD;
  box-sizing: border-box;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.pro-item .img {
  overflow: hidden;
}
.pro-item .img img {
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.pro-item .txt {
  margin-top: 1.591rem;
}
.pro-item .name {
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.pro-item .des {
  color: #999999;
  margin-top: 0.273rem;
}
.pro-item .seeMore {
  line-height: 1;
  text-align: center;
  margin-top: -1.091rem;
}
.pro-item .more {
  position: relative;
  display: inline-block;
  height: 2.182rem;
  line-height: 2.182rem;
  color: #999999;
  padding: 0 1.636rem;
  background-color: #ECECEC;
  isolation: isolate;
  overflow: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.pro-item .more::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(92deg, #65AED9 0%, #1763A8 100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}
.pro-item .linkA {
  display: none;
}
.pro-item:hover .proT {
  border-color: transparent;
  box-shadow: 0rem 0.455rem 1.364rem 0.045rem rgba(153, 153, 153, 0.2);
}
.pro-item:hover .img img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.pro-item:hover .name {
  color: #1763A8;
}
.pro-item:hover .more {
  color: #fff;
}
.pro-item:hover .more::before {
  opacity: 1;
  visibility: visible;
}
.video-box {
  position: relative;
  padding-bottom: 39.1%;
}
.video-box video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.acPrice {
  padding: 3.136rem 0 10.455rem;
}
.form {
  margin-top: 2.318rem;
}
.form .form-item {
  width: 31%;
  margin-right: 3.5%;
}
.form .form-item:nth-of-type(3n) {
  margin-right: 0;
}
.form .require {
  color: #FF0000;
  margin-right: 0.364rem;
}
.form .label {
  text-align: right;
  font-weight: 500;
  margin-right: 0.545rem;
}
.form .f-input {
  flex: 1;
  height: 2.182rem;
  padding: 0 2%;
  color: #333;
  border: 0.045rem solid #DDDDDD;
  box-sizing: border-box;
}
.form .f-input::placeholder {
  color: #333;
}
.form .f-input::-webkit-input-placeholder {
  color: #333;
}
.form .f-input:-moz-placeholder {
  color: #333;
  opacity: 1;
}
.form .f-input::-moz-placeholder {
  color: #333;
  opacity: 1;
}
.form .f-input:-ms-input-placeholder {
  color: #333;
}
.form .f-input:-internal-autofill-previewed,
.form .f-input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
}
.form .subBtn {
  margin-top: 2.727rem;
}
.form .submit {
  display: inline-block;
  color: #fff;
  height: 2.318rem;
  padding: 0 1.909rem;
  outline: none;
  border: 0;
  border-radius: 1.182rem;
  cursor: pointer;
  background: linear-gradient(90deg, #65AED9 0%, #1763A8 100%);
}
.form .submit:hover {
  font-weight: bold;
}
.inAb {
  position: relative;
}
.inAb .aboutImg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 47.3%;
}
.inAbL {
  width: 45.3%;
  padding-top: 4.091rem;
  padding-bottom: 6.409rem;
}
.inAbL .des {
  width: 75.1%;
  text-align: justify;
  margin-top: 1.227rem;
}
.inAbL .com-more {
  margin-top: 0.955rem;
}
.inNews {
  padding: 4.318rem 0 5.5rem;
}
.inNew-item {
  width: 32.1%;
  padding: 1.591rem 1.8% 1.273rem;
  border: 0.045rem solid #DDDDDD;
  box-sizing: border-box;
  margin-right: 1.85%;
  margin-top: 1.864rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.inNew-item:nth-of-type(3n) {
  margin-right: 0;
}
.inNew-item .img {
  overflow: hidden;
}
.inNew-item .img img {
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.inNew-item .txt {
  padding-top: 1.091rem;
}
.inNew-item .name {
  height: 2.818rem;
  line-height: 1.7;
  font-weight: 500;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.inNew-item .des {
  height: 2.636rem;
  color: #666666;
  margin-top: 1.136rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.inNew-item .bot {
  color: #999999;
  margin-top: 1.955rem;
}
.inNew-item .date {
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.inNew-item .date i {
  display: inline-block;
  font-size: 0.545rem;
  color: #999999;
  margin-right: 0.318rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.inNew-item .jt {
  line-height: 1;
  font-size: 1.227rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.inNew-item:hover {
  border-color: transparent;
  box-shadow: 0rem 0.455rem 1.364rem 0.045rem rgba(153, 153, 153, 0.2);
}
.inNew-item:hover .img img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.inNew-item:hover .name {
  color: #1763A8;
}
.inNew-item:hover .bot {
  color: #1763A8;
}
.inNew-item:hover .date i {
  color: #1763A8;
}
.pro-navs {
  margin-bottom: 3.318rem;
}
.pro-navs .item {
  display: inline-block;
  color: #999999;
  margin: 0.455rem 4.545rem 0.455rem 0;
}
.pro-navs .item:last-of-type {
  margin-right: 0;
}
.pro-navs .item.active {
  color: #1763A8;
}
.products {
  padding: 5.045rem 0 5.818rem;
}
.products .paging {
  margin-top: 1.818rem;
}
.pro-items .pro-item {
  margin-bottom: 2.727rem;
}
.proIntro {
  padding: 4.545rem 0 5.773rem;
}
.proIntroL {
  position: relative;
  width: 40.1%;
  z-index: 2;
}
.proIntroL .proTop {
  position: relative;
}
.proIntroL .proBot {
  position: relative;
  margin-top: 2.727rem;
}
.proIntroL .swi-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.182rem;
  color: #3D3D3D;
  cursor: pointer;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.proIntroL .swi-btn:hover {
  color: #1763A8;
}
.proIntroL .swi-prev {
  left: 13.6%;
  transform: translateY(-50%) rotate(180deg);
}
.proIntroL .swi-next {
  right: 13.6%;
}
.bigPro {
  position: relative;
  box-sizing: border-box;
  border: 0.045rem solid #DDDDDD;
}
.bigPro .img {
  padding-bottom: 65.1%;
}
.bigPro .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/*jqzoom*/
.jqzoom {
  position: relative;
  padding: 0;
}
.zoomdiv {
  position: absolute;
  top: 0;
  left: calc(100% + 0.455rem);
  width: 13.636rem;
  height: 10.636rem;
  background: #fff no-repeat center center;
  box-sizing: border-box;
  border: 0.045rem solid #DDDDDD;
  display: none;
  text-align: center;
  overflow: hidden;
  z-index: 100;
}
.zoomdiv .bigimg {
  max-width: none;
}
.bigimg {
  width: 29.273rem;
  height: 22.818rem;
}
.jqZoomPup {
  z-index: 10;
  visibility: hidden;
  position: absolute;
  top: 0rem;
  left: 0rem;
  width: 2.273rem;
  height: 2.273rem;
  cursor: move;
}
.pro-swiper1 .swiper-slide {
  position: relative;
}
.pro-swiper1 .swiper-slide::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
}
.pro-swiper1 .img {
  position: relative;
  padding-bottom: 65.1%;
}
.pro-swiper1 .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.pro-swiper2 {
  width: 56.8%;
}
.pro-swiper2 .swiper-slide {
  position: relative;
}
.pro-swiper2 .swiper-slide::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0.045rem solid #DDDDDD;
  box-sizing: border-box;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.pro-swiper2 .img {
  position: relative;
  padding-bottom: 100%;
}
.pro-swiper2 .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.pro-swiper2 .swiper-slide-thumb-active::before {
  border: 0.091rem solid #1763A8;
}
.proIntroR {
  width: 39.2%;
  margin-left: 20.7%;
}
.proIntroR .name {
  font-weight: 500;
  margin-bottom: 3.864rem;
}
.proIntroR .des {
  margin-top: 1.545rem;
}
.com-label {
  line-height: 1;
}
.com-label .lname {
  position: relative;
  display: inline-block;
  padding: 0.864rem 1.182rem;
  color: #fff;
  font-weight: 500;
  background: linear-gradient(180deg, #65AED9 0%, #1763A8 100%);
  isolation: isolate;
}
.com-label .lname::after {
  content: '';
  position: absolute;
  left: calc(100% - 0.045rem);
  top: 0;
  display: inline-block;
  width: 2.909rem;
  height: 100%;
  background: linear-gradient(180deg, #65AED9 0%, #1763A8 100%);
  clip-path: polygon(0% 0%, 50% 50%, 0% 100%);
  z-index: -1;
}
.details {
  padding-bottom: 6.818rem;
}
.details .com-label {
  background-color: #ECECEC;
}
.details .com-label .lname::before {
  content: '';
  position: absolute;
  left: 100%;
  top: 0;
  display: inline-block;
  width: 4.182rem;
  height: 100%;
  background-color: #fff;
  clip-path: polygon(0% 0%, 15.2% 0%, 50% 50%, 15.2% 100%, 0% 100%);
  z-index: -2;
}
.detail-item {
  margin-top: 3.318rem;
  padding-bottom: 1.909rem;
  border-bottom: 0.045rem solid #DDDDDD;
}
.detail-item:last-of-type {
  padding-bottom: 0;
  border-bottom: 0;
}
.detail-item .dename {
  position: relative;
  padding-left: 0.909rem;
  font-weight: 500;
}
.detail-item .dename::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.227rem;
  height: 1.136rem;
  background: linear-gradient(270deg, #65AED9 0%, #1763A8 100%);
}
.detail-item .detai-intro {
  margin-top: 1rem;
}
.xt-item {
  padding-bottom: 0;
}
.sys-items {
  margin-top: 1.5rem;
}
.sys-item {
  width: 39.4%;
  margin-right: 13.8%;
  margin-bottom: 4.227rem;
}
.sys-item:nth-of-type(2n) {
  margin-right: 7.4%;
}
.sys-item .img {
  overflow: hidden;
}
.sys-item .img img {
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.sys-item .txt {
  margin-top: 1.136rem;
}
.sys-item .name {
  font-weight: 500;
}
.sys-item .des {
  margin-top: 0.727rem;
}
.sys-item .des p {
  position: relative;
  padding-left: 1.273rem;
}
.sys-item .des p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.545rem;
  width: 0.227rem;
  height: 0.227rem;
  border-radius: 50%;
  background: #1763A8;
}
.sys-item:hover .img img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.consult {
  padding: 3.273rem 0 5.818rem;
  background-color: #F6F6F6;
}
.service {
  padding: 4.318rem 0 5.5rem;
}
.client .paging {
  margin-top: 3.136rem;
}
.com-item {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  border: 0.045rem solid #DDDDDD;
  isolation: isolate;
}
.com-item:nth-of-type(3n) {
  margin-right: 0;
}
.com-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #65AED9 0%, #1763A8 100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}
.com-item .img {
  overflow: hidden;
}
.com-item .img img {
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.com-item .txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.227rem 2%;
}
.com-item .name {
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.com-item:hover::before {
  opacity: 1;
  visibility: visible;
}
.com-item:hover .img img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.com-item:hover .name {
  color: #fff;
}
.client-item {
  width: 25.2%;
  margin-right: 12.2%;
  margin-bottom: 2.591rem;
}
.client-item .txt {
  min-height: 2.727rem;
  border-top: 0.045rem solid #DDDDDD;
}
.client-item .name {
  color: #666666;
}
.cases .paging {
  margin-top: 1.182rem;
}
.case-item {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 2.273rem;
}
.case-item .txt {
  padding: 0.455rem 2%;
  min-height: 3.636rem;
}
.com-form .ly-form {
  margin-top: 2.864rem;
}
.com-form .ly-form .form-item {
  width: 46.9%;
  margin-right: 1.7%;
  margin-bottom: 1.364rem;
}
.com-form .ly-form .form-item:nth-of-type(2n) {
  margin-right: 4.5%;
}
.com-form .label {
  width: 7.091rem;
}
.com-form .input {
  width: calc(100% - 7.091rem);
}
.com-form .verif-item .input {
  width: 8.5rem;
}
.com-form .verif-item .verif-img {
  margin-left: 0.682rem;
}
.after-sales .name {
  line-height: 1.3;
  font-weight: 500;
}
.after-sales .sh-intro {
  margin-top: 3.409rem;
  padding-bottom: 3.636rem;
  border-bottom: 0.045rem solid #DDDDDD;
}
.after-sales .aftBot {
  padding-top: 2.045rem;
}
.after-sales .afTel {
  font-weight: 500;
}
.after-sales .af-item {
  position: relative;
  width: 48.6%;
  padding: 1.636rem 0;
  margin-right: 2.8%;
  margin-top: 1.409rem;
  background-color: #fff;
  box-shadow: 0rem 0.455rem 1.364rem 0.045rem rgba(153, 153, 153, 0.2);
  isolation: isolate;
}
.after-sales .af-item:nth-of-type(2n) {
  margin-right: 0;
}
.after-sales .af-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #65AED9 0%, #1763A8 100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}
.after-sales .af-item .ico {
  width: 5.227rem;
  font-size: 1.545rem;
  color: #1763A8;
  text-align: center;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.after-sales .af-item .txt {
  width: calc(100% - 5.227rem);
  padding-right: 2%;
}
.after-sales .af-item .tName {
  font-weight: 500;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.after-sales .af-item .des {
  color: #1763A8;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.after-sales .af-item:hover::before {
  opacity: 1;
  visibility: visible;
}
.after-sales .af-item:hover .ico,
.after-sales .af-item:hover .tName,
.after-sales .af-item:hover .des {
  color: #fff;
}
.videos .paging {
  margin-top: 2.273rem;
}
.video-item {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 2.273rem;
  cursor: pointer;
}
.video-item .img {
  position: relative;
}
.video-item .ico {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.818rem;
  height: 1.818rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.33);
}
.video-item .ico i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.545rem;
  color: #fff;
}
.video-item .txt {
  min-height: 3.636rem;
}
.mask-video .video-sp {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90vw;
  max-width: 1000.01px;
  width: 100%;
  max-height: 70vh;
  object-fit: contain;
  transition: 0.35s;
}
.mask-video .closed {
  position: absolute;
  right: 2%;
  top: 2%;
  cursor: pointer;
}
.mask-video .closed i {
  font-size: 1.818rem;
  color: #fff;
}
.documents .paging {
  margin-top: 4.409rem;
}
.doc-item {
  position: relative;
  padding: 0.955rem 0;
  border-bottom: 0.045rem solid #DDDDDD;
}
.doc-item::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -0.045rem;
  width: 0;
  height: 0.045rem;
  background-color: #1763A8;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.doc-item .name {
  position: relative;
  flex: 1;
  padding: 0 5% 0 0.909rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.doc-item .name::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.227rem;
  height: 0.227rem;
  border-radius: 50%;
  background-color: #1763A8;
}
.doc-item .docR {
  flex-shrink: 0;
}
.doc-item .ico {
  font-size: 1.273rem;
  margin-right: 0.682rem;
  color: #1763A8;
  vertical-align: middle;
}
.doc-item .docxz {
  color: #666666;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.doc-item:hover::after {
  width: 100%;
}
.doc-item:hover .name,
.doc-item:hover .docxz {
  color: #1763A8;
}
.photos .paging {
  margin-top: 2.364rem;
}
.photo-item {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 3rem;
}
.photo-item:nth-of-type(3n) {
  margin-right: 0;
}
.photo-item .phoT {
  padding-top: 0.273rem;
  padding-bottom: 1.545rem;
  box-sizing: border-box;
  border: 0.045rem solid #DDDDDD;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.photo-item .img {
  position: relative;
  padding-bottom: 88.3%;
  overflow: hidden;
}
.photo-item .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.photo-item .phoB {
  margin-top: 1.136rem;
}
.photo-item .name {
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.photo-item .downLoad {
  color: #666666;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.photo-item .downLoad i {
  font-size: 1.273rem;
  color: #1763A8;
  margin-right: 0.455rem;
  vertical-align: middle;
}
.photo-item:hover .phoT {
  border-color: transparent;
  box-shadow: 0rem 0.455rem 1.364rem 0.045rem rgba(153, 153, 153, 0.2);
}
.photo-item:hover .img img {
  -webkit-transform: translate(-50%, -50%) scale(1.04);
  transform: translate(-50%, -50%) scale(1.04);
}
.photo-item:hover .name,
.photo-item:hover .downLoad {
  color: #1763A8;
}
.num-item {
  padding: 2.364rem 0;
  margin-right: 4.136rem;
}
.num-item:last-of-type {
  margin-right: 0;
}
.num-item .numT {
  position: relative;
  display: inline-block;
  line-height: 1;
  color: #1763A8;
}
.num-item .fh {
  position: absolute;
  top: 0;
  left: 100%;
  vertical-align: top;
  margin-left: 0.364rem;
}
.about {
  overflow: hidden;
}
.about .aboutL {
  width: 43.1%;
  padding: 6.591rem 0 3rem;
  margin-right: 9.1%;
}
.about .aboutImg {
  width: 47.8%;
}
.about .com-intro {
  margin-top: 1.818rem;
}
.about .num-items {
  margin-top: 0.5rem;
}
.culture {
  padding: 5.318rem 0 4.545rem;
}
.cul-item {
  width: 23.575%;
  margin-right: 1.9%;
  margin-top: 2.864rem;
}
.cul-item:nth-of-type(4n) {
  margin-right: 0;
}
.cul-item .img {
  overflow: hidden;
}
.cul-item .img img {
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.cul-item .txt {
  position: relative;
  width: 90.9%;
  padding: 0.636rem 9% 1rem;
  background-color: #fff;
  margin: -0.955rem auto 0;
  box-shadow: 0rem 0.455rem 0.909rem 0.045rem rgba(153, 153, 153, 0.2);
  z-index: 2;
}
.cul-item .txt::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #65AED9 0%, #1763A8 100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}
.cul-item .culName {
  font-weight: 500;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.cul-item .des {
  color: #666666;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.cul-item:hover .img img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.cul-item:hover .txt::before {
  opacity: 1;
  visibility: visible;
}
.cul-item:hover .culName,
.cul-item:hover .des {
  color: #fff;
}
.patents {
  padding: 4.273rem 0 3.682rem;
}
.patents .more {
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.patents .more:hover {
  color: #1763A8;
}
.patent-wrap {
  margin-top: 2.364rem;
}
.patent-wrap .swiper-pagination {
  position: relative;
  margin-top: 1.818rem;
  text-align: center;
}
.patent-wrap .swiper-pagination-bullet {
  width: 0.545rem;
  height: 0.545rem;
  margin: 0 0.364rem;
  border-radius: 50%;
  background-color: #ECECEC;
  opacity: 1;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.patent-wrap .swiper-pagination-bullet-active {
  background-color: #1763A8;
}
.honor-item {
  position: relative;
  padding-bottom: 2rem;
  margin-right: 1.9%;
  margin-bottom: 2.273rem;
  background-color: #fff;
  box-shadow: 0rem 0.455rem 1.364rem 0.045rem rgba(153, 153, 153, 0.2);
  cursor: pointer;
}
.honor-item .img {
  position: relative;
  padding-bottom: 105.5%;
  overflow: hidden;
}
.honor-item .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
  margin: 0 auto;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.honor-item .img .ico {
  position: absolute;
  right: 10.9%;
  bottom: 26.3%;
  width: 2.455rem;
  height: 2.455rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.45);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.honor-item .img .ico i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  color: #fff;
}
.honor-item .name {
  line-height: 1.2;
}
.honor-item:hover .img img {
  -webkit-transform: translate(-50%, -50%) scale(1.04);
  transform: translate(-50%, -50%) scale(1.04);
}
.honor-item:hover .ico {
  bottom: 23.3%;
  opacity: 1;
  visibility: visible;
}
.honor-item:hover .name {
  color: #1763A8;
}
.techAd {
  position: relative;
  padding: 7.909rem 0;
}
.techAd .bgImg {
  position: absolute;
  left: -9.909rem;
  top: 16.864rem;
  width: 28.4vw;
}
.techAd .ad-wrap {
  margin-top: 3.545rem;
}
.techAd .adL {
  width: 35.7%;
}
.techAd .adR {
  width: 64.3%;
}
.techAd .ad-nav-wrap {
  position: sticky;
  position: -webkit-sticky;
  top: 6.818rem;
  display: block;
}
.techAd .adNavs {
  padding-top: 1.727rem;
  border-left: 0.045rem solid #DDDDDD;
}
.techAd .adNavs .ad-nav-li:last-of-type .ad-NavA {
  padding-bottom: 0;
}
.techAd .adNavs .ad-NavA {
  position: relative;
  display: inline-block;
  color: #666666;
  padding-left: 1.545rem;
  padding-bottom: 0.455rem;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.techAd .adNavs .ad-NavA::before {
  content: '';
  position: absolute;
  left: -0.091rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.136rem;
  height: 0;
  background-color: #66B6E7;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.techAd .adNavs .ad-NavA:hover,
.techAd .adNavs .ad-NavA.active {
  font-size: 1.091rem;
  color: #1763A8;
}
.techAd .adNavs .ad-NavA:hover::before,
.techAd .adNavs .ad-NavA.active::before {
  height: 1.5rem;
}
.ad-item {
  padding: 3.182rem 0 2.864rem;
  border-bottom: 0.045rem solid #DDDDDD;
}
.ad-item:first-of-type {
  padding-top: 0;
}
.ad-item .adImg {
  margin-bottom: 2.364rem;
}
.ad-item .ad-name {
  font-weight: 500;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.ad-item .ad-intro {
  margin-top: 1.364rem;
}
.ad-item.active .ad-name {
  color: #1763A8;
}
.honors {
  padding: 6.5rem 0 4.545rem;
}
.honors .honor-item {
  width: 23.575%;
}
.honors .honor-item:nth-of-type(4n) {
  margin-right: 0;
}
.honors .paging {
  margin-top: 3.818rem;
}
.news {
  padding: 4.773rem 0 9.682rem;
}
.news .paging {
  margin-top: 3.273rem;
}
.new-item {
  position: relative;
  padding: 2.273rem 0;
}
.new-item::before,
.new-item::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.045rem;
}
.new-item::before {
  width: 100%;
  background-color: #DDDDDD;
}
.new-item::after {
  width: 0;
  background-color: #1763A8;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.new-item:first-of-type {
  padding-top: 0;
}
.new-item .img {
  width: 21.4%;
  overflow: hidden;
}
.new-item .img img {
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.new-item .txt {
  width: 60.6%;
  margin-left: 5%;
}
.new-item .name {
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.new-item .des {
  color: #666666;
  margin-top: 1.409rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.new-item .bot {
  margin-top: 0.955rem;
}
.new-item .date {
  font-family: 'Gilroy-M';
  color: #999999;
}
.new-item .date i {
  display: inline-block;
  font-size: 0.636rem;
  color: #999999;
  vertical-align: middle;
  margin-right: 0.318rem;
}
.new-item .seeMore {
  position: relative;
  display: inline-block;
  padding: 0.727rem 1.636rem;
  line-height: 1;
  color: #999999;
  isolation: isolate;
  overflow: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.new-item .seeMore::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #65AED9 0%, #1763A8 100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}
.new-item:hover::after {
  width: 100%;
}
.new-item:hover .img img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.new-item:hover .name {
  color: #1763A8;
}
.new-item:hover .date {
  color: #1763A8;
}
.new-item:hover .date i {
  color: #1763A8;
}
.new-item:hover .seeMore {
  color: #fff;
}
.new-item:hover .seeMore::before {
  opacity: 1;
  visibility: visible;
}
.tech-news .new-item::after {
  display: none;
}
.infoList {
  padding-top: 3.591rem;
  padding-bottom: 7.409rem;
}
.infoList.no-recom .newInfoL {
  width: 100%;
}
.newInfoL {
  width: 69.4%;
}
.newInfoL .newInfoT {
  padding-bottom: 2.045rem;
  border-bottom: 0.045rem solid rgba(112, 112, 112, 0.3);
}
.newInfoL .date {
  color: #2967B0;
  margin-top: 0.545rem;
}
.newInfoL .date i {
  font-size: 0.955rem;
  color: #2967B0;
  margin-right: 0.682rem;
}
.newInfoL .intro {
  margin-top: 1.955rem;
}
.newInfoR {
  width: 20%;
  margin-left: 10.6%;
}
.newInfoR .recom-wrap {
  position: sticky;
  position: -webkit-sticky;
  top: 5.455rem;
}
.newInfoR .reco-tit {
  position: relative;
  color: #2967B0;
  padding-left: 0.636rem;
}
.newInfoR .reco-tit::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.136rem;
  height: 0.955rem;
  background-color: #2967B0;
}
.newInfoR .recom-items {
  padding-top: 1.227rem;
  margin-top: 1.273rem;
  border-top: 0.045rem solid rgba(112, 112, 112, 0.3);
}
.recom-item {
  display: block;
  margin-bottom: 1.955rem;
}
.recom-item:last-of-type {
  margin-bottom: 0;
}
.recom-item .name {
  color: #585858;
  line-height: 1.5;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.recom-item .date {
  color: #999999;
  margin-top: 0.727rem;
}
.recom-item .date i {
  font-size: 0.636rem;
  color: #999999;
  margin-right: 0.318rem;
}
.recom-item:hover .name {
  color: #1763A8;
}
.contact {
  padding: 6.364rem 0 2.909rem;
}
.contact .lxL {
  flex: 1;
}
.contact .lx-wrap {
  margin-top: 2.909rem;
}
.contact .firmName {
  color: #1763A8;
  font-weight: 500;
}
.contact .lx-items {
  margin-top: 1.136rem;
}
.contact .lx-item {
  color: #666666;
  margin-bottom: 0.864rem;
}
.contact .lx-item:last-of-type {
  margin-bottom: 0;
}
.contact .lx-item i {
  display: inline-block;
  width: 0.818rem;
  font-size: 0.818rem;
  color: #1763A8;
  margin-right: 0.682rem;
}
.contact .lxR {
  flex-shrink: 0;
  margin-left: 2%;
  margin-top: 2.182rem;
}
.contact .lxR .img {
  width: 7.682rem;
  margin: 0 auto;
}
.contact .lxR p {
  color: #666666;
  margin-top: 0.545rem;
}
.map {
  position: relative;
  display: block;
}
.map .dw {
  position: absolute;
  left: 53.1%;
  top: 19.6%;
  font-size: 1.273rem;
  color: #FF0000;
  animation: map 1s ease alternate infinite;
}
.consultTels {
  padding: 4rem 0 5.318rem;
}
.hotlines {
  margin-top: 2.727rem;
}
.hotline-item {
  position: relative;
  width: 48.6%;
  min-height: 5.455rem;
  margin-right: 2.8%;
  margin-bottom: 1.818rem;
  background-color: #fff;
  box-shadow: 0rem 0.455rem 1.364rem 0.045rem rgba(153, 153, 153, 0.2);
  isolation: isolate;
}
.hotline-item::before,
.hotline-item::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: linear-gradient(180deg, #65AED9 0%, #1763A8 100%);
}
.hotline-item::before {
  width: 0.273rem;
}
.hotline-item::after {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}
.hotline-item:nth-of-type(2n) {
  margin-right: 0;
}
.hotline-item .lineL {
  width: 64.3%;
  padding: 0.909rem 9.7% 0.909rem 6%;
}
.hotline-item .lineR {
  width: 35.7%;
  padding-right: 2%;
}
.hotline-item .name {
  font-weight: 500;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.hotline-item .place {
  line-height: 1.3;
  color: #666666;
  margin-top: 0.318rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.hotline-item .ico {
  position: relative;
  width: 1.909rem;
  height: 1.909rem;
  border-radius: 50%;
  margin-right: 0.818rem;
  border: 0.045rem dashed #1763A8;
  box-sizing: border-box;
  flex-shrink: 0;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.hotline-item .ico i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.727rem;
  color: #1763A8;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.hotline-item .tel {
  flex: 1;
  line-height: 1.2;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.hotline-item:hover::after {
  opacity: 1;
  visibility: visible;
}
.hotline-item:hover .name,
.hotline-item:hover .place,
.hotline-item:hover .tel {
  color: #fff;
}
.hotline-item:hover .ico {
  border-color: #fff;
}
.hotline-item:hover .ico i {
  color: #fff;
}
.jobs {
  padding: 6.455rem 0 8.545rem;
}
.jobs .job-li {
  text-align: center;
}
.jobs .job-tit {
  border-top: 0.182rem solid #1763A8;
  padding: 0.727rem 0;
}
.jobs .job-info {
  position: relative;
  padding: 1.182rem 0;
  isolation: isolate;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.jobs .job-info::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #1763A8;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}
.jobs .job-info:nth-of-type(even) {
  background-color: #fff;
}
.jobs .job-info:nth-of-type(odd) {
  background-color: #F5F5F5;
}
.jobs .job-info:hover::before {
  top: 0;
  bottom: auto;
  height: 100%;
}
.jobs .job-info:hover .item {
  color: #fff;
}
.jobs .job-info:hover .item5 i {
  color: #fff;
}
.jobs .item {
  flex: 2;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.jobs .item5 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jobs .item5 i {
  display: inline-block;
  font-size: 0.455rem;
  vertical-align: middle;
  margin-left: 0.545rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.jobList {
  position: relative;
  padding: 2.364rem 0 8.409rem;
  overflow: hidden;
  isolation: isolate;
}
.jobList .bg-img {
  position: absolute;
  right: 9.7%;
  bottom: 23.4%;
  width: 28.4%;
  z-index: -1;
}
.jobTop {
  padding-bottom: 2.818rem;
  border-bottom: 0.045rem solid #DDDDDD;
}
.jobTop .jobL {
  flex: 1;
  padding-right: 2%;
}
.jobTop .items {
  margin-top: 1.409rem;
}
.jobTop .item {
  margin-right: 3.182rem;
}
.jobTop .item:last-of-type {
  margin-right: 0;
}
.jobTop .item i {
  display: inline-block;
  font-size: 0.818rem;
  color: #1763A8;
  vertical-align: middle;
  margin-right: 0.545rem;
}
.jobTop .delivery {
  display: inline-block;
  flex-shrink: 0;
  color: #fff;
  padding: 0.5rem 1.955rem;
  background: linear-gradient(90deg, #65AED9 0%, #1763A8 100%);
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.jobTop .delivery:hover {
  border-radius: 2.273rem;
}
.jobBot {
  padding-top: 2.682rem;
  color: #4D4D4D;
}