@charset "UTF-8";
body {
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
  color: #2B2B2B;
  background-color: #fff;
}

a {
  text-decoration: none;
  color: #2B2B2B;
  transition: 0.3s;
}

a:hover {
  text-decoration: none;
  color: #0055FF;
}

a:focus {
  text-decoration: none;
}

dl, p, ul, li, h1, h2, h3, h4, h5, h6 {
  list-style: none;
  margin: 0;
  padding: 0;
}

dt {
  font-weight: normal;
}

dd {
  margin: 0;
}

img {
  display: block;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

u {
  font-weight: 500;
}

.bgRender, .v-image__image {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.time02 {
  transition: all 0.2s ease-out 0s;
}

.time03 {
  transition: all 0.3s ease-out 0s;
}

.time05 {
  transition: all 0.5s;
}

.noTran {
  transition: none;
}

.img-scale {
  transition: 0.5s;
}

.img-scale:hover {
  transform: scale(1.05);
}

.ellipsis-multiline {
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  white-space: nowrap;
}

.boxShadow {
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
}

.noShadow {
  box-shadow: none !important;
}

.colorA {
  color: #2b2b2b !important;
}

.colorB {
  color: #666 !important;
}

.colorC {
  color: #999 !important;
}

.colorD {
  color: #817a75 !important;
}

.colorE {
  color: #4CAF50 !important;
}

.colorF {
  color: #6159D4 !important;
}

.fontSize-lg {
  font-size: 26px;
  line-height: 1.4;
  font-weight: 500;
  color: #1A1A1A;
}

.fontSize-md {
  font-size: 18px !important;
}

.fontSize-sm {
  font-size: 14px !important;
}

.text-letter {
  letter-spacing: 0.2rem;
}

.text-letterA {
  letter-spacing: 0.5rem;
}

.bgA {
  background-color: #F5F8FB;
}

.bgB {
  background-color: #F1F3FC;
}

.bgColour {
  background-color: #6159D4; /* 针对不支持渐变的浏览器 */
  background-image: linear-gradient(135deg, #8F0FBE, #471DD5, #7B89E3, #A7EDE1);
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #F8F8F8;
}

::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #F8F8F8;
}

::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #C8C6C4;
}

.bg-light {
  background-color: #f6f6f6 !important;
}

.modal-dialog-scrollable .modal-content {
  overflow: inherit;
}

.modalCloseBtn {
  z-index: 10;
  font-size: 18px;
  position: absolute;
  top: -75px;
  right: -75px;
  padding: 0;
  opacity: 1;
  background: none;
  background-color: #2B2B2B;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modalCloseBtn:hover {
  background-color: #0055FF;
  opacity: 1;
  color: #fff;
  font-size: 24px;
}
.modalCloseBtn:hover i {
  transform: rotate(90deg);
}

.navbar {
  height: 90px;
  transition: all 0.5s;
}
.navbar .navbar-brand {
  width: 165px;
  height: 30px;
  background-image: url(../images/logo.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.navbar .recruitment-navbar-brand {
  width: 262px;
  background-image: url(../images/logo-recruitment.png);
}
.navbar .navbar-nav {
  flex: 1;
  justify-content: center;
}
.navbar .navbar-nav .nav-link {
  padding: 0;
  margin: 0 25px;
  position: relative;
  height: 90px;
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #2B2B2B;
}
.navbar .navbar-nav .nav-link::before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 4px;
  border-radius: 4px 4px 0 0;
  transition: all 0.2s ease-out 0s;
  transform: translateX(-50%);
  background-color: #DE040A;
}
.navbar .navbar-nav .nav-link.active::before, .navbar .navbar-nav .nav-link:hover::before {
  width: 100%;
}
.navbar .navbar-nav .dropdown-menu {
  position: fixed;
  left: 0;
  right: 0;
  top: 90px;
  height: 0;
  border-radius: 0;
  border: 0;
  overflow: hidden;
  display: flex;
  padding: 0;
  justify-content: center;
  transition: all 0.5s;
}
.navbar .navbar-nav .dropdown-menu li {
  margin: 0 5px;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item {
  min-width: 150px;
  line-height: 30px;
  text-align: center;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item.cur {
  background-color: #2B2B2B;
  color: #fff;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover {
  color: #0055FF;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item.cur:hover {
  color: #fff;
}
.navbar .navbar-nav .dropdown:hover .dropdown-menu {
  height: auto;
  padding: 10px 0;
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
}
.navbar .search .searchWrap {
  flex: 1;
  justify-content: center;
  display: none !important;
}
.navbar .search .searchWrap .input-group {
  height: 50px;
  width: 425px;
}
.navbar .search .searchWrap .input-group span {
  position: relative;
  font-size: 22px;
  background-color: transparent !important;
}
.navbar .search .searchWrap .input-group span::after {
  content: "";
  display: block;
  width: 3px;
  height: 14px;
  background-color: #2B2B2B;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
}
.navbar .search .searchWrap .input-group input {
  background-color: transparent !important;
  outline: none !important;
}
.navbar .search .searchWrap .input-group .form-control:focus {
  box-shadow: none;
}
.navbar .search .btnSet {
  font-size: 18px;
  color: #2b2b2b;
  text-decoration: none;
}
.navbar .search .btnShowSearch {
  display: block !important;
}
.navbar .search .btnCloseSearch {
  display: none !important;
}
.navbar .searchStau .search {
  flex: 1;
  justify-content: space-between;
}
.navbar .searchStau .navbar-nav {
  display: none !important;
}
.navbar .searchStau .searchWrap {
  display: flex !important;
}
.navbar .searchStau .btnShowSearch {
  display: none !important;
}
.navbar .searchStau .btnCloseSearch {
  display: block !important;
}

.tranHeader .navbar {
  background-color: transparent !important;
  box-shadow: none;
}
.tranHeader .navbar .navbar-brand {
  background-image: url(../images/logo-white.png);
}
.tranHeader .navbar .recruitment-navbar-brand {
  background-image: url(../images/logo-white-recruitment.png);
}
.tranHeader .navbar .navbar-nav .nav-link {
  color: #fff;
}
.tranHeader .navbar .search .btnSet {
  color: #fff;
}

.tranHeader:hover .navbar {
  background-color: #fff !important;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
}
.tranHeader:hover .navbar .navbar-brand {
  background-image: url(../images/logo.png);
}
.tranHeader:hover .navbar .recruitment-navbar-brand {
  background-image: url(../images/logo-recruitment.png);
}
.tranHeader:hover .navbar .navbar-nav .nav-link {
  color: #2b2b2b;
}
.tranHeader:hover .navbar .search .btnSet {
  color: #2b2b2b;
}

.footerWrap .a .info h1 a {
  display: block;
  width: 165px;
  height: 30px;
  background-image: url(../images/logo.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.footerWrap .a .info .code dl {
  text-align: center;
  width: 80px;
}
.footerWrap .a .info .code img {
  width: 100%;
}
.footerWrap .a .nav {
  padding-left: 15%;
}
.footerWrap .a .nav dd a {
  line-height: 30px;
  display: block;
}
.footerWrap .b dd {
  display: block;
}
.footerWrap .b .line {
  width: 1px;
  background-color: #D4D4D4;
}
.footerWrap .b p {
  display: flex;
  align-items: center;
}
.footerWrap .copyright {
  background-color: #2B2B2B;
}
.footerWrap .copyright p {
  font-size: 14px;
}
.footerWrap .copyright p a{
    color:#ffffff;
}
.indexBanner {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.indexBanner .bannerSwiper .pic {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100vh;
  transform: scale3d(1.2, 1.2, 1);
}
.indexBanner .bannerSwiper .swiper-slide {
  overflow: hidden;
}
.indexBanner .bannerSwiper .swiper-slide-active .pic {
  transform: scale3d(1, 1, 1);
  transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);
}
.indexBanner .bannerThumbsWrap {
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.indexBanner .bannerThumbsSwiper .swiper-slide {
  cursor: pointer;
}
.indexBanner .bannerThumbsSwiper .con {
  max-width: 260px;
  position: relative;
}
.indexBanner .bannerThumbsSwiper .con::before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 4px;
  border-radius: 4px 4px 0 0;
  transition: all 0.2s ease-out 0s;
  transform: translateX(-50%);
  background-color: #DE040A;
}
.indexBanner .bannerThumbsSwiper .swiper-slide-thumb-active .con::before, .indexBanner .bannerThumbsSwiper .swiper-slide:hover .con::before {
  width: 100%;
}
.indexBanner .bannerThumbsSwiper .pic {
  width: 120px;
  height: 80px;
}

.indexMain .a .con a {
  display: block;
}
.indexMain .a .con img {
  width: 100%;
}
.indexMain .a .con .info {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.indexMain .a .con .info .icon {
  font-size: 100px;
  line-height: 1;
  opacity: 0;
  transform: translateY(20px);
}
.indexMain .a .con .info .fs-4 {
  transform: translateY(40px);
}
.indexMain .a .con .bgPic .bgColor {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.indexMain .a .con a:hover .info .icon {
  transform: translateY(0);
  opacity: 1;
}
.indexMain .a .con a:hover .info .fs-4 {
  transform: translateY(0);
}
.indexMain .a .con a:hover .bgPic {
  transform: scale(1.1);
}
.indexMain .a .con a:hover .bgPic .bgColor {
  background-color: rgba(0, 85, 255, 0.9);
}
.indexMain .b .swiper-button {
  width: 64px;
  height: 64px;
  background-color: #fff;
  border: 2px solid #0055FF;
  transform: translateY(-50%);
}
.indexMain .b .swiper-button::after {
  display: none;
}
.indexMain .b .swiper-button:hover {
  background-color: #0055FF;
  color: #fff;
}

.newsList .swiper {
  overflow: initial;
}
.newsList .swiper-slide {
  width: 480px;
}
.newsList .pic {
  height: 300px;
}
.newsList .pic img {
  -o-object-fit: cover;
     object-fit: cover;
}
.newsList .info {
  padding: 30px 40px;
}
.newsList .info .top a {
  display: flex;
  align-items: center;
  font-size: 14px;
  background-color: rgba(43, 43, 43, 0.1);
  font-weight: normal;
}
.newsList .info .mid dt {
  line-height: 1.4;
}
.newsList .info .mid dd {
  -webkit-line-clamp: 3;
  opacity: 0;
  transform: translateY(50px);
}
.newsList .box:hover {
  transform: scale(1.06);
}
.newsList .box:hover .info {
  padding: 30px 60px;
  color: #fff;
  background-color: #0055FF !important;
}
.newsList .box:hover .info .top .badge {
  color: #fff !important;
}
.newsList .box:hover .info .mid dd {
  opacity: 1;
  transform: translateY(0);
}
.newsList .box:hover .info .bot a {
  background-color: #fff;
  border-color: #fff;
  color: #0055FF;
}
.newsList .box:hover .info .bot a i {
  position: relative;
  left: 0;
}
.newsList .box:hover .info .bot a:hover {
  background-color: #DE040A;
  border-color: #DE040A;
  color: #fff;
}
.newsList .box:hover .info .bot a:hover i {
  left: 5px;
}

.main {
  padding-top: 90px;
}
.main .fyBanner {
  position: relative;
}
.main .fyBanner h2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.main .profile-c .swiper {
  margin: 0 150px;
}
.main .profile-c .swiper-slide {
  cursor: pointer;
  width: 145px;
  text-align: center;
  font-size: 1.5rem;
  line-height: 64px;
  position: relative;
}
.main .profile-c .swiper-slide-active {
  font-size: 36px;
  font-weight: bold;
  color: #0055FF;
  transition: all 0.3s ease-out 0s;
}
.main .profile-c .swiper-slide::before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 4px;
  border-radius: 4px;
  transition: all 0.3s ease-out 0s;
  transform: translateX(-50%);
  background-color: #0055FF;
}
.main .profile-c .swiper-slide-active::before {
  width: 90px;
}
.main .profile-c .arrow {
  width: 64px;
  height: 64px;
  border: 2px solid #0055FF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  margin-top: 0;
}
.main .profile-c .arrow::after {
  display: none;
}
.main .profile-c .arrow i {
  font-size: 12px;
  color: #0055FF;
}
.main .profile-c .arrow:hover {
  background-color: #0055FF;
}
.main .profile-c .arrow:hover i {
  color: #fff;
}
.main .profile-c .swiper-button-prev {
  left: 0;
}
.main .profile-c .swiper-button-next {
  right: 0;
}
.main .profile-c .box {
  display: none;
}
.main .profile-c .box .row {
  max-width: 1000px;
  margin: 0 auto;
}
.main .profile-c .box dd p {
  display: flex;
  align-items: center;
}
.main .profile-c .box dd p::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 10px;
  background-color: #0055FF;
}
.main .phil-pic {
  height: calc(100vh - 90px);
}
.main .phil-pic .bg img {
  display: none;
}
.main .phil-pic .box {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.main .phil-pic .box .row {
  width: 100%;
}
.main .phil-pic .box dl {
  text-align: center;
  cursor: pointer;
}
.main .phil-pic .box dt {
  transform: translateY(15px);
}
.main .phil-pic .box dd {
  opacity: 0;
  transform: translateY(-20px);
}
.main .phil-pic .box .cur dt {
  transform: translateY(0);
}
.main .phil-pic .box .cur dd {
  opacity: 1;
  transform: translateY(0);
}
.main .honour-con .list .pic {
  height: 400px;
}
.main .honour-con .list p {
  font-size: 24px;
}
.main .concept-con .box {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.main .concept-con .text {
  width: 460px;
}
.main .concept-con .text .icon::before {
  font-size: 60px;
  line-height: 1;
}
.main .concept-con .text .textWrap {
  cursor: pointer;
  border-bottom: 1px solid #BEBEBE;
}
.main .concept-con .text .cur {
  color: #0055FF;
}
.main .concept-con .text .item:last-child .textWrap {
  border-bottom: 0;
}
.main .concept-con .pc-pic img {
  display: none;
}
.main .technology-con dl {
  width: 300px;
  margin-top: 60px;
}
.main .technology-con dl:nth-child(1), .main .technology-con dl:nth-child(2) {
  margin-top: 0;
}
.main .technology-con dt::after {
  content: "";
  margin-top: 15px;
  display: block;
  width: 50px;
  height: 4px;
  border-radius: 4px;
  background-color: #0055FF;
}
.main .productList .pic {
  height: 300px;
}
.main .productList .item {
  cursor: pointer;
}
.main .productList .item:hover .pic img {
  transform: scale(1.05);
}
.main .productList .item:hover .text {
  background-color: #0055FF !important;
  color: #fff;
}
.main .productList .item:hover .text span {
  color: #fff !important;
}
.main .productModal dl::after {
  content: "";
  margin-top: 15px;
  display: block;
  width: 100px;
  height: 4px;
  border-radius: 4px;
  background-color: #0055FF;
}
.main .irInfo-b .top li.cur::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 4px;
  border-radius: 4px;
  transition: all 0.3s ease-out 0s;
  transform: translateX(-50%);
  background-color: #0055FF;
}
.main .irInfo-b .con li {
  border-bottom: 1px solid #CDCDCD;
}
.main .irInfo-b .con .li:last-child {
  border-bottom: 0;
}
.main .irInfo-b .con dl {
  flex: 1;
}
.main .irInfo-b .con i {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.main .irInfo-b .con a:hover {
  color: #0055FF;
  background-color: #fff;
  padding: 0 20px;
}
.main .irInfo-b .con a:hover i {
  background-color: #0055FF;
  color: #fff;
}
.main .irManage-con .box dl {
  height: 240px;
}
.main .irManage-con .box dl:hover {
  background-color: #0055FF !important;
  color: #fff;
}
.main .irInvcall-con .form {
  max-width: 500px;
}
.main .form .input-group {
  height: 50px;
}
.main .form .upload-btn {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}
.main .form .form-control.is-invalid, .main .form .was-validated .form-control:invalid {
  background-image: none;
}
.main .contact-con .contact-del .box {
  display: none;
}
.main .contact-con .contact-del .box p {
  margin-top: 20px;
}
.main .contact-con .contact-del .box p i.bi {
  display: block;
  width: 30px;
  height: 30px;
  background-color: #0055FF;
  text-align: center;
  line-height: 30px;
  color: #fff;
  border-radius: 50%;
}
.main .contact-con .contact-del .box p:first-child {
  margin-top: 0;
}
.main .contact-con .contact-map {
  margin-top: -200px;
}
.main .contact-con .contact-map img {
  display: none;
}
.main .recruitment-banner {
  height: 360px;
  background-image: url(../images/join-9.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.main .recruitment-step {
  margin-top: -80px;
}
.main .recruitment-step .text::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background-color: #DE040A;
  border-radius: 5px;
  margin-top: 10px;
}
.main .recruitment-con .list a:hover {
  padding-left: 15px !important;
  padding-right: 15px !important;
  color: #0055FF;
}
.main .recruitment-con .newPos a:hover {
  background-color: transparent;
}
.main .recruitment-con .newPos a:hover span {
  color: #0055FF;
}
.main .culture-a h2::after {
  content: "";
  display: block;
  background-color: #DE040A;
  width: 77px;
  height: 4px;
  border-radius: 5px;
  margin-top: 10px;
}
.main .culture-a li {
  background-color: #DE040A;
  color: #fff;
  margin-top: 20px;
}
.main .culture-a li dl {
  flex: 1;
}
.main .culture-a li .dh {
  width: 100px;
  height: 100px;
  background-image: url(../images/iconDh-white.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.main .culture-a li:nth-child(even) {
  background-color: #F6F6F6;
  color: #DE040A;
}
.main .culture-a li:nth-child(even) .dh {
  background-image: url(../images/iconDh.png);
}
.main .culture-a li:first-child {
  margin-top: 0;
}
.main .culture-b h2 {
  height: 34px;
  line-height: 34px;
  background-image: url(../images/iconDh.png);
  background-repeat: no-repeat;
  background-size: auto 34px;
  background-position: left center;
  padding-left: 60px;
}
.main .culture-b li {
  margin-top: 20px;
}
.main .culture-b li:hover {
  background-color: #DE040A !important;
  color: #fff;
}
.main .culture-b li:hover h2 {
  background-image: url(../images/iconDh-white.png);
}
.main .culture-b li:hover a {
  background-color: #fff;
  border-color: #fff;
  color: #DE040A;
}
.main .culture-b li:hover a i {
  position: relative;
  left: 0;
}
.main .culture-b li:hover a:hover i {
  left: 5px;
}
.main .culture-b li:first-child {
  margin-top: 0;
}
.main .culturePicModal .culuturePicSwiper .swiper-slide {
  width: 100%;
  height: 600px;
}
.main .culturePicModal .culuturePicThumbsWrap {
  position: relative;
}
.main .culturePicModal .culuturePicThumbsWrap .culuturePicThumbsSwiper {
  flex: 1;
}
.main .culturePicModal .culuturePicThumbsWrap .culuturePicThumbsSwiper .swiper-slide {
  width: 80px;
  height: 60px;
}
.main .culturePicModal .culuturePicThumbsWrap .culuturePicThumbsSwiper .swiper-slide-thumb-active img {
  border: 2px solid #DE0A17;
}
.main .culturePicModal .culuturePicThumbsWrap .swiper-button {
  width: 36px;
  height: 36px;
  border: 1px solid #BEBEBE;
  font-size: 12px;
  line-height: 1;
  color: #2B2B2B;
  position: static;
  margin-top: 0;
}
.main .culturePicModal .culuturePicThumbsWrap .swiper-button::after {
  display: none;
}
.main .culturePicModal .culuturePicThumbsWrap .swiper-button i {
  transform: scale(0.5);
}
.main .culturePicModal .culuturePicThumbsWrap .swiper-button:hover {
  color: #fff;
  background-color: #DE040A;
  border-color: #DE040A;
}
.main .culturePicModal .culuturePicThumbsWrap .swiper-button-lock {
  display: flex;
}
.main .menuA {
  flex: 1;
  overflow-x: auto;
}
.main .menuA li {
  position: relative;
  white-space: nowrap;
}
.main .menuA li::before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 4px;
  border-radius: 4px;
  transition: all 0.3s ease-out 0s;
  transform: translateX(-50%);
  background-color: #0055FF;
}
.main .menuA li.cur a {
  font-size: 36px;
  color: #0055FF;
}
.main .menuA li:hover a {
  color: #0055FF;
}
.main .menuA li.cur::before, .main .menuA li:hover::before {
  width: 100%;
}
.main .menuA li:last-child {
  margin-right: 0 !important;
}
.main .pageNav .page-link {
  border: 0;
  font-size: 24px;
  line-height: 64px;
  padding: 0 5px;
  min-width: 30px;
  color: #2b2b2b;
  margin: 0 20px;
  text-align: center;
}
.main .pageNav .page-link:hover {
  background-color: transparent;
  color: #0055FF;
}
.main .pageNav li:first-child .page-link, .main .pageNav li:last-child .page-link {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid #0055FF;
  color: #0055FF;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main .pageNav li:first-child .page-link i, .main .pageNav li:last-child .page-link i {
  font-size: 12px;
}
.main .pageNav li:first-child .page-link:hover, .main .pageNav li:last-child .page-link:hover {
  background-color: #0055FF;
  color: #fff;
}
.main .pageNav li.disabled .page-link {
  color: #D5D5D5;
  border-color: #D5D5D5;
}
.main .pageNav li.active .page-link {
  background-color: transparent;
  color: #0055FF;
  font-size: 36px;
  font-weight: bold;
  position: relative;
}
.main .pageNav li.active .page-link::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 50%;
  bottom: 8px;
  height: 4px;
  border-radius: 4px;
  transition: all 0.3s ease-out 0s;
  transform: translateX(-50%);
  background-color: #0055FF;
}
.main .backAction {
  position: absolute;
  left: -180px;
  top: 0;
}
.main .backAction a {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid #0055FF;
  color: #0055FF;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main .backAction i {
  font-size: 12px;
}
.main .backAction a:hover {
  background-color: #0055FF;
  color: #fff;
}
.main .red .menuA li::before {
  background-color: #DE040A;
}
.main .red .menuA li.cur a, .main .red .menuA li:hover a {
  color: #DE040A;
}
.main .red .newsList .box:hover .info {
  background-color: #DE040A !important;
}
.main .red .newsList .box:hover .info .bot a {
  color: #DE040A;
}
.main .red .newsList .box:hover .info .bot a:hover {
  background-color: #fff;
  border-color: #fff;
}
.main .red .pageNav li:hover a {
  color: #DE040A;
}
.main .red .pageNav li.active .page-link {
  color: #DE040A;
}
.main .red .pageNav li.active .page-link::before {
  background-color: #DE040A;
}
.main .red .pageNav li:first-child .page-link, .main .red .pageNav li:last-child .page-link {
  color: #DE040A;
  border-color: #DE040A;
}
.main .red .pageNav li:first-child .page-link:hover, .main .red .pageNav li:last-child .page-link:hover {
  color: #fff;
  background-color: #DE040A;
}
.main .red .pageNav li.disabled .page-link {
  color: #D5D5D5;
  border-color: #D5D5D5;
}
.main .red .backAction a {
  color: #DE040A;
  border-color: #DE040A;
}
.main .red .backAction a:hover {
  background-color: #DE040A;
  color: #fff;
}

.recruitment-about .box {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.recruitment-about .boxA {
  background-image: url(../images/join-2.jpg);
}
.recruitment-about .boxB {
  background-image: url(../images/join-3.jpg);
}
.recruitment-about .boxC {
  background-image: url(../images/join-4.jpg);
}
.recruitment-about .boxC .hjSwiper {
  flex: 1;
}
.recruitment-about .boxC .swiper-slide {
  width: 600px;
  height: 400px;
  overflow: hidden;
  transform: scale(0.75);
  border-radius: 10px;
}
.recruitment-about .boxC .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.recruitment-about .boxC .swiper-slide-active {
  transform: scale(1);
}
.recruitment-about .boxC .swiper-button {
  width: 64px;
  height: 64px;
  background-color: #fff;
  border: 2px solid #0055FF;
}
.recruitment-about .boxC .swiper-button::after {
  display: none;
}
.recruitment-about .boxC .swiper-button:hover {
  background-color: #0055FF;
  color: #fff;
}

@media (max-width: 1680px) {
  body {
    font-size: 14px;
  }
  .fontSize-md {
    font-size: 16px !important;
  }
  .navbar {
    height: 80px;
  }
  .navbar .navbar-brand {
    width: 110px;
    height: 20px;
  }
  .navbar .recruitment-navbar-brand {
    width: 175px;
  }
  .navbar .navbar-nav .nav-link {
    margin: 0 20px;
    height: 80px;
    font-size: 16px;
  }
  .navbar .navbar-nav .dropdown-menu {
    top: 80px;
  }
  .navbar .search .btn {
    font-size: 16px;
  }
  .footerWrap .a .info h1 a {
    width: 110px;
    height: 20px;
  }
  .main {
    padding-top: 80px;
  }
  .main .phil-pic {
    height: calc(100vh - 80px);
  }
  .main .backAction {
    position: initial;
  }
  .main .articleDetail {
    margin-top: 0;
  }
}
@media (max-width: 1199.98px) {
  .navbar {
    height: auto;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .navbar .navbar-nav {
    height: auto;
  }
  .navbar .navbar-nav .nav-link {
    margin: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    height: auto;
    font-size: 15px;
    position: relative;
  }
  .navbar .navbar-nav .nav-link i {
    display: flex;
    align-items: center;
    justify-content: end;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .navbar .navbar-nav .nav-link i::before {
    transition: all 0.3s ease-out 0s;
  }
  .navbar .navbar-nav .nav-link i.rotate::before {
    transform: rotate(180deg);
  }
  .navbar .navbar-nav .nav-link::before {
    content: "";
    display: none;
    width: 0;
    position: absolute;
    left: inherit;
    right: 0;
    top: 50%;
    bottom: inherit;
    height: 20px;
    margin-top: -10px;
    border-radius: 4px 4px;
  }
  .navbar .navbar-nav .nav-link.active::before {
    width: 4px;
  }
  .navbar .navbar-nav .nav-link:hover::before {
    width: 4px;
  }
  .navbar .navbar-nav .nav-link.active {
    font-weight: bold;
  }
  .navbar .navbar-nav .dropdown-menu {
    position: initial;
    top: 0;
    height: auto;
    border-radius: 0;
    border: 0;
    overflow: hidden;
    display: none;
    padding: 10px 0;
    margin: 10px -1rem;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    background-color: #f7f8fa;
    transition: none;
  }
  .navbar .navbar-nav .dropdown-menu li {
    margin: 0 10px;
  }
  .navbar .navbar-nav .dropdown-menu .dropdown-item {
    min-width: auto;
    line-height: 1.8;
    font-size: 14px;
    text-align: left;
  }
  .navbar .navbar-nav .dropdown-menu .dropdown-item.cur {
    background-color: initial;
    color: #0055FF;
  }
  .navbar .navbar-nav .dropdown-menu .dropdown-item:hover {
    color: #0055FF;
  }
  .navbar .navbar-nav .dropdown-menu .dropdown-item.cur:hover {
    color: #0055FF;
  }
  .navbar .navbar-nav .dropdown:hover .dropdown-menu {
    height: auto;
    padding: 10px 0;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
  }
  .navbar .navbar-toggler {
    width: 22px;
    height: 34px;
    position: relative;
    outline: none;
    padding: 0;
  }
  .navbar .navbar-toggler .icon-bar {
    width: 18px;
    height: 2px;
    transform: rotate(0deg);
    background-color: #2b2b2b;
    position: absolute;
    left: 50%;
    margin-left: -9px;
  }
  .navbar .navbar-toggler .icon-bar + .icon-bar {
    margin-top: 0;
  }
  .navbar .navbar-toggler .icon-bar:nth-child(1) {
    transform: rotate(45deg);
    top: 15px;
  }
  .navbar .navbar-toggler .icon-bar:nth-child(2) {
    transform: rotate(-45deg);
    top: 15px;
  }
  .navbar .navbar-toggler .icon-bar:nth-child(3) {
    display: none;
  }
  .navbar .navbar-toggler.collapsed .icon-bar:nth-child(1) {
    top: 9px;
    transform: rotate(0deg);
  }
  .navbar .navbar-toggler.collapsed .icon-bar:nth-child(2) {
    top: 16px;
    transform: rotate(0deg);
  }
  .navbar .navbar-toggler.collapsed .icon-bar:nth-child(3) {
    bottom: 9px;
    display: block;
  }
  .navbar .navbar-toggler:focus {
    box-shadow: none;
  }
  .navbar .search {
    flex: none;
    display: block !important;
  }
  .navbar .search .searchWrap {
    display: block !important;
  }
  .navbar .search .searchWrap .input-group {
    width: 100%;
  }
  .navbar .search .btnSet {
    display: none !important;
  }
  .navbar .searchStau .navbar-nav {
    display: flex !important;
  }
  .tranHeader .navbar {
    background-color: #fff !important;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
  }
  .tranHeader .navbar .navbar-brand {
    background-image: url(../images/logo.png);
  }
  .tranHeader .navbar .recruitment-navbar-brand {
    background-image: url(../images/logo-recruitment.png);
  }
  .tranHeader .navbar .navbar-nav .nav-link {
    color: #2b2b2b;
  }
  .tranHeader .navbar .search .btnSet {
    color: #2b2b2b;
  }
  .main {
    padding-top: 64px;
  }
  .main .phil-pic {
    height: calc(100vh - 64px);
  }
}
@media (max-width: 991.98px) {
  .footerWrap .b dl {
    border-bottom: 1px solid #D4D4D4;
  }
  .footerWrap .b dt {
    position: relative;
  }
  .footerWrap .b dt .btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: right;
    padding: 0;
  }
  .footerWrap .b dt .btn i::before {
    transition: all 0.2s ease-out 0s;
  }
  .footerWrap .b dt .btn.rotate i::before {
    transform: rotate(180deg);
  }
  .footerWrap .b dd {
    display: none;
  }
  .indexMain .a .con .info .icon {
    font-size: 60px;
    opacity: 1;
    transform: translateY(0);
  }
  .indexMain .a .con .info .fs-4 {
    transform: translateY(0);
  }
  .indexMain .a .con .bgPic .bgColor {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .indexMain .a .con a:hover .info .icon {
    transform: translateY(0);
    opacity: 1;
  }
  .indexMain .a .con a:hover .info .fs-4 {
    transform: translateY(0);
  }
  .indexMain .a .con a:hover .bgPic {
    transform: scale(1);
  }
  .indexMain .a .con a:hover .bgPic .bgColor {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .main .profile-c .swiper {
    margin: 0 95px;
  }
  .main .profile-c .swiper-slide {
    width: 80px;
    line-height: 46px;
    font-size: 16px;
  }
  .main .profile-c .swiper-slide-active {
    font-size: 24px;
  }
  .main .profile-c .swiper-slide-active::before {
    width: 60px;
  }
  .main .profile-c .arrow {
    width: 46px;
    height: 46px;
  }
  .main .phil-pic .box .row {
    margin: 0 10%;
    width: auto;
  }
  .main .phil-pic .box .col {
    border-right: 0 !important;
    border-bottom: 1px solid #dee2e6 !important;
  }
  .main .phil-pic .box .col:last-child {
    border-bottom: 0 !important;
  }
  .main .phil-pic .box dt {
    font-size: 18px !important;
  }
  .main .honour-con .list .pic {
    height: 250px;
  }
  .main .honour-con .list p {
    font-size: 16px;
  }
  .main .concept-con .box {
    box-shadow: none;
    overflow: initial;
  }
  .main .concept-con .text {
    width: 100%;
  }
  .main .concept-con .text .item {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    overflow: hidden;
  }
  .main .concept-con .text .textWrap {
    border-bottom: 0;
  }
  .main .concept-con .text .cur {
    color: #2b2b2b;
  }
  .main .concept-con .pc-pic img {
    display: none;
  }
  .main .technology-con .pic {
    height: 100px;
  }
  .main .technology-con dl {
    width: 100%;
    margin-top: 30px !important;
  }
  .main .productList .pic {
    height: 250px;
  }
  .main .articleDetail .h1 {
    font-size: 22px;
  }
  .main .irInfo-b .con dd {
    font-size: 18px !important;
  }
  .main .irInfo-b .con i {
    width: 46px;
    height: 46px;
  }
  .main .irManage-con .box dl {
    height: auto;
  }
  .main .contact-con .contact-del .box p {
    margin-top: 5px;
  }
  .main .contact-con .contact-map {
    margin-top: 20px;
  }
  .main .culture-a li .dh {
    width: 60px;
    height: 60px;
  }
  .main .culturePicModal .culuturePicSwiper .swiper-slide {
    height: 300px;
  }
  .main .menuA li a, .main .menuA li.cur a, .main .menuA li:hover a {
    font-size: 18px;
  }
  .main .menuA li:hover:before {
    width: 100%;
  }
  .main .pageNav .page-link {
    border: 0;
    font-size: 16px;
    line-height: 46px;
    margin: 0 10px;
    min-width: 20px;
  }
  .main .pageNav li:first-child .page-link, .main .pageNav li:last-child .page-link {
    width: 46px;
    height: 46px;
  }
  .main .pageNav li.active .page-link {
    font-size: 24px;
  }
  .main .pageNav li.active .page-link::before {
    bottom: 5px;
  }
  .main .backAction a {
    width: 46px;
    height: 46px;
  }
  .main .recruitment-about .boxC .swiper-slide {
    height: 300px;
    transform: scale(0.8);
  }
  .main .recruitment-about .boxC .swiper-slide-active {
    transform: scale(1);
  }
  .main .recruitment-banner {
    height: auto;
    padding-bottom: 100px !important;
  }
  .main .recruitment-step {
    margin-top: -60px;
  }
  .main .recruitment-step .con img {
    width: 40px;
    display: inline-block;
  }
  .main .recruitment-step .con p {
    font-size: 12px;
  }
}
@media (max-width: 767.98px) {
  .modalCloseBtn {
    position: fixed;
    width: 46px;
    height: 46px;
    right: 0.5rem;
    top: 0.5rem;
  }
  .newsList .swiper-slide {
    transform: scale(0.9);
    transition: all 0.2s ease-out 0s;
  }
  .newsList .pic {
    height: 220px;
  }
  .newsList .info {
    padding: 20px 30px;
  }
  .newsList .info .mid dd {
    -webkit-line-clamp: 3;
    opacity: 1;
    transform: translateY(0);
  }
  .newsList .swiper-slide-active {
    transform: scale(1);
  }
  .newsList .box:hover {
    transform: scale(1);
  }
  .newsList .box:hover .info {
    padding: 20px 30px;
    color: #2b2b2b;
    background-color: #fff !important;
  }
  .newsList .box:hover .info .top .badge {
    color: #2b2b2b !important;
  }
  .newsList .box:hover .info .mid dd {
    opacity: 1;
    transform: translateY(0);
  }
  .newsList .box:hover .info .bot a {
    background-color: transparent;
    border-color: #000;
    color: #000;
  }
  .newsList .box:hover .info .bot a i {
    position: relative;
    left: 0;
  }
  .newsList .box:hover .info .bot a:hover {
    background-color: transparent;
    border-color: #000;
    color: #000;
  }
  .newsList .box:hover .info .bot a:hover i {
    left: 0;
  }
  .main .profile-c .swiper {
    margin: 0 65px;
  }
}/*# sourceMappingURL=style.css.map */