@import url(./reset.css);
@import url(./animate.min.css);
@import url(./swiper.min.css);
@import url(https://at.alicdn.com/t/font_3145390_sih1d2kvp2.css);
:root {
  font-size: calc(100vw / 750 * 100);
}

.hei18 {
  height: .9rem;
}

.header {
  position: fixed;
  top: 0rem;
  background-size: 100% 100%;
  left: 0;
  background: #538db9;
  width: 100vw;
  height: 0.9rem;
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  z-index: 999;
  align-items: center;
  padding: 0 0.3rem;
  box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.1);
}

.header a {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

.header .logo {
  display: block;
  height: 0.66rem;
}

.header .nav-bar {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

.header .nav-icon {
  position: relative;
  width: 0.35rem;
  height: 0.03rem;
  background: #fff;
  border-radius: 0.03rem;
  transition: all 0.3s;
}

.header .nav-icon::after, .header .nav-icon::before {
  content: "";
  display: block;
  width: 0.35rem;
  height: 0.03rem;
  background: #fff;
  border-radius: 0.03rem;
  position: absolute;
  transition: all 0.3s;
}

.header .nav-icon::before {
  margin-top: -0.11rem;
}

.header .nav-icon::after {
  margin-top: 0.11rem;
}

.nav-change .nav-icon {
  background: none;
}

.nav-change .nav-icon:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-change .nav-icon::after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.shades {
  position: fixed;
  top: .9rem;
  left: 0;
  width: 100%;
  height: calc(100vh - .9rem);
  background: rgba(0, 0, 0, 0.5);
  z-index: 8;
  display: none;
}

.leftsidebar_box {
  position: fixed;
  top: .9rem;
  height: calc(100vh - .9rem);
  background: #fff;
  z-index: 99;
  right: -80vw;
  transition: all 0.4s linear;
  overflow-y: auto;
  width: 80%;
  padding: 0 0.3rem;
}

.leftsidebar_box dl {
  position: relative;
}

.leftsidebar_box dl::before {
  position: absolute;
  content: "";
  top: .25rem;
  left: -.1rem;
  height: 0.32rem;
  width: 0.07rem;
  background: #538db9;
}

.leftsidebar_box dd {
  border-bottom: 1px solid #ddd;
}

.leftsidebar_box dd a {
  line-height: 0.65rem;
  color: #1f1f1f;
  display: block;
  padding-left: .2rem;
  font-size: .28rem;
}

.leftsidebar_box dt {
  color: #1f1f1f;
  line-height: 0.8rem;
  font-size: 0.3rem;
  border-bottom: 1px solid #000;
  padding-left: .2rem;
}

.leftsidebar_box dt a {
  position: relative;
}

.leftsidebar_box .img {
  position: absolute;
  left: 0;
  bottom: 1rem;
}

.leftsidebar_box .img img {
  width: 100%;
}

.bar-show {
  right: 0;
}

.banner {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.banner img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.banner .sy-navigation {
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  border-radius: 50%;
  text-align: center;
  line-height: 0.6rem;
  background: rgba(0, 0, 0, 0.6);
}

.banner .sy-navigation .ic {
  color: #fff;
  font-size: 0.4rem;
  transition: all .3s;
}

.sy-next {
  top: 50%;
  right: 5vw;
  margin-top: -0.3rem;
}

.sy-prev {
  top: 50%;
  left: 5vw;
  margin-top: -0.3rem;
}

.indexNav {
  margin-top: 0.36rem;
}

.indexNav a {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: 2.3rem;
  height: 1.9rem;
  border: 0.01rem solid #dcdcdc;
}

.indexNav .item img {
  display: block;
  width: 0.68rem;
  margin-bottom: 0.1rem;
}

.indexNav .item .cn {
  font-size: .22rem;
  color: #4a4a4a;
}

.indexNav .item .en {
  font-size: .16rem;
  color: #8f8f8f;
  white-space: nowrap;
}

.banner-pagination {
  position: absolute;
  display: flex;
  justify-content: center;
  opacity: 1;
  width: 100%;
  bottom: 0.3rem;
  left: 0;
  z-index: 5;
}

.banner-pagination .swiper-pagination-bullet {
  width: 0.15rem;
  height: 0.15rem;
  opacity: 1;
  margin: 0 0.1rem;
  background: #fff;
  transition: all .3s;
}

.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #538db9;
}

.cookieTop {
  background-color: #f6f6f6;
  font-size: 0.22rem;
  margin-bottom: 0.3rem;
  font-weight: bold;
  line-height: .8rem;
}

.cookieTop .item {
  flex: 1;
  text-align: center;
}

.cookieTop .item a {
  color: #7b7b7b;
}

.cookieTop .item a:hover {
  color: #538db9;
}

.cookieTop .item.active a {
  color: #538db9;
}

.ff_scale {
  transform-origin: left top 0rem;
}

#main {
  display: none;
}

.ind_con_box .xbrand {
  padding: 0.5rem 60px 0;
  background: none;
  min-height: 100vh;
}

.title {
  font-size: 0.27rem;
  font-weight: bold;
  color: #7db8e7;
}

.coreTec > .coreBox {
  margin-top: 0.65rem;
}

.coreTec > .coreBox .maxImg {
  display: block;
  width: 100%;
  margin-top: 0.2rem;
}

.coreTec > .coreBox .product .item {
  position: relative;
  width: 100%;
  margin-bottom: .4rem;
}

.coreTec > .coreBox .product .item .img {
  width: 100%;
}

.coreTec > .coreBox .product .item .img img {
  display: block;
  width: 100%;
  transition: all .3s;
}

.coreTec > .coreBox .product .item .info {
  position: absolute;
  color: #fff;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  flex-flow: column nowrap;
  justify-content: flex-end;
  align-items: center;
  transition: all .3s;
}

.coreTec > .coreBox .product .item .info .en {
  font-size: 0.18rem;
  text-transform: uppercase;
  font-style: italic;
}

.coreTec > .coreBox .product .item .info .ch {
  font-size: 0.24rem;
  font-weight: bold;
}

.coreTec > .coreBox .product .item .info .ch::after {
  content: "";
  display: block;
  width: 0.3rem;
  height: 0.02rem;
  background: #fff;
  margin: 0 auto;
  display: none;
}

.coreTec > .coreBox .product .item .info .icon {
  border: 0.01rem dashed #FFF;
  border-radius: 50%;
  width: 0.8rem;
  align-items: center;
  justify-content: center;
  margin-top: 0.3rem;
  transition: all .3s;
  display: flex;
  transform: scale(0);
  height: 0;
}

.coreTec > .coreBox .product .item:hover .icon {
  height: 0.8rem;
  transform: scale(1);
}

.coreTec > .coreBox .product .item:hover .ch::after {
  display: block;
}

.coreTec > .coreBox .product .item:hover .info {
  justify-content: center;
  background: rgba(83, 141, 185, 0.8);
}

.coreTec > .coreBox .special {
  margin-top: 0.6rem;
  justify-content: center;
}

.coreTec > .coreBox .special .item {
  padding: 0 .1rem;
  width: 33.33%;
  text-align: center;
}

.coreTec > .coreBox .special .item .img {
  width: 1rem;
  height: 1rem;
  margin: 0 auto;
}

.coreTec > .coreBox .special .item .img img {
  display: block;
  width: 1rem;
  height: 1rem;
}

.coreTec > .coreBox .special .item .tit {
  font-size: 0.2rem;
  font-weight: bold;
  margin-top: 0.1rem;
  color: #538db9;
  margin-bottom: 0.2rem;
}

.coreTec > .coreBox .special .item:nth-child(2n) .tit {
  color: #d1b275;
}

.coreTec > .coreBox .special .item .txt {
  font-size: 0.18rem;
  line-height: 0.3rem;
  color: #6d6d6d;
}

.coreTec > .coreBox .advantage .item {
  width: 3.35rem;
  background: #82b8e1;
  color: #fff;
  height: 3.3rem;
  text-align: center;
  padding: 0.35rem 18px;
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: .3rem;
  align-items: center;
  justify-content: center;
}

.coreTec > .coreBox .advantage .item img {
  margin-bottom: 0.3rem;
  width: .85rem;
}

.coreTec > .coreBox .advantage .item:not(:nth-child(2n)) {
  margin-right: .3rem;
}

.coreTec > .coreBox .advantage .txt {
  text-align: left;
  font-size: 0.2rem;
  line-height: 0.36rem;
}

.coreTec > .coreBox .features {
  padding-top: 0.4rem;
}

.coreTec > .coreBox .features .img {
  display: block;
  width: 100%;
  margin-bottom: .5rem;
}

.coreTec > .coreBox .features .img img {
  width: 100%;
}

.coreTec .title {
  margin-bottom: 0.2rem;
}

.coreTec .keyCustomers {
  margin-top: 0.4rem;
}

.coreTec .keyCustomers .keyCustomersList {
  border: 2px solid #e7ecf8;
  border-bottom: none;
  border-right: none;
}

.coreTec .keyCustomers .keyCustomersList .item {
  width: 33.33%;
  border-bottom: 2px solid #e7ecf8;
  position: relative;
  border-right: 1px solid #e7ecf8;
}

.coreTec .keyCustomers .keyCustomersList .item .keyImg {
  display: block;
  width: 100%;
}

.coreTec .keyCustomers .keyCustomersList .item .inImg {
  opacity: 1;
  transition: all .4s;
  position: absolute;
  width: 120%;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%) scale(0.5);
  border-bottom: 0.03rem solid #538db9;
  background: #fff;
  box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.3);
  opacity: 0;
}

.coreTec .keyCustomers .keyCustomersList .item .inImg img {
  display: block;
  width: 100%;
}

.coreTec .keyCustomers .keyCustomersList .item:hover .inImg {
  left: -10%;
  top: -10%;
  opacity: 1;
  transform: scale(1);
}

.honorBg {
  width: 100%;
  min-height: 8.6rem;
  background: url(../images/hbg.jpg) center no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.sytit {
  font-size: 0.35rem;
  font-weight: bold;
  color: #326f9b;
  margin-bottom: 0.2rem;
}

.syInduce {
  margin-top: .5rem;
}

.syVideo {
  width: 100%;
  margin-top: 0.2rem;
}

.syVideo #videoShow {
  width: 100%;
  height: 4.66rem;
}

.syLinks {
  margin-top: .5rem;
}

.syLinks .item {
  width: 2.2rem;
  position: relative;
  margin-bottom: 20px;
}

.syLinks .item::after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  background-color: rgba(83, 141, 185, 0.5);
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.syLinks .item:not(:nth-child(3n)) {
  margin-right: .2rem;
}

.syLinks .item img {
  display: block;
  width: 2.2rem;
  height: 2.73rem;
}

.syLinks .item p {
  position: absolute;
  z-index: 5;
  width: .96rem;
  height: .96rem;
  background-color: rgba(83, 141, 185, 0.6);
  color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: .22rem;
  line-height: 0.3rem;
  border-radius: 50%;
}

.foot {
  background: #377aae url(../images/foot.jpg) bottom center no-repeat;
  color: #fff;
  overflow: hidden;
  font-size: .2rem;
  line-height: .3rem;
  margin-top: 0.5rem;
}

.foot a {
  color: #fff;
}

.foot .tit {
  font-size: 0.26rem;
  font-weight: bold;
  margin-bottom: .15rem;
  margin-top: .3rem;
}

.foot .num {
  font-weight: bold;
}

.foot .icp {
  font-size: .18rem;
  margin-top: .4rem;
  line-height: .35rem;
  margin-bottom: .2rem;
}

.w-honor .swiper-slide {
  padding-top: 0.5rem;
}

.w-honor img {
  display: block;
  width: 100%;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.6);
}

.w-honor .tit {
  font-size: 0.25rem;
  text-align: center;
  margin-top: .2rem;
  color: #373737;
  opacity: 0;
  transition: all .5s;
}

.w-honor .swiper-slide-active .tit {
  opacity: 1;
  margin-top: 0.1rem;
}

.zz-next,
.zz-prve {
  position: absolute;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  width: 0.4rem;
  height: 0.4rem;
  font-size: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 10;
  cursor: pointer;
  transition: all .3s;
}

.zz-next:hover,
.zz-prve:hover {
  background: rgba(83, 141, 185, 0.5);
}

.fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
}

.zz-next {
  right: 15%;
  bottom: 0px;
}

.zz-prve {
  left: 15%;
  bottom: 0px;
}

.lightbox {
  top: 50% !important;
  transform: translateY(-50%);
}

#lightbox {
  position: fixed !important;
}

.officeList .item {
  background-color: #f6f6f6;
  font-size: 0.22rem;
  font-weight: bold;
  transition: all .3s;
  width: 100%;
  margin-bottom: .22rem;
}

.officeList .item a {
  color: #538db9;
  display: flex;
  min-height: .8rem;
  align-items: center;
  padding: .2rem;
  line-height: .4rem;
}

.officeList .item:not(:nth-child(3n)) {
  margin-right: 3.3333%;
}

.officeList .item:hover {
  background: #538db9;
}

.officeList .item:hover a {
  color: #fff;
}

.structure img {
  width: 100%;
}

.achievement {
  min-height: 6rem;
}

.achievement .achievementTxt {
  background: #e1effb;
  color: #3c80b3;
  padding: 0.25rem .25rem;
  font-weight: bold;
  border-radius: 0.1rem;
  margin-bottom: 0.4rem;
  font-size: 0.2rem;
  line-height: 0.36rem;
}

.achievementList .item {
  width: 3.3rem;
  position: relative;
  border-radius: 0.1rem;
  overflow: hidden;
  margin-bottom: .3rem;
}

.achievementList .item .img {
  width: 100%;
}

.achievementList .item .img img {
  display: block;
  width: 100%;
}

.achievementList .item:not(:nth-child(2n)) {
  margin-right: .3rem;
}

.achievementList .item .tit {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(55, 122, 174, 0.8);
  width: 100%;
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 0.2rem;
  font-weight: bold;
  padding: 0 0.1rem;
  transition: all .5s;
  height: 0.5rem;
}

.achievementList .item .tit::after {
  content: "";
  display: block;
  width: 0.36rem;
  height: 0.36rem;
  position: absolute;
  background: url(../images/baise.png) center no-repeat;
  bottom: -0.6rem;
  left: 50%;
  transform: translateX(-50%);
  transition: all .3s .1s;
}

.achievementList .item:hover .tit {
  height: 100%;
}

.achievementList .item:hover .tit::after {
  bottom: 0.2rem;
}

.sxpian {
  margin-top: 0.5rem;
}

.sxpian .item {
  border: 0.01rem solid #dcdcdc;
  display: flex;
  padding: 0.1rem;
  font-size: 0.2rem;
  color: #828282;
  margin-bottom: .2rem;
  line-height: .7rem;
}

.sxpian .item a {
  flex: 1;
  color: #828282;
}

.sxpian .item a:hover {
  color: #538db9;
}

.achievementDetail .detailTit {
  font-size: 0.3rem;
  font-weight: bold;
  color: #454545;
  text-align: center;
  margin-bottom: .2rem;
}

.achievementDetail .view {
  justify-content: center;
  font-size: 0.2rem;
  align-items: center;
}

.achievementDetail .view img {
  margin-right: 0.05rem;
  width: .25rem;
}

.caseInfoSwiper {
  margin: 0.3rem auto !important;
  width: 100%;
}

.caseInfoSwiper img {
  width: 100%;
  display: block;
}

.caseNext,
.casePrev {
  position: absolute;
  right: 0;
  color: #fff;
  width: 0.4rem;
  height: 0.55rem;
  font-size: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  cursor: pointer;
  transition: all .3s;
  background: rgba(83, 141, 185, 0.8);
}

.caseNext {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.casePrev {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.newsBox .firstNews {
  border-bottom: 0.01rem solid #dcdcdc;
  padding-bottom: .15rem;
}

.newsBox .firstNews .img {
  width: 100%;
}

.newsBox .firstNews .img img {
  display: block;
  transition: all .3s;
  width: 100%;
}

.newsBox .firstNews .info {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  transition: all .3s;
}

.newsBox .firstNews .info .tit {
  font-size: 0.3rem;
  color: #3b3b3b;
  font-weight: bold;
  line-height: .4rem;
  margin-top: .2rem;
}

.newsBox .firstNews .info .txt {
  color: #727272;
  font-size: 0.2rem;
  line-height: 0.32rem;
}

.newsBox .firstNews .info .time {
  color: #727272;
  font-size: .18rem;
  margin-bottom: .1rem;
}

.newsList {
  width: 100%;
}

.newsList .item {
  border-bottom: 0.01rem solid #dcdcdc;
  margin: 0.3rem 0;
  transition: all .3s;
  padding-bottom: .15rem;
}

.newsList .item a {
  padding: 0.3rem 0;
}

.newsList .tit {
  font-size: 0.3rem;
  color: #3b3b3b;
  font-weight: bold;
  line-height: .4rem;
}

.newsList .txt {
  color: #727272;
  font-size: 0.2rem;
  line-height: 0.32rem;
}

.newsList .time {
  color: #727272;
  font-size: .18rem;
  margin-bottom: .1rem;
}

.newsDetail {
  min-height: 5rem;
}

.newsDetail .top {
  border-bottom: 0.01rem solid #dcdcdc;
  padding-bottom: 0.3rem;
  margin-bottom: 0.3rem;
  text-align: center;
}

.newsDetail .top .tit {
  font-size: 0.33rem;
  font-weight: bold;
  line-height: .55rem;
  color: #3d3d3d;
}

.newsDetail .top .detailSend {
  font-size: 0.20rem;
  color: #717171;
  justify-content: center;
  margin-top: 0.1rem;
}

.newsDetail .top .detailSend .item {
  margin: .05rem;
}

.newsDetail .info-c {
  border-bottom: 0.01rem solid #dcdcdc;
  padding-bottom: 0.3rem;
}

.serviceBox {
  min-height: 5rem;
}

.service .left {
  background: #f6f6f6;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-flow: column nowrap;
  padding: .8rem .3rem;
}

.service .left .tit {
  font-size: 0.18rem;
  font-weight: bold;
  color: #646464;
}

.service .left .info {
  font-size: 0.16rem;
  line-height: 0.36rem;
  color: #646464;
}

.service .right {
  position: relative;
  width: 100%;
}

.service .right .img {
  width: 100%;
}

.service .right .img img {
  display: block;
  width: 100%;
}

.service .right .info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  padding-left: 5%;
}

.service .right .info .en {
  font-size: 0.36rem;
  color: #646464;
  text-transform: uppercase;
  opacity: .5;
}

.service .right .info .ch {
  font-size: 0.2rem;
  color: #646464;
  margin-bottom: .3rem;
}

.service .right .info .num {
  font-size: 0.36rem;
  color: #646464;
  opacity: .8;
}

.content .left {
  margin-bottom: .5rem;
}

.content .left .item {
  box-shadow: 0 0 0.15rem rgba(83, 141, 185, 0.2);
  padding: 0.3rem 0.15rem;
  width: 49%;
  margin-bottom: 2%;
}

.content .left .item:hover {
  background: url(../images/conbg.jpg) center no-repeat;
  background-size: cover;
  color: #fff;
}

.content .left .item:hover .tit {
  color: #fff;
}

.content .left .item:hover .info {
  color: #fff;
}

.content .left .item:not(:nth-child(2n)) {
  margin-right: 2%;
}

.content .left .item .tit {
  font-size: 0.26rem;
  font-weight: bold;
  color: #343434;
  line-height: 0.4rem;
  margin-bottom: .2rem;
}

.content .left .item .info {
  font-size: 0.2rem;
  line-height: 0.33rem;
  color: #343434;
}

.content .left .code img {
  width: 1.6rem;
  height: 1.6rem;
}

.content .left .box {
  font-size: 0.18rem;
  font-weight: bold;
}

.content .message {
  background: #dfeaed;
  padding: 0.3rem 0.4rem .4rem 0.4rem;
}

.content .message .title {
  margin-bottom: 0.15rem;
}

.content .message .inputBox {
  margin-bottom: 0.15rem;
}

.content .message .inputBox input {
  background: #fff;
  font-size: 0.22rem;
  width: 100%;
  padding: 0 0.1rem;
  height: 0.65rem;
}

.content .message .inputBox input::placeholder {
  color: #828282;
}

.content .message .inputBox textarea {
  display: block;
  width: 100%;
  height: 1.5rem;
  background: #fff;
  border: none;
  padding: 0.1rem;
  font-size: 0.22rem;
}

.content .message .inputBox textarea::placeholder {
  color: #828282;
}

.content .message .inputBox .sendBtn {
  background: #538db9;
  color: #fff;
  width: 100%;
  height: 0.65rem;
  text-align: center;
  line-height: 0.65rem;
  font-size: 0.24rem;
  margin-top: 0.3rem;
  cursor: pointer;
}

.recruitList {
  width: 100%;
  margin-top: 0.3rem;
  margin-bottom: 0.4rem;
}

.recruitList .item {
  box-shadow: 0 0 0.15rem rgba(83, 141, 185, 0.2);
  cursor: pointer;
  padding: 0.3rem 0.2rem;
  background: #fff;
  width: 100%;
  transition: all .3s;
  margin-bottom: .2rem;
}

.recruitList .item .top {
  margin-bottom: .2rem;
}

.recruitList .item .ic-rencai {
  background: linear-gradient(to bottom, #6aacde, #4184b7);
  width: 0.6rem;
  height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all .3s;
  color: #fff;
  font-size: 0.4rem;
  margin-right: .2rem;
}

.recruitList .item .position {
  font-size: 0.2rem;
  margin: 0.2rem 0;
  transition: all .3s;
}

.recruitList .item .box {
  min-width: 33.33%;
  transition: all .3s;
  font-size: 0.2rem;
  color: #a4afb2;
}

.recruitList .item:hover {
  background: url(../images/zhaopBg.jpg) center no-repeat;
  background-size: cover;
}

.recruitList .item:hover .position,
.recruitList .item:hover .box {
  color: #fff;
}

.recruitList .item:hover .ic-rencai {
  background: #fff;
  color: #538db9;
}

.recruitInfo {
  margin-top: .2rem;
}

.recruitInfo .info {
  box-shadow: 0 0 0.15rem rgba(83, 141, 185, 0.2);
  cursor: pointer;
  background: #fff;
  padding: 0.3rem 0.2rem;
  width: 100%;
  transition: all .3s;
  margin-bottom: .2rem;
}

.recruitInfo .info .top {
  margin-bottom: .2rem;
}

.recruitInfo .info .ic-rencai {
  background: linear-gradient(to bottom, #6aacde, #4184b7);
  width: 0.6rem;
  height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all .3s;
  color: #fff;
  font-size: 0.4rem;
  margin-right: .2rem;
}

.recruitInfo .info .position {
  font-size: 0.2rem;
  margin: 0.2rem 0;
  transition: all .3s;
}

.recruitInfo .info .box {
  min-width: 33.33%;
  transition: all .3s;
  font-size: 0.2rem;
  color: #a4afb2;
}

.recruitInfo .info .popTit {
  font-size: 0.18rem;
  color: #000000;
  line-height: 0.3rem;
  margin-top: .3rem;
}

.recruitInfo .info .popTips {
  font-size: 0.2rem;
  color: #447295;
  line-height: 0.3rem;
  margin-top: .2rem;
}

.shadow {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: 5;
  display: none;
}

.staffBox {
  width: 100%;
  display: flex;
  margin-top: 0.3rem;
}

.staffBox .staffSwiper {
  flex: 1;
}

.staffBox .staffSwiper img {
  display: block;
  width: 3.3rem;
}

.staffNextPrev {
  align-items: center;
  width: 100%;
  justify-content: center;
  margin-top: 0.4rem;
}

.staffNextPrev .staffnext,
.staffNextPrev .staffprve {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  width: 0.4rem;
  height: 0.4rem;
  font-size: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 10;
  cursor: pointer;
  transition: all .3s;
  margin: 0 0.1rem;
}

.staffNextPrev .staffnext:hover,
.staffNextPrev .staffprve:hover {
  background: rgba(83, 141, 185, 0.5);
}

.companyIfon {
  background: #e6ebef url(../images/company.jpg) top center no-repeat;
  background-size: 100% auto;
  width: 100%;
  max-height: 7.8rem;
  padding-bottom: .2rem;
  overflow: auto;
  padding-top: .8rem;
}

.companyIfon .tit {
  font-size: 0.35rem;
  margin-bottom: .2rem;
  color: #4689bd;
  font-weight: bold;
}

.companyIfon .info-c {
  color: #555555;
}

.companyIfon .liTit {
  font-weight: bold;
  font-size: .25rem;
  color: #555555;
  margin: .2rem 0;
}

.culture {
  background: url(../images/culture.jpg) center no-repeat;
  background-size: 100% 100%;
  height: 4.65rem;
  padding-top: .2rem;
}

.culture .cultureTit {
  padding-left: .3rem;
  color: #538db9;
  margin-bottom: .5rem;
}

.culture .cultureTit h1 {
  font-weight: bold;
  font-size: .32rem;
}

.culture .cultureTit h2 {
  font-size: .25rem;
  text-transform: uppercase;
}

.cultureList .item {
  flex: 1;
  text-align: center;
  padding: 0 .08rem;
  color: #538db9;
  position: relative;
}

.cultureList .item .beij {
  width: 1.3rem;
  margin-bottom: .15rem;
}

.cultureList .item .wh {
  width: 0.53rem;
  position: absolute;
  top: 0.4rem;
  left: 50%;
  transform: translateX(-50%);
}

.cultureList .item h1 {
  font-size: 0.22rem;
  font-weight: bold;
  margin-bottom: 0.1rem;
}

.cultureList .item h2 {
  font-size: .19rem;
}

#think_page_trace_open {
  display: none;
}

.history {
  padding-top: 0.6rem;
  height: 10rem;
  background: url(../images/history.jpg) top center;
  background-size: cover;
}

.yearBox {
  overflow: hidden;
  text-align: center;
  margin: 2rem auto 0;
  height: 4.5rem;
  background: url(../images/fazBg.png) bottom center no-repeat;
  background-size: 80% auto;
  position: relative;
}

.yearBox .yearPage {
  position: absolute;
  top: 0.8rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  z-index: 10;
}

.yearBox .yearPage .yearPrev {
  cursor: pointer;
  margin-right: 1rem;
}

.yearBox .yearPage .yearPrev .ic {
  font-size: 0.5rem;
  color: #fff;
}

.yearBox .yearPage .yearNext {
  cursor: pointer;
  color: #fff;
  margin-left: 1rem;
}

.yearBox .yearPage .yearNext .ic {
  font-size: 0.5rem;
}

.yearBox .item {
  transition: all .3s;
  position: relative;
  padding-top: 1.5rem;
  font-size: 0.18rem;
  color: #fff;
}

.yearBox .swiper-slide-active .item {
  padding-top: 0.8rem;
  font-size: 0.35rem;
  color: #fff;
}

.yearBox .swiper-slide-prev .item {
  transform: rotate(-20deg);
}

.yearBox .swiper-slide-next .item {
  transform: rotate(20deg);
}

.yearBox .prev_nth2 .item {
  transform: rotate(-30deg) translateX(-0.9rem);
  padding-top: 1.9rem;
}

.yearBox .next_nth2 .item {
  transform: rotate(30deg) translateX(0.9rem);
  padding-top: 1.9rem;
}

.yearBox .prev_nth3 .item {
  transform: rotate(-60deg) translateX(-2.1rem);
  padding-top: 2.3rem;
}

.yearBox .next_nth3 .item {
  transform: rotate(60deg) translateX(2.1rem);
  padding-top: 2.3rem;
}

.yearBox .prev_nth4 .item {
  transform: rotate(0deg);
}

.yearBox .next_nth4 .item {
  transform: rotate(0deg);
}

.yearBox .prev_nth5 .item {
  transform: rotate(0deg);
}

.yearBox .next_nth5 .item {
  transform: rotate(0deg);
}

.yearBox .prev_nth6 .item {
  transform: rotate(0deg);
}

.yearBox .next_nth6 .item {
  transform: rotate(0deg);
}

.gallery-top .swiper-slide {
  background: rgba(255, 255, 255, 0.5);
  border-radius: .2rem;
}

.gallery-top .swiper-slide .box {
  padding: 0.2rem;
  align-items: center;
}

.gallery-top .swiper-slide .box .num {
  width: 1.24rem;
  height: 1.24rem;
  font-size: 0.36rem;
  color: #4588bc;
  background: url(../images/year.png) center no-repeat;
  background-size: 100% auto;
  text-align: center;
  line-height: 1.24rem;
}

.gallery-top .swiper-slide .box .info {
  width: 5rem;
  font-size: 0.2rem;
  line-height: 0.3rem;
  color: #fff;
}

.staffTit {
  padding-left: 0.4rem;
  margin-top: 0.4rem;
  margin-bottom: 0.3rem;
}

.staffTit h1 {
  font-size: 0.3rem;
  font-weight: bold;
  color: #538db9;
}

.staffTit h2 {
  font-size: 0.24rem;
  text-transform: uppercase;
  color: #538db9;
}