@charset "utf-8";
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.marginauto {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.linenowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flexAuto {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flexCetween {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.flexAlign {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: center;
  -webkit-align-items: center;
}
.header__box {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  background: #fff;
}
.header__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8.2292vw 0 13.5417vw;
  height: 0.9rem;
}
.header__left {
  display: flex;
  align-items: center;
}
.logo {
  display: block;
}
.logo img {
  display: inline-block;
  width: auto;
  height: 0.4rem;
}
.header__tel {
  margin-left: 3.125vw;
  padding: 0 1.1458vw 0 1.5625vw;
  border: 1px solid #3285ef;
  color: #3285ef;
  font-size: 0.18rem;
  height: 0.48rem;
  line-height: 0.48rem;
  border-radius: 0.25rem;
  font-weight: bold;
}
.header__right {
  display: flex;
  align-items: center;
}
.header__right:hover .header__bgs {
  clip-path: inset(0 0 0 0);
  visibility: visible;
}
.header__right:hover .navs__menu {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  transition: 0.4s 0.3s;
}
.navs {
  display: flex;
}
.navs > li {
  margin-right: 0.05rem;margin-right: 0.02rem;
  position: relative;
  display: flex;
  align-items: center;
  height: 0.9rem;
}
.navs > li:hover > a,
.navs > li.active > a {
  background: #3285ef;
  color: #fff;
}
.navs > li > a {
  display: inline-block;
  padding: 0 1.0417vw;
  height: 0.42rem;
  line-height: 0.42rem;
  border-radius: 0.21rem;
  color: #333333;
  font-size: 0.18rem;
}
.navs__menu {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: -10px;
  z-index: 3;
  width: 100%;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  pointer-events: none;
}
.navs__menu li {
  margin-bottom: 0.1rem;
}
.navs__menu li a {
  display: inline-block;
  color: #333333;
  font-size: 14px;
}
.navs__menu li a:hover {
  color: #3285ef;
}
.header__bgs {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 3rem;
  background: #fff;
  clip-path: inset(0 0 100% 0);
  visibility: hidden;
  transition: 0.7s;
}
.header__bgs:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 9.9rem;
  height: 100%;
  background: url(../images/header.png) left bottom no-repeat;
  background-size: 100% auto;
}
.header__bgs img {
  position: absolute;
  left: 18.2292vw;
  bottom: 0.86rem;
  width: auto;
  height: 0.76rem;
}
.mtop {
  height: 0.9rem;
}
.banner-slide figure {
  position: relative;
  display: block;
  padding-bottom: 40.625%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.banner-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-slide figure img {
  transition: 1s linear 3s;
}
.banner-slide.swiper-slide-active figure img {
  transition: 16s linear;
  transform: scale(1.15, 1.15);
}
.our__advantages {
  padding: 0.9rem 0 0.7rem;
  background: #F9F9F9;
}
.common__title {
  position: relative;
  z-index: 2;
  padding-top: 0.27rem;
}
.common__title strong {
  display: block;
  text-align: center;
  line-height: 1;
  color: #333333;
  font-size: 0.4rem;
  overflow: hidden;
}
.common__title small {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  line-height: 1;
  text-align: center;
  color: #E4E4E4;
  font-size: 0.65rem;
  font-family: "AlibabaPuHuiTi-3-85-Bold";
  text-transform: uppercase;
}
.advantages__list {
  display: flex;
  margin-top: 0.78rem;
}
.advantages__list li {
  padding: 0.2rem 0 0.52rem;
  flex: 1;
  text-transform: center;
}
.advantages__list li:hover b {
  color: #3285ef;
}
.advantages__list li:last-child .advantage__info:before {
  display: none;
}
.advantages__list li b {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 1.1rem;
  height: 1.2rem;
  color: #666666;
  font-weight: normal;
  font-size: 0.48rem;
  background: #fff;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  transition: 0.4s;
}
.advantage__info {
  margin-top: 0.2rem;
  position: relative;
  text-align: center;
}
.advantage__info:before {
  position: absolute;
  right: 0;
  top: 0.06rem;
  content: "";
  width: 1px;
  height: 0.7rem;
  background: #DEDEDE;
}
.advantage__info span {
  display: block;
  line-height: 1;
  color: #3285ef;
  font-size: 0.68rem;
  font-family: "bahnschrift";
  font-weight: bold;
}
.advantage__info span i {
  font-style: normal;
}
.advantage__info p {
  margin-top: 0.1rem;
  color: #333333;
  font-size: 14px;
}
.messages {
  padding: 0.48rem 0 0.45rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.messages__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.message__info strong {
  display: block;
  margin-bottom: 0.26rem;
  line-height: 1.1;
  color: #fff;
  font-size: 0.32rem;
}
.message__info p {
  color: #fff;
  font-size: 0.2rem;
}
.message__form {
  position: relative;
}
.message__form form {
  display: flex;
}
.message__form form .text {
  padding-left: 0.18rem;
  width: 6rem;
  box-sizing: border-box;
  height: 0.58rem;
  line-height: 0.58rem;
  background: #fff;
  border-radius: 3px;
  color: #999999;
  font-size: 0.18rem;
  outline: none;
  border: none;
}
.message__form form .text:focus::-webkit-input-placeholder {
  opacity: 0;
}
.message__form form .text::-webkit-input-placeholder {
  color: #999999;
}
.message__form form .sub {
  position: absolute;
  right: 0;
  top: 0;
  width: 1.52rem;
  height: 0.58rem;
  text-align: center;
  line-height: 0.58rem;
  cursor: pointer;
  background: #3285ef;
  border: none;
  outline: none;
  color: #fff;
  font-size: 0.2rem;
  border-radius: 3px;
  transition: 0.4s;
}
.cases {
  padding: 0.84rem 0 0.58rem;
}
.cases__in {
  margin-top: 0.46rem;
  margin-bottom: 0.52rem;
  text-align: center;
}
.cases__in2 {
  text-align: left;
}
.cases__in p {
  color: #1E1E1E;
  font-size: 16px;
}
.cases__btn {
  display: flex;
  justify-content: center;
  margin-bottom: 0.56rem;
}
.cases__btn--list {
  display: inline-flex;
  border: 1px solid #3285ef;
  border-radius: 0.29rem;
}
.cases__btn--list li {
  padding: 0 0.4rem;
  position: relative;
  z-index: 2;
  cursor: pointer;
  line-height: 0.56rem;
  color: #3285ef;
  font-size: 16px;
  transition: 0.4s;
}
.cases__btn--list li:hover,
.cases__btn--list li.active {
  color: #fff;
}
.cases__btn--list li:hover:before,
.cases__btn--list li.active:before {
  transform: scaleX(1);
  visibility: visible;
}
.cases__btn--list li:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 0.28rem;
  background: #3285ef;
  transform: scaleX(0);
  visibility: hidden;
  transition: 0.4s;
}
.cases__tab {
  padding-bottom: 0.4rem;
}
.cases__item {
  display: none;
}
.cases__item:first-child {
  display: block;
}
.cases__li {
  display: flex;
  flex-wrap: wrap;
}
.cases__li li {
  margin-right: 1.146%;
  margin-bottom: 0.16rem;
  position: relative;
  width: 24.14%;
  width: 32.14%;
}
.cases__li li:nth-child(4n+4) {
  /*margin-right: 0;*/
}
.cases__li li figure {
  position: relative;
  display: block;
  padding-bottom: 74.85%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.cases__li li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cases__li li figure img {
  transition: 0.65s;
}
.cases__li li:hover figure img {
  transform: scale(1.1);
}
.cases__li li:hover .cases__pop {
  opacity: 1;
  visibility: visible;
}
.cases__pop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: rgba(51, 103, 172, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.cases__wr {
  position: absolute;
  left: 0.18rem;
  top: 0.18rem;
  right: 0.18rem;
  bottom: 0.18rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(240, 249, 255, 0.7);
}
.cases__wr strong {
  display: block;
  margin-bottom: 0.6rem;
  line-height: 1.2;
  color: #fff;
  font-size: 0.2rem;
}
.cases__wr span {
  display: block;
  width: 0.84rem;
  height: 0.22rem;
  border: 1px solid #fff;
  text-align: center;
  line-height: 0.22rem;
  color: #fff;
  font-size: 0.2rem;
}
.common___more {
  text-align: center;
}
.common___more a {
  display: inline-block;
  width: 2rem;
  height: 0.4rem;
  text-align: center;
  line-height: 0.4rem;
  border-radius: 0.2rem;
  background: #3285ef;
  color: #fff;
  font-size: 0.16rem;
}
.common___more a:hover {
  background: #3285ef;
}
.hall {
  padding: 0.9rem 0 0.6rem;
  background: #F9F9F9;
}
.hall__box {
  padding-bottom: 0.66rem;
}
.hall__swiper {
  height: 5.3rem;
}
.halls-slide {
  display: flex;
  justify-content: space-between;
}
.hall__left {
  width: 49.85%;
}
.hall__item {
  position: relative;
}
.hall__item:hover figure img {
  transform: scale(1.06);
}
.hall__item figure {
  position: relative;
  display: block;
  padding-bottom: 75.78%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.hall__item figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hall__item figure img {
  transition: 0.58s;
}
.hall__item strong {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  color: #fff;
  font-size: 0.16rem;
  font-weight: normal;
  background: rgba(27, 151, 166, 0.5);
}
.hall__right {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 49.85%;
}
.hall__right .hall__item {
  margin-right: 0.86%;
  margin-bottom: 0.05rem;
  width: 49.57%;
}
.hall__right .hall__item:nth-child(2n+2) {
  margin-right: 0;
}
.standard {
  padding: 0.42rem 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.standard__li {
  display: flex;
  justify-content: space-between;
}
.standard__li li {
  margin-right: 0.12rem;
  padding: 0.18rem 0.2rem 0.22rem;
  width: 0;
  flex: 1;
  border-bottom: 0.04rem solid #3285ef;
  border-radius: 0.06rem;
  background: #fff;
}
.standard__li li:last-child {
  margin-right: 0;
}
.standard__li li strong {
  display: flex;
  align-items: flex-start;
  align-items: center;
  color: #1E1E1E;
  font-size: 0.24rem;
  line-height: 1.2;
  font-weight: normal;
}
.standard__li li strong img {
  display: inline-block;
  margin-right: 0.22rem;
  width: 0.42rem;
}
.standard__li li p {
  margin-top: 0.1rem;
  color: #1E1E1E;
  font-size: 0.14rem;
}
.case__service {
  padding-bottom: 0.3rem;
}
.service__pop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.service__pop strong {
  display: block;
  padding: 0 0.2rem;
  color: #fff;
  font-size: 0.16rem;
  /*font-weight: lighter;*/
  text-align: center;
  line-height: 1.5;
}
.case__service li {
  border-radius: 0.08rem;
  overflow: hidden;
}
.case__service li:hover .service__pop {
  opacity: 1;
  visibility: visible;
}
.about__us--box {
  background: #F9F9F9;
}
.about__us {
  padding: 0.87rem 0 0.6rem;
}
.about__wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 0.65rem;
}
.about__left {
  width: 52.71%;
}
.about__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.about__item {
  position: relative;
  margin-bottom: 0.1rem;
  width: 49.32%;
}
.about__item:hover figure img {
  transform: scale(1.08);
}
.about__item figure {
  position: relative;
  display: block;
  padding-bottom: 79.67%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.about__item figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about__item figure img {
  transition: 0.65s;
}
.about__item strong {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  font-weight: normal;
  z-index: 3;
  width: 100%;
  height: 0.42rem;
  line-height: 0.42rem;
  color: #fff;
  font-size: 0.18rem;
  background: rgba(0, 0, 0, 0.5);
}
.about__row1 .about__item:nth-child(1) {
  width: 59.62%;
}
.about__row1 .about__item:nth-child(1) figure {
  position: relative;
  display: block;
  padding-bottom: 55.45%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.about__row1 .about__item:nth-child(1) figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about__row1 .about__item:nth-child(2) {
  width: 39.29%;
}
.about__row1 .about__item:nth-child(2) figure {
  position: relative;
  display: block;
  padding-bottom: 84.722%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.about__row1 .about__item:nth-child(2) figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about__right {
  width: 46.714%;
}
.about__col {
  margin-bottom: 0.12rem;
}
.about__col .about__item {
  width: 100%;
}
.about__col .about__item figure {
  position: relative;
  display: block;
  padding-bottom: 54.294%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.about__col .about__item figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about__row2 .about__item:nth-child(1) {
  width: 40.184%;
}
.about__row2 .about__item:nth-child(1) figure {
  position: relative;
  display: block;
  padding-bottom: 67.938%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.about__row2 .about__item:nth-child(1) figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about__row2 .about__item:nth-child(2) {
  width: 57.97%;
}
.about__row2 .about__item:nth-child(2) figure {
  position: relative;
  display: block;
  padding-bottom: 47.089%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.about__row2 .about__item:nth-child(2) figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.plan {
  padding: 0.5rem 5%;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.plan strong {
  display: block;
  margin-bottom: 0.2rem;
  line-height: 1.1;
  color: #fff;
  font-size: 0.28rem;
}
.plan p {
  color: #FFFFFF;
  font-size: 0.16rem;
}
.hot__news {
  padding: 0.9rem 0 0;
}
.cases__btn .news__btn {
  border-color: #3285ef;
}
.cases__btn .news__btn li {
  color: #3285ef;
}
.cases__btn .news__btn li.active,
.cases__btn .news__btn li:hover {
  color: #fff;
}
.cases__btn .news__btn li:before {
  background: #3285ef;
}
.news__tab {
  padding: 0.5rem 0 0.5rem 0.25rem;
  border: 1px solid #EEEEEE;
  border-radius: 6px;
}
.news__wrs {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.news__left {
  width: 47.23%;
}
.news__left:hover figure img {
  transform: scale(1.06);
}
.news__left figure {
  position: relative;
  display: block;
  padding-bottom: 3.7rem;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 0.1rem 0.1rem 0 0;
}
.news__left figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news__left figure img {
  transition: 0.8s;
}
.news__in {
  padding: 0.26rem 0.25rem 0.22rem;
  background: #F9F9F9;
  border-radius: 0 0 0.1rem 0.1rem;
}
.news__in strong {
  display: block;
  margin-bottom: 0.12rem;
  line-height: 1.2;
  color: #3285ef;
  font-size: 0.2rem;
  font-weight: normal;
  font-family: "AlibabaPuHuiTi-3-85-Bold";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news__in p {
  color: #666666;
  font-size: 0.16rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news__right {
  width: 50.58%;
}
.news__item {
  display: none;
}
.news__item:first-child {
  display: block;
}
.news__li li {
  border-bottom: 1px solid #EEEEEE;
}
.news__li li:last-child {
  border-bottom: none;
}
.news__li li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.2rem;
  border-radius: 6px;
}
.news__li li a:hover {
  background: #E9FDFF;
}
.news__li li a:hover .news__imgs figure img {
  transform: scale(1.07);
}
.news__imgs {
  width: 1.6rem;
  border-radius: 6px;
}
.news__imgs figure {
  position: relative;
  display: block;
  padding-bottom: 73.75%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 6px;
}
.news__imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news__imgs figure img {
  transition: 0.65s;
}
.news__infos {
  flex: 1;
  padding-left: 1.7708vw;
  width: 0;
}
.news__infos strong {
  display: block;
  margin-bottom: 0.16rem;
  color: #1E1E1E;
  font-size: 0.2rem;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news__infos p {
  margin-bottom: 0.2rem;
  color: #999999;
  font-size: 0.16rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news__infos time {
  display: block;
  line-height: 1;
  color: #999999;
  font-size: 0.16rem;
}
.partners {
  padding: 1.65rem 0 0.6rem;
  background: url(../img/parters.png) center no-repeat;
  background-size: cover;
}
.partners__wrap {
  margin: auto;
  width: 11.6rem;
}
.partners__li {
  display: flex;
  justify-content: center;
  margin-bottom: 0.6rem;
}
.partners__li li {
  margin-right: 0.8rem;
  display: flex;
  align-items: center;
}
.partners__li li:last-child {
  margin-right: 0;
}
.partners__li li b {
  display: inline-block;
  margin-right: 0.4rem;
  color: #3285ef;
  font-size: 0.48rem;
  line-height: 1;
  font-family: "bahnschrift";
}
.partners__li li p {
  color: #0B1636;
  font-size: 0.22rem;
}
.partners__items {
  display: flex;
  flex-wrap: wrap;
}
.partners__items li {
  margin-right: 3.45%;
  margin-bottom: 0.2rem;
  width: 17.24%;
  transition: 0.4s;
}
.partners__items li:hover {
  transform: translateY(-10px);
}
.partners__items li:nth-child(5n+5) {
  margin-right: 0;
}
.partners__items li figure {
  position: relative;
  text-align: center;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #DEEAFC;
  height: 0.8rem;
}
.partners__items li figure img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  max-width: 90%;
  max-height: 80%;
}
.parade {
  padding: 0.44rem 0 0.4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parade__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.parade__info strong {
  display: block;
  margin-bottom: 0.1rem;
  line-height: 1.1;
  color: #fff;
  font-size: 0.28rem;
}
.parade__info p {
  color: #fff;
  font-size: 0.16rem;
}
.parade__more a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.56rem;
  height: 0.42rem;
  background: linear-gradient(0deg, #E87B14 0%, #F0AF28 100%);
  box-shadow: 0px 3px 3px 1px rgba(0, 89, 231, 0.32);
  border-radius: 0.21rem;
}
.parade__more a span {
  display: inline-block;
  color: #fff;
  font-size: 0.16rem;
}
.parade__more a i {
  display: inline-block;
  margin-left: 0.06rem;
  line-height: 1;
  font-style: 0.16rem;
  color: #fff;
  transform: rotate(180deg);
}
.trade {
  padding: 0.9rem 0 0.64rem;
}
.trade__swiper {
  margin-bottom: 0.24rem;
}
.trade-slide {
  width: 11rem;
}
.trade-slide figure {
  position: relative;
  display: block;
  padding-bottom: 55.96%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 0.1rem;
}
.trade-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  width: 80%;margin: 10% 0 0 10%;
  height: 80%;
  object-fit: cover;
}
.footer {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.footer__top {
  padding: 0.24rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.26);
}
.footer__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flogo img {
  display: inline-block;
  width: auto;
  height: 0.5rem;
}
.footer__navs {
  display: flex;
}
.footer__navs li {
  margin-right: 0.65rem;
}
.footer__navs li:last-child {
  margin-right: 0;
}
.footer__navs li a {
  display: inline-block;
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 14px;
}
.footer__navs li a:before {
  content: "";
  width: 0;
  height: 1px;
  background: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  z-index: -1;
}
.footer__navs li a:hover,
.footer__navs li a.active {
  color: #fff;
}
.footer__navs li a:hover:before,
.footer__navs li a.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.footer__address {
  padding: 0.2rem 0 8px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.contact__tt {
  display: block;
  margin-bottom: 0.18rem;
  line-height: 1;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: normal;
}
.address__item {
  margin-bottom: 0.14rem;
  display: flex;
  justify-content: flex-start;
}
.address__item:last-child {
  margin-bottom: 0;
}
.address__item span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
}
.address__item span i {
  display: inline-block;
  color: #26be99;
  font-style: normal;
  font-size: 12px;
  transform: scale(0.7);
  line-height: 0;
}
.address__item p {
  margin-left: 5px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 16px;
}
.footer__eq {
  display: flex;
  align-items: flex-start;
  padding-top: 3px;
}
.footer__eq--item {
  margin-right: 3.4375vw;
  width: 1.28rem;
  text-align: center;
}
.footer__eq--item:last-child {
  margin-right: 0;
}
.footer__eq--item figure {
  display: block;
  line-height: 1;
}
.footer__eq--item figure img {
  display: block;
  width: 100%;
  height: auto;
}
.footer__eq--item p {
  margin-top: 12px;
  line-height: 1;
  color: #FEFEFE;
  font-size: 14px;
}
.footer__copy {
  text-align: center;
  color: #fff;
  font-size: 14px;
}
.footer__bottom {
  padding: 0.08rem;
  margin-top: 0.08rem;
  display: flex;
  justify-content: center;
  border-top: 1px solid rgba(255, 255, 255, 0.26);
}
.footer__bottom span,
.footer__bottom a {
  display: inline-block;
  margin-right: 0.1rem;
  color: #FFFFFF;
  font-size: 14px;
}
.footer__bottom a {
  position: relative;
  z-index: 3;
}
.footer__bottom a:before {
  content: "";
  width: 0;
  height: 1px;
  background: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  z-index: -1;
}
.footer__bottom a:hover,
.footer__bottom a.active {
  color: #fff;
}
.footer__bottom a:hover:before,
.footer__bottom a.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.footer__bottom span {
  margin-right: 0.15rem;
}
.footer__bottom a:last-child {
  margin-right: 0;
}
.flex__menu {
  position: fixed;
  right: 0.54rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  width: 0.76rem;
}
.flex__menu--list li {
  position: relative;
  border-bottom: 1px solid #26244A;
  background: #3285ef;
}
.flex__menu--list li:hover .consultate {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
}
.flex__menu--list li.lines a {
  padding-top: 0.46rem;
}
.flex__menu--list li.lines figure {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -0.41rem;
  top: -0.56rem;
  line-height: 1;
  width: 0.82rem;
  box-shadow: 0px 0px 8px 0px rgba(44, 36, 212, 0.36);
  border-radius: 50%;
}
.flex__menu--list li.lines figure img {
  display: block;
  width: 100%;
  height: 0.82rem;
  border-radius: 50%;
}
.flex__menu--list li a {
  display: block;
  padding: 0.12rem 0;
  text-align: center;
}
.flex__menu--list li a b {
  display: block;
  margin-bottom: 0.1rem;
  line-height: 1;
  color: #fff;
  font-size: 0.22rem;
  font-weight: normal;
}
.flex__menu--list li a span {
  display: block;
  line-height: 1;
  color: #fff;
  font-size: 0.14rem;
}
.flex__top {
  margin-top: 0.14rem;
  padding: 0.14rem 0 0.1rem;
  text-align: center;
  cursor: pointer;
  border: 1px solid #26244A;
  background: #fff;
  transition: 0.4s;
  transform: scale(0);
  opacity: 0;
}
.flex__top.show {
  opacity: 1;
  transform: scale(1);
}
.flex__top:hover {
  background: #3285ef;
}
.flex__top:hover i,
.flex__top:hover span {
  color: #fff;
}
.flex__top i {
  display: inline-block;
  margin-bottom: 0.1rem;
  color: #3285ef;
  font-size: 0.24rem;
  font-style: normal;
  line-height: 1;
  transition: 0.35s;
}
.flex__top span {
  display: block;
  line-height: 1;
  color: #1E1E1E;
  font-size: 0.14rem;
  transition: 0.35s;
}
.consultate {
  position: absolute;
  right: 100%;
  top: 50%;
  padding-right: 0.56rem;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.5s;
}
.consultate__text {
  margin-bottom: 0.1rem;
  text-align: center;
}
.consultate__text strong {
  display: block;
  margin-bottom: 0.1rem;
  color: #3285ef;
  font-size: 0.2rem;
  line-height: 1;
}
.consultate__text p {
  color: #333333;
  font-size: 0.16rem;
  line-height: 1.1;
}
.consultate__eq img {
  display: block;
  width: 1.94rem;
  height: auto;
}
.consultate__eq p {
  margin-top: 0.16rem;
  text-align: center;
  line-height: 1.2;
  color: #999999;
  font-size: 12px;
  letter-spacing: 5px;
}
.pbanner {
  position: relative;
  z-index: 3;
  overflow: hidden;
}
.pbanner figure {
  position: relative;
  display: block;
  padding-bottom: 31.145%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.pbanner figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ptext {
  position: absolute;display: none;
  left: 0;
  top: 50%;
  z-index: 3;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}
.ptext small {
  display: block;
  margin-bottom: 0.24rem;
  line-height: 1;
  color: #fff;
  font-size: 0.48rem;
  font-family: "AlibabaPuHuiTi-3-85-Bold";
  font-weight: normal;
  text-transform: uppercase;
}
.ptext strong {
  display: block;
  line-height: 1;
  color: #fff;
  font-size: 0.32rem;
  font-weight: normal;
}
.posite {
  border-bottom: 1px solid #EEEEEE;
}
.posite__wrap {
  display: flex;
  align-items: center;
  height: 0.6rem;
}
.posite__wrap a,
.posite__wrap b {
  display: inline-block;
  color: #333333;
  font-size: 14px;
}
.posite__wrap a:hover {
  color: #3285ef;
}
.posite__wrap b {
  margin: 0 0.05rem;
  font-weight: normal;
}
.introduct {
  padding: 0.96rem 0 0.6rem;
}
.introduct__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.introduct__info {
  flex: 1;
  margin-right: 4.53vw;
  width: 0;
}
.intorudct__title strong {
  display: block;
  margin-bottom: 0.2rem;
  line-height: 1;
  color: #000000;
  font-size: 0.52rem;
  font-weight: normal;
  font-family: "PingFang-Heavy";
  overflow: hidden;
}
.intorudct__title small {
  display: block;
  line-height: 1;
  color: #000000;
  font-size: 0.18rem;
  text-transform: uppercase;
  font-family: "PingFang-Medium";
  overflow: hidden;
}
.introduct__text {
  margin-top: 0.44rem;
  margin-bottom: 0.9rem;
  color: #545658;
  font-size: 0.16rem;
  line-height: 2;
}
.introduct__data {
  display: flex;
  justify-content: space-between;
}
.introduct__data li {
  margin-right: auto;
  text-align: center;
}
.introduct__data li:last-child {
  margin-right: 0;
}
.introduct__data li strong {
  display: block;
  line-height: 1;
  font-size: 0.6rem;
  background: linear-gradient(0deg, #3285ef 0%, #3285ef 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "bahnschrift";
  font-weight: bold;
}
.introduct__data li p {
  margin-top: 0.15rem;
  color: #333333;
  font-size: 14px;
  font-family: "PingFang-Medium";
  line-height: 1;
}
.introduct__tab {
  position: relative;
  margin-top: 1.2rem;
}
.introduct__swiper .swiper-pagination {
  position: relative;
  bottom: auto;
  margin-top: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
.introduct__swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  margin-right: 0.1rem;
  width: 0.46rem;
  height: 0.04rem;
  border-radius: 0;
  background: #E5E5E5;
  opacity: 1;
  transition: 0.35s;
}
.introduct__swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #3285ef;
}
.introduct__swiper .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.introduct-slide {
  width: 3.3rem;
}
.introduct-slide:hover figure img {
  transform: scale(1.06);
}
.introduct-slide figure {
  position: relative;
  display: block;
  padding-bottom: 62.42%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.introduct-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.introduct-slide figure img {
  transition: 0.68s;
}
.introduct__btn {
  position: absolute;
  top: 50%;
  margin-top: -0.54rem;
  z-index: 5;
  width: 0.55rem;
  height: 0.55rem;
  text-align: center;
  line-height: 0.55rem;
  cursor: pointer;
  color: #575b66;
  font-size: 0.18re;
  font-weight: bold;
  background: #EEEEEE;
  border-radius: 50%;
  transition: 0.4s;
}
.introduct__btn:hover {
  background: #3285ef;
  color: #fff;
}
.introduct__btn.prev {
  left: -0.27rem;
}
.introduct__btn.next {
  right: -0.27rem;
}
.about__advantage--box {
  padding: 0.88rem 0 1.48rem;
  position: relative;
  z-index: 2;
  background: #F9F9F9;
}
.about__advantage--box:before {
  position: absolute;
  right: 1.3rem;
  top: 0;
  z-index: -1;
  content: "";
  width: 2.54rem;
  height: 1.1rem;
  background: url(../images/advantage1.png) center no-repeat;
  background-size: cover;
}
.about__advantage--box:after {
  position: absolute;
  left: 1.68rem;
  bottom: 0;
  z-index: -1;
  content: "";
  width: 2.56rem;
  height: 2.32rem;
  background: url(../images/advantage2.png) center no-repeat;
  background-size: cover;
}
.about__advantage--list {
  display: flex;
  margin-top: 0.84rem;
}
.about__advantage--list li {
  flex: 1;
  margin-right: 0.25rem;
  padding: 0.58rem 0.2rem 0.42rem;
  background: #fff;
  border-radius: 0.2rem;
  text-align: center;
}
.about__advantage--list li:last-child {
  margin-right: 0;
}
.about__advantage--list li:hover b {
  background: #3285ef;
  color: #fff;
}
.about__advantage--list li b {
  display: block;
  margin: auto;
  width: 0.82rem;
  height: 0.82rem;
  text-align: center;
  line-height: 0.82rem;
  border: 0.03rem solid #3285ef;
  border-radius: 0.2rem;
  color: #3285ef;
  font-size: 0.5rem;
  font-weight: normal;
  transition: 0.4s;
}
.about__advantage--list li strong {
  display: block;
  margin-top: 0.56rem;
  margin-bottom: 0.26rem;
  line-height: 1.555;
  color: #1B1933;
  font-size: 0.18rem;
  font-weight: normal;
  font-family: "PingFang-Heavy";
}
.about__advantage--list li small {
  display: block;
  line-height: 1;
  color: #59595F;
  font-size: 0.14rem;
  font-family: "PingFang-Medium";
}
.history {
  padding: 0.56rem 0 0.96rem;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.history__list {
  position: relative;
  margin-top: 1.66rem;
  margin-left: 8.02vw;
}
.history__imgs {
  line-height: 1;
}
.history__imgs img {
  display: block;
  width: 100%;
  height: auto;
}
.history__li {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding-right: 6.7708vw;
  z-index: 3;
  display: flex;
  align-items: flex-end;
}
.history__li li {
  flex: 1;
  padding-bottom: 0.51rem;
  position: relative;
  text-align: center;
  margin-bottom: 2.6446vw;
}
.history__li li:nth-child(2) {
  margin-bottom: 2.4042vw;
}
.history__li li:nth-child(3) {
  margin-bottom: 7.1958vw;
}
.history__li li:nth-child(4) {
  margin-bottom: 6.25vw;
}
.history__li li:nth-child(5) {
  margin-bottom: 8.2333vw;
}
.history__li li:nth-child(6) {
  margin-bottom: 4.175vw;
}
.history__li li:nth-child(7) {
  margin-bottom: 10.2917vw;
}
.history__li li:before {
  position: absolute;
  left: 50%;
  margin-left: -0.08rem;
  bottom: -0.08rem;
  content: "";
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background: #fff;
}
.history__li li time {
  display: block;
  margin-bottom: 0.15rem;
  line-height: 1;
  color: #444444;
  font-size: 0.28rem;
  font-family: "PingFang-Heavy";
}
.history__li li p {
  color: #333333;
  font-size: 16px;
  font-family: "PingFang-Medium";
  line-height: 1.5;
}
.history__line {
  margin: auto;
  margin-top: 0.15rem;
  width: 0.09rem;
  height: 1.13rem;
  background: url(../images/line1.png) center top no-repeat;
  background-size: cover;
}
.cultures {
  padding: 1.24rem 0 2.2rem;
}
.culture__list {
  margin-top: 1.2rem;
  display: flex;
}
.culture__list li {
  flex: 1;
  position: relative;
}
.culture__list li:hover figure img {
  transform: scale(1.08);
}
.culture__list li:hover .culture__info b {
  transform: rotateY(360deg);
}
.culture__list li figure {
  position: relative;
  display: block;
  padding-bottom: 110.8%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.culture__list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.culture__list li figure img {
  transition: 0.65s;
}
.culture__info {
  position: relative;
  z-index: 3;
  text-align: center;
}
.culture__info b {
  display: block;
  margin: auto;
  margin-top: -0.43rem;
  width: 0.8rem;
  height: 0.8rem;
  text-align: center;
  line-height: 0.8rem;
  border-radius: 50%;
  border: 0.06rem solid #fff;
  background: #E51B2C;
  color: #fff;
  font-size: 0.34rem;
  font-weight: normal;
  transition: 0.8s;
}
.culture__info strong {
  display: block;
  margin-top: 0.16rem;
  margin-bottom: 0.2rem;
  line-height: 1.2;
  color: #333333;
  font-size: 0.18rem;
  font-weight: normal;
  font-family: "PingFang-Heavy";
}
.culture__info p {
  color: #333333;
  font-size: 0.16rem;
  line-height: 1.55;
}
.honors {
  padding: 0.45rem 0 0.5rem;
  background-attachment: local;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.honors__swiper {
  margin-top: 0.52rem;
}
.honors-slide {
  padding-top: 0.2rem;
  width: 4rem;
}
.honors-slide:hover figure img {
  transform: scale(1.08);
}
.honors-slide:hover strong {
  color: #3285ef;
}
.honors-slide figure {
  position: relative;
  padding-bottom: 15.5208vw;
}
.honors-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  transition: 0.6s;
}
.honors-slide strong {
  display: block;
  text-align: center;
  margin-top: 0.48rem;
  color: #333333;
  font-size: 0.18rem;
  line-height: 1.4;
  font-weight: normal;
  font-family: "PingFang-Medium";
  transition: 0.4s;
}
.honor__btn {
  margin-top: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.honor__btn span {
  display: inline-block;
  margin-right: 0.7rem;
  width: 0.46rem;
  height: 0.46rem;
  border: 2px solid #AAAAAA;
  text-align: center;
  line-height: 0.46rem;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.4s;
  color: #AAAAAA;
  font-size: 0.16rem;
  font-weight: bold;
}
.honor__btn span:hover {
  border-color: #3285ef;
  background: #3285ef;
  color: #fff;
}
.honor__btn span:last-child {
  margin-right: 0;
}
.album {
  position: relative;
  z-index: 3;
  padding: 0.86rem 0 0.82rem;
}
.album__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
  height: 6.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.intorudct__title1 strong,
.intorudct__title1 small {
  color: #fff;
}
.album__info {
  margin-top: 0.4rem;
  margin-bottom: 0.5rem;
  color: #fff;
  font-size: 0.16rem;
}
.album-slide {
  width: 4.48rem;
}
.album-slide:hover figure img {
  transform: scale(1.08);
}
.album-slide figure {
  position: relative;
  display: block;
  padding-bottom: 62.5%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.album-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.album-slide figure img {
  transition: 0.68s;
}
.album__btn {
  display: flex;
  justify-content: center;
  line-height: 1;
  margin-top: 0.34rem;
}
.album__btn span {
  display: inline-block;
  margin-right: 0.42rem;
  line-height: 1;
  cursor: pointer;
  color: #AAAAAA;
  font-size: 0.3rem;
  transition: 0.4s;
}
.album__btn span:hover {
  color: #3285ef;
}
.album__btn span:last-child {
  margin-right: 0;
}
.introduct__imgs {
  position: relative;
  z-index: 3;
  width: 5.1rem;
  height: 5.1rem;
}
.introduct__imgs:before {
  position: absolute;
  left: 50%;
  margin-left: -53.43%;
  top: 50%;
  margin-top: -52.7%;
  content: "";
  width: 106.86%;
  height: 105.4%;
  background: url(../img/introducts.png) center no-repeat;
  background-size: 100% 100%;
  animation: move2 12s infinite linear;
}
@keyframes move2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.introduct__list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.introduct__item {
  margin-right: 2%;
  position: relative;
  margin-bottom: 0.08rem;
  overflow: hidden;
  width: 49%;
}
.introduct__item:hover figure:before {
  opacity: 1;
}
.introduct__item:hover strong {
  opacity: 1;
  visibility: visible;
}
.introduct__item figure {
  position: relative;
  display: block;
  padding-bottom: 98.06%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.introduct__item figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.introduct__item figure:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(27, 151, 166, 0.5);
  border-radius: 100% 0 0 0;
  transition: 0.4s;
  opacity: 0;
}
.introduct__item:nth-child(2n+2) {
  margin-right: 0;
}
.introduct__item strong {
  position: absolute;
  left: 0;
  top: 39.52%;
  width: 100%;
  text-align: center;
  z-index: 3;
  line-height: 1;
  color: #fff;
  font-size: 0.26rem;
  font-weight: normal;
  font-family: "PingFang-Heavy";
  opacity: 0;
  visibility: hidden;
  transition: 0.35s;
}
.introduct__item1 figure {
  border-radius: 0 100% 0 0;
}
.introduct__item1 figure:before {
  border-radius: 0 100% 0 0;
}
.introduct__item2 {
  margin-bottom: 0;
}
.introduct__item2 figure {
  border-radius: 0 0 0 100%;
}
.introduct__item2 figure:before {
  border-radius: 0 0 0 100%;
}
.introduct__item2 strong {
  top: auto;
  bottom: 39.52%;
}
.introduct__item3 {
  margin-bottom: 0;
}
.introduct__item3 figure {
  border-radius: 0 0 100% 0;
}
.introduct__item3 figure:before {
  border-radius: 0 0 100% 0;
}
.introduct__item3 strong {
  top: auto;
  bottom: 39.52%;
}
.introduct__logo {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1.35rem;
  margin-top: -1.35rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.7rem;
  height: 2.7rem;
  border: 0.08rem solid #fff;
  background: #F0F0F0;
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 5;
}
.introduct__logo img {
  display: inline-block;
  width: 1.25rem;
  height: auto;
}
.service__advantge {
  padding: 0.59rem 0 0.73rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.booth__title {
  text-align: center;
}
.booth__title strong {
  display: block;
  margin-bottom: 0.26rem;
  line-height: 1;
  color: #333333;
  font-size: 0.38rem;
  overflow: hidden;
}
.booth__title p {
  color: #525252;
  font-size: 0.18rem;
}
.service__lists {
  display: flex;
  align-items: flex-start;
  margin-top: 0.88rem;
}
.service__lists li {
  flex: 1;
  position: relative;
  transition: 0.4s;
}
.service__lists li:hover {
  transform: translateY(-30px);
}
.service__lists li:hover figure img {
  transform: scale(1.07);
}
.service__lists li:nth-child(2n+2) {
  margin-top: 0.5rem;
}
.service__lists li figure {
  position: relative;
  display: block;
  padding-bottom: 168.571%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.service__lists li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service__lists li figure img {
  transition: 0.65s;
}
.service__in {
  position: absolute;
  left: 0;
  right: 0rem;
  bottom: -1px;
  box-sizing: border-box;
  padding: 0.66rem 0.2rem 0.8rem;
  background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0.65) 100%);
  clip-path: polygon(0 0, 100% 27.54%, 100% 100%, 0 100%);
}
.service__in b {
  display: block;
  margin-bottom: 0.2rem;
  line-height: 1;
  color: #FF3318;
  font-size: 0.24rem;
}
.service__in strong {
  display: block;
  margin-bottom: 0.1rem;
  line-height: 1.1;
  color: #1E1E1E;
  font-size: 0.22rem;
}
.service__in small {
  display: block;
  line-height: 1.2;
  color: #999999;
  font-size: 0.14rem;
}
.service__process {
  padding: 1.3rem 0 0.5rem;
  background: #F5F5F5;
}
.process__list {
  margin-top: 0.4rem;
}
.process__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.54rem;
}
.process__item {
  position: relative;
  padding: 0.52rem 0.14rem 0.18rem;
  box-sizing: border-box;
  width: 2.3rem;
  text-align: center;
  background: #fff;
  border-radius: 0.1rem;
  box-shadow: 0px 0px 8px 0px rgba(155, 155, 155, 0.18);
}
.process__item b {
  position: absolute;
  left: 0.14rem;
  top: 0.14rem;
  line-height: 0.8;
  color: #FFAB58;
  font-size: 0.38rem;
  font-weight: normal;
}
.process__item img {
  display: inline-block;
  width: auto;
  height: 0.62rem;
}
.process__item strong {
  display: block;
  margin: auto;
  margin-top: 0.24rem;
  margin-bottom: 0.14rem;
  width: 1.25rem;
  height: 0.38rem;
  line-height: 0.38rem;
  border-radius: 0.08rem;
  background: #0D3475;
  font-size: 0.2rem;
  text-align: center;
  color: #fff;
  font-weight: normal;
}
.process__item p {
  color: #696969;
  font-size: 0.16rem;
  line-height: 1.5;
}
.process__arrow {
  display: inline-block;
  color: #3285ef;
  font-size: 0.18rem;
  text-align: center;
  flex: 1;
}
.process__wrap {
  margin: auto;
  width: 11.4rem;
}
.service__cases {
  padding: 0.98rem 0 0.5rem;
}
.cases__tt {
  margin-top: 0.24rem;
  text-align: center;
}
.cases__tt a {
  display: inline-block;
  color: #333333;
  font-size: 0.16rem;
  font-weight: normal;
}
.service__cases--list {
  margin-top: 0.44rem;
  padding-bottom: 0.45rem;
}
.service__cases--list li a {
  position: relative;
}
.service__cases--list li a .cases__wr {
  border: none;
}
.page__list {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page__list a {
  display: inline-block;
  padding: 0 0.2rem;
  margin-right: 0.2rem;
  border: 1px solid #E6E6E6;
  line-height: 0.46rem;
  border-radius: 0.05rem;
  color: #666666;
  font-size: 0.16rem;
}
.page__list a:hover,
.page__list a.active {
  background: #3285ef;
  border-color: #3285ef;
  color: #fff;
}
.page__list a:last-child {
  margin-right: 0;
}
.range {
  padding: 0.58rem 0 1rem;
}
.range__list {
  display: flex;
  margin-top: 0.74rem;
}
.range__item {
  display: flex;
  justify-content: flex-end;
  width: 2.04rem;
  overflow: hidden;
  transition: 0.68s;
}
.range__item.active {
  width: 7.88rem;
}
.range__item.active .range__imgs {
  width: 4.08rem;
}
.range__item.active .range__info {
  flex: 1;
  opacity: 1;
}
.range__imgs {
  position: relative;
  width: 2.04rem;
  height: 5rem;
  transition: 0.8s;
}
.range__imgs figure {
  display: flex;
  justify-content: flex-end;
  line-height: 1;
  overflow: hidden;
}
.range__imgs figure img {
  display: block;
  width: auto;
  height: 100%;
}
.range__imgs strong {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0.44rem 0.2rem 0.22rem;
  line-height: 1.2;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  font-weight: normal;
  color: #fff;
  font-size: 0.2rem;
  font-family: "PingFang-Heavy";
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0.54) 100%);
}
.range__info {
  padding: 3.4375vw 0.35rem 0.48rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  width: 3.8rem;
  background: #F9F9FF;
  opacity: 0;
  flex: 1;
  transition: 0.5s;
}
.range__title small {
  display: block;
  margin-bottom: 0.18rem;
  line-height: 1;
  color: #B9B9BA;
  font-size: 14px;
  text-transform: uppercase;
}
.range__title strong {
  display: block;
  line-height: 1;
  color: #1E1E1E;
  font-size: 0.28rem;
}
.range__text {
  margin-top: 3.125vw;
  color: #333333;
  font-size: 0.16rem;
}
.range__zx a {
  display: block;
  width: 1.64rem;
  height: 0.46rem;
  text-align: center;
  line-height: 0.46rem;
  background: #3285ef;
  color: #fff;
  font-size: 0.16rem;
}
.range__zx a:hover {
  background: #E20F0F;
}
.space__advatage {
  padding: 0.54rem 0 1px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.booth__title1 strong,
.booth__title1 p {
  color: #fff;
}
.space__advatage--list {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
}
.space__advatage--list li {
  margin-right: 7%;
  margin-bottom: 0.9rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  width: 46.5%;
  border-radius: 0.2rem;
}
.space__advatage--list li:nth-child(2n+2) {
  margin-right: 0;
}
.space__advatage--list li b {
  display: block;
  position: absolute;
  left: 0;
  top: -0.3rem;
  width: 1.16rem;
  height: 0.6rem;
  border-radius: 0 0.3rem 0.3rem 0;
  background: #E20F0F;
  color: #fff;
  font-size: 0.36rem;
  font-family: "AlibabaPuHuiTi-3-85-Bold";
  font-weight: normal;
  font-style: italic;
  text-align: center;
}
.space__advatage--list li:hover .space__imgs img {
  transform: scale(1.07);
}
.space__advatage--list li:hover .space__info strong {
  color: #E20F0F;
}
.space__info {
  margin-top: 0.18rem;
  flex: 1;
  width: 0;
  padding: 0 0.25rem 0 0.32rem;
}
.space__info strong {
  display: block;
  margin-bottom: 0.22rem;
  line-height: 1;
  color: #1E1E1E;
  font-size: 0.28rem;
  font-weight: bold;
  transition: 0.4s;
}
.space__info p {
  color: #333333;
  font-size: 0.18rem;
  line-height: 1.666;
}
.space__imgs {
  width: 2.63rem;
  line-height: 1;
  border-radius: 0 0.2rem 0.2rem 0;
  overflow: hidden;
}
.space__imgs img {
  width: 100%;
  height: 2.2rem;
  transition: 0.68s;
}
.activity__advantage {
  padding: 0.56rem 0 0.42rem;
  background: #FCFCFC;
}
.activity__list {
  margin-top: 1.3rem;
  display: flex;
  flex-wrap: wrap;
}
.activity__list li {
  margin-right: 8.6%;
  margin-bottom: 5.5208vw;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 45.7%;
}
.activity__list li:nth-child(2n+2) {
  margin-right: 0;
}
.activity__list li:hover .activity__imgs figure img {
  transform: scale(1.07);
}
.activity__info {
  flex: 1;
  padding-right: 0.4rem;
  padding-top: 0.16rem;
  width: 0;
}
.activity__numble {
  display: inline-flex;
  align-items: center;
  padding: 0.07rem 0.24rem 0.07rem 0.08rem;
  border-radius: 0.3rem;
  background: #222222;
}
.activity__numble b {
  display: inline-block;
  width: 0.26rem;
  height: 0.26rem;
  text-align: center;
  line-height: 0.26rem;
  background: #fff;
  color: #222222;
  font-size: 0.2rem;
  font-family: "AlibabaPuHuiTi-3-85-Bold";
  border-radius: 50%;
}
.activity__numble strong {
  display: inline-block;
  margin-left: 0.11rem;
  color: #fff;
  font-size: 0.2rem;
  font-weight: normal;
  font-family: "PingFang-Heavy";
  line-height: 1;
}
.activity__text {
  margin-top: 0.32rem;
  color: #666666;
  font-size: 0.16rem;
  font-family: "PingFang-Medium";
}
.activity__imgs {
  width: 3rem;
}
.activity__imgs figure {
  position: relative;
  display: block;
  padding-bottom: 57.28%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 0.2rem;
}
.activity__imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.activity__imgs figure img {
  transition: 0.65s;
}
.guarantee {
  padding-top: 1.1rem;
}
.guarantee__wraps {
  margin-top: 0.9rem;
}
.guarantee__list {
  display: flex;
  flex-wrap: wrap;
}
.guarantee__list li {
  margin-right: 4.125%;
  margin-bottom: 0.36rem;
  padding-bottom: 0.18rem;
  width: 16.7%;
  background: #F9F9FF;
  border-radius: 0.1rem;
}
.guarantee__list li:hover figure img {
  transform: scale(1.07);
}
.guarantee__list li.actives b {
  background: #3285ef;
}
.guarantee__list li:nth-child(5n+5) {
  margin-right: 0;
}
.guarantee__list li figure {
  position: relative;
  display: block;
  padding-bottom: 77.777%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 0.1rem 0.1rem 0 0;
}
.guarantee__list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.guarantee__list li figure img {
  transition: 0.65s;
}
.guarantee__list li b {
  display: block;
  margin: auto;
  position: relative;
  z-index: 2;
  margin-top: -0.3rem;
  width: 0.54rem;
  height: 0.54rem;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #3285ef;
}
.guarantee__list li b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  max-height: 0.32rem;
}
.guarantee__list li strong {
  display: block;
  text-align: center;
  margin-top: 0.1rem;
  line-height: 1.1;
  color: #333333;
  font-size: 0.16rem;
  font-weight: bold;
}
.trade__advantage {
  padding: 0.92rem 0 1.2rem;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.trade__list {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
}
.trade__list li {
  flex: 1;
  margin-right: 0.27rem;
  box-sizing: border-box;
  padding: 0.13rem 0.16rem 0.26rem;
  background: #fff;
}
.trade__list li:last-child {
  margin-right: 0;
}
.trade__list li figure {
  position: relative;
  display: block;
  padding-bottom: 70.03%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.trade__list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.trade__list li figure img {
  transition: 0.68s;
}
.trade__list li strong {
  display: block;
  margin-top: 0.3rem;
  color: #333333;
  font-size: 0.16rem;
  line-height: 1.875;
  font-weight: normal;
  text-align: center;
}
.service__view--fix {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0.29rem;
}
.service__view--info {
  padding: 0.24rem 0.24rem;
  width: 70%;
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #EEEEEE;
}
.service__view--top {
  margin-bottom: 0.56rem;
}
.service__view--title {
  padding: 0.42rem 0 0.5rem;
  text-align: center;
  line-height: 1;
  color: #333333;
  font-size: 0.34rem;
}
.service__view--wr {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.service__view--tab {
  width: 55.99%;
}
.service__item {
  float: left;
  width: 100%;
}
.service__item figure {
  position: relative;
  display: block;
  padding-bottom: 66.53%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.service__item figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service__min {
  margin: 0 -10px;
  margin-top: 12px;
}
.service__item--min {
  float: left;
  width: 33.333%;
  cursor: pointer;
}
.service__item--min.slick-current figure:before {
  opacity: 1;
  visibility: visible;
}
.service__item--min figure {
  margin: 0 10px;
  position: relative;
  display: block;
  padding-bottom: 62.02%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.service__item--min figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service__item--min figure:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  content: "";
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 3px solid #3285ef;
  opacity: 0;
  visibility: hidden;
  transition: 0.35s;
}
.service__swiper--text {
  padding-right: 0.22rem;
  width: 35.94%;
}
.service__text--top {
  padding-top: 2.6vw;
  min-height: 16.98vw;min-height: 11.98vw;
}
.service__text--top strong {
  display: block;
  margin-bottom: 0.3rem;
  line-height: 1;
  color: #333333;
  font-size: 0.2rem;
}
.service__text--top p {
  margin-bottom: 0.1rem;
  color: #333333;
  font-size: 0.18rem;
}
.service__view--btn a {
  display: block;
  height: 0.6rem;
  line-height: 0.6rem;
  color: #A09244;
  font-size: 0.18rem;
  text-align: center;
  border: 2px solid #A09244;
  border-radius: 0.12rem;
}
.service__view--btn a:hover {
  background: #A09244;
  color: #fff;
}
.cases__title {
  display: block;
  margin-bottom: 0.3rem;
  line-height: 1;
  color: #333333;
  font-size: 0.18rem;
  text-align: center;
}
.case__view--info {
  color: #333333;
  font-size: 0.18rem;
}
.case__view--info a{color:#3285ef;}

.case__view--info img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.cases__problem {
  margin-top: 0.4rem;
  display: flex;
  justify-content: space-between;
}
.cases__problem--item {
  width: 48.36%;
}
.cases__problem--item:last-child a {
  background: #FFE4DB;
}
.cases__problem--item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.3rem 1.98vw 0.3rem 1.98vw;
  border-radius: 8px;
  background: #EDF5FC;
}
.cases__problem--item a:hover b {
  transform: translateY(-5px);
}
.cases__problem--item a b {
  display: block;
  position: relative;
  width: 0.94rem;
  height: 0.94rem;
  border-radius: 50%;
  background: #fff;
  transition: 0.3s;
}
.cases__problem--item a b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  max-height: 0.5rem;
}
.problem__info {
  padding-right: 0.1rem;
  width: 0;
  flex: 1;
}
.problem__info strong {
  display: block;
  margin-bottom: 0.12rem;
  line-height: 1;
  color: #333333;
  font-size: 0.2rem;
  font-weight: normal;
}
.problem__info p {
  color: #666666;
  font-size: 0.16rem;
}
.cases__page {
  padding: 0.28rem 0 0.6rem;
}
.cases__page p {
  margin-bottom: 0.16rem;
}
.cases__page p:last-child {
  margin-bottom: 0;
}
.cases__page p a {
  display: inline-block;
  color: #222222;
  font-size: 0.16rem;
}
.cases__page p a:hover {
  color: #3285ef;
}
.new__cases {
  margin-left: 0.16rem;
  padding: 0 ;
  width: 0;
  flex: 1;
  border: 1px solid #EEEEEE;
}
.new__cases .cases__title {
  margin-bottom: 0.18rem;
  text-align: left;
}
.new__cases--tops {
  padding: 0.19rem 0.2rem;
  background: #fff;
}
.new__cases--list {
  display: block;
}
.new__cases--list li {
  position: relative;
  width: 100%;
  margin-right: 0;
  margin-bottom: 0.08rem;
}
.new__cases--list li:last-child {
  margin-bottom: 0;
}
.new__cases--list li:hover strong {
  color: #fff;
}
.new__cases--list li strong {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  height: 0.28rem;
  width: 100%;
  line-height: 0.28rem;
  color: #fff;
  font-size: 0.14rem;
  background: rgba(0, 0, 0, 0.5);
}
.related__case {
  margin-top: 0.2rem;
  padding: 0.2rem;
  background: #fff;
}
.related__case--list {
  padding-top: 0.1rem;
}
.related__case--list li {
  margin-bottom: 0.1rem;
}
.related__case--list li a {
  display: block;
  color: #333333;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.related__case--list li a:hover {
  color: #3285ef;
}
.service__advantage--zl .advantages__imgs {
  width: 44.28%;
}
.advantages__info--color {
  background: #00A0E9;
}
.advantages__info--color:hover {
  background: #3285ef;
}
.industry__li li {
  margin-bottom: 0.44rem;
  position: relative;
}
.industry__li li:hover figure img {
  transform: scale(1.08);
}
.industry__li li figure {
  position: relative;
  display: block;
  padding-bottom: 56.06%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.industry__li li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.industry__li li figure img {
  transition: 0.6s;
}
.industry__li li strong {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  line-height: 0.28rem;
  color: #fff;
  font-size: 0.14rem;
  font-weight: normal;
  text-align: center;
  transition: 0.4s;
  background: rgba(0, 0, 0, 0.5);
}
.news__box {
  padding: 0.5rem 0 0.6rem;
}
.news__btn--wr {
  display: flex;
  justify-content: center;
}
.news__btn {
  display: inline-flex;
  border: 2px solid #3285ef;
  overflow: hidden;
  border-radius: 0.37rem;
}
.news__btn a {
  display: inline-block;
  margin-left: -1px;
  width: 3rem;
  height: 0.7rem;
  border-right: 2px solid #3285ef;
  text-align: center;
  line-height: 0.7rem;
  color: #3285ef;
  font-size: 0.18rem;
  font-family: "PingFang-Medium";
}
.news__btn a:hover,
.news__btn a.active {
  background: #3285ef;
  color: #fff;
}
.news__btn a:last-child {
  border-right: none;
}
.news__lists {
  margin-top: 0.27rem;
  margin-bottom: 0.6rem;
}
.news__lists li {
  border-bottom: 1px solid #EFEFEF;
}
.news__lists li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.24rem 0;
}
.news__lists li a:hover .news__imgs--fix figure img {
  transform: scale(1.08);
}
.news__lists li a:hover .news__info--fix strong {
  color: #3285ef;
}
.news__lists li a:hover .news__info--fix span {
  background: #3285ef;
  color: #fff;
}
.news__imgs--fix {
  width: 3.6rem;
  line-height: 1;
}
.news__imgs--fix figure {
  position: relative;
  display: block;
  padding-bottom: 62.222%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 0.1rem;
}
.news__imgs--fix figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news__imgs--fix figure img {
  transition: 0.68s;
}
.news__info--fix {
  flex: 1;
  margin-left: 0.35rem;
  position: relative;
  width: 0;
}
.news__info--fix strong {
  display: block;
  margin-right: 1rem;
  margin-bottom: 0.35rem;
  line-height: 1.2;
  color: #333333;
  font-size: 18px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news__info--fix p {
  color: #777777;
  font-size: 0.16rem;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.news__info--fix time {
  display: block;
  margin-top: 0.32rem;
  color: #888888;
  font-size: 14px;
}
.news__info--fix span {
  width: 0.96rem;
  position: absolute;
  right: 0;
  top: -0.2rem;
  display: block;
  height: 0.42rem;
  text-align: center;
  line-height: 0.42rem;
  border-radius: 0.06rem;
  background: #FAFAFA;
  color: #333333;
  font-size: 0.16rem;
  transition: 0.4s;
}
.informate__tops {
  padding: 0.4rem 0;
  text-align: center;
}
.informate__tops h3 {
  display: block;
  margin-bottom: 0.24rem;
  line-height: 1.2;
  color: #333333;
  font-size: 0.34rem;
}
.informate__tops p {
  color: #999999;
  font-size: 0.16rem;
}
.informate__tops p span{opacity: 0;}
.related__case--list {
  padding-top: 0.1rem;
}
.related__case--list li {
  margin-bottom: 0.1rem;
}
.related__case--list li a {
  display: block;
  color: #333333;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.related__case--list li a:hover {
  color: #3285ef;
}
.news__rights {
  flex: 1;
  margin-left: 0.2rem;
  width: 0;
}
.new__news {
  padding: 0.2rem 0.24rem 0;
  border: 1px solid #E5E5E5;
}
.news__titles {
  position: relative;
  display: block;
  padding-left: 0.1rem;
  line-height: 1;
  color: #000000;
  font-size: 18px;
}
.news__titles:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  content: "";
  width: 0.04rem;
  height: 18px;
  background: #3285ef;
}
.new__li {
  margin-top: 0.3rem;
}
.new__li li {
  margin-bottom: 0.25rem;
}
.new__li li a {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.new__li li a:hover figure img {
  transform: scale(1.08);
}
.new__li li a:hover strong {
  color: #3285ef;
}
.new__li li a strong {
  flex: 1;
  margin-left: 0.2rem;
  width: 0;
  color: #1E1E1E;
  font-size: 0.16rem;
  font-weight: normal;
  transition: 0.35s;
}
.new__imgs {
  width: 1.4rem;
}
.new__imgs figure {
  position: relative;
  display: block;
  padding-bottom: 55.71%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.new__imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.new__imgs figure img {
  transition: 0.67s;
}
.related__articles {
  margin-top: 0.28rem;
  padding: 0.2rem 0.2rem;
  border: 1px solid #E5E5E5;
}
.related__articles--list {
  margin-top: 0.26rem;
}
.related__articles--list li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 0.42rem;
}
.related__articles--list li a:hover strong {
  color: #3285ef;
}
.related__articles--list li a strong {
  display: block;
  flex: 1;
  position: relative;
  padding-left: 0.17rem;
  color: #333333;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  transition: 0.35s;
}
.related__articles--list li a strong:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.03rem;
  content: "";
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background: #DCDCDC;
}
.related__articles--list li a time {
  display: block;
  margin-left: 0.3rem;
  line-height: 1;
  color: #999999;
  font-size: 14px;
}
.contacts {
  margin: 0.74rem auto 0.62rem;
  display: flex;
  justify-content: space-between;
  background: #F8F8FF;
}
.maps {
  width: 56.14%;
  height: 6.56rem;
}
.contact__right {
  flex: 1;
  padding: 0.25rem 3.125vw 0.3rem;
  width: 0;
}
.contact__adress {
  margin-bottom: 0.34rem;
}
.contact__adress p {
  color: #333333;
  font-size: 16px;
}
.contact__ico {
  display: flex;
  align-items: center;
  margin-bottom: 0.14rem;
}
.contact__ico b {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  text-align: center;
  line-height: 0.4rem;
  background: #3285ef;
  color: #fff;
  font-size: 0.2rem;
  font-weight: normal;
}
.contact__ico strong {
  display: inline-block;
  margin-left: 0.1rem;
  color: #333333;
  font-size: 0.18rem;
}
.contact__eq {
  display: flex;
  justify-content: space-between;
}
.contact__eq--li {
  display: flex;
  align-items: center;
}
.contact__eq--li img {
  display: inline-block;
  width: 1.28rem;
  height: auto;
}
.contact__eq--li strong {
  display: block;
  margin-left: 1.4583vw;
  color: #333333;
  font-size: 14px;
  font-weight: normal;
}
.monash {
  padding: 0.6rem 0;
  background: #F7FEFF;
}
.monash__list {
  margin-top: 0.65rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.monash__list li {
  margin-right: 5%;
  margin-bottom: 0.2rem;
  width: 30%;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  cursor: pointer;
}
.monash__list li:nth-child(3n+3) {
  margin-right: 0;
}
.monash__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.34rem 0 0.3rem;
  height: 0.7rem;
  background: url(../images/recuit.jpg) center no-repeat;
  background-size: cover;
}
.monash__top strong {
  display: block;
  line-height: 1.2;
  color: #10282D;
  font-size: 0.18rem;
  font-weight: normal;
}
.monash__top span {
  display: block;
  width: 0.88rem;
  height: 0.3rem;
  line-height: 0.3rem;
  border-radius: 0.15rem;
  background: #3285ef;
  text-align: center;
  color: #fff;
  font-size: 0.14rem;
}
.monash__fix {
  padding: 0.26rem 0.24rem 0.2rem;
  color: #333333;
  font-size: 14px;
  line-height: 2.1;
}
.monash__hide {
  display: none;
}
.check__more {
  margin-top: 0.25rem;
  text-align: center;
  color: #26244A;
  font-size: 14px;
  line-height: 1.2;
}
.line__message {
  padding: 0.7rem 0 0.65rem;
  margin: auto;
  width: 10rem;
}
.message__wr {
  margin-top: 0.68rem;
  padding: 0.48rem 0.24rem 0.24rem;
  display: flex;
  justify-content: space-between;
  border: 1px solid #E5E5E5;
  border-radius: 0.1rem;
}
.message__imgs {
  width: 4.04rem;
  line-height: 1;
}
.message__imgs img {
  display: block;
  width: 100%;
  height: auto;
}
.message__fixs {
  flex: 1;
  margin-left: 0.38rem;
  width: 0;
}
.message__row {
  margin-bottom: 0.24rem;
}
.message__row p {
  margin-bottom: 0.15rem;
  line-height: 1;
  color: #1E1E1E;
  font-size: 0.18rem;
}
.message__row p i {
  color: #FF0000;
  font-style: normal;
}
.message__row .texts {
  box-sizing: border-box;
  width: 100%;
  padding-left: 0.14rem;
  border: 1px solid #E5E5E5;
  height: 0.42rem;
  line-height: 0.42rem;
  color: #1E1E1E;
  font-size: 0.16rem;
}
.message__row .texts:focus::-webkit-input-placeholder {
  opacity: 0;
}
.message__row .texts::-webkit-input-placeholder {
  color: #E5E5E5;
}
.message__row .textareas {
  padding-top: 0.12rem;
  height: 0.58rem;
  line-height: 1.6;
}
.message__sub .val {
  width: 100%;
  height: 0.58rem;
  line-height: 0.58rem;
  border: none;
  background: #3285ef;
  color: #fff;
  font-size: 0.18rem;
  cursor: pointer;
  transition: 0.4s;
}
.message__sub .val:hover {
  background: #3285ef;
}
.city__wrap {
  padding: 0.3rem 0 0.78rem;
}
.city__list {
  display: flex;
  flex-wrap: wrap;
}
.city__list li {
  margin-right: 0.16rem;
  margin-bottom: 0.12rem;
}
.city__list li:hover a,
.city__list li.active a {
  border-color: #3285ef;
  color: #fff;
  background: #3285ef;
}
.city__list li a {
  display: block;
  padding: 0 0.23rem;
  height: 0.34rem;
  line-height: 0.34rem;
  border: 1px solid #E5E5E5;
  color: #333333;
  font-size: 0.18rem;
}
.city__infos {
  margin-top: 0.24rem;
  padding: 0.24rem 0.24rem;
  border: 1px solid #E5E5E5;
}
.city__introduct {
  margin-top: 0.34rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.city__imgs {
  width: 45.52%;
}
.city__imgs figure {
  position: relative;
  display: block;
  padding-bottom: 59.67%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.city__imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.city__intro {
  flex: 1;
  padding-left: 0.34rem;
  width: 0;
  color: #333333;
  font-size: 0.16rem;
}
.city__business {
  margin-top: 0.3rem;
}
.business__li {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.4rem;
}
.business__li li {
  margin-right: 1.066%;
  width: 24.2%;
}
.business__li li:hover figure img {
  transform: scale(1.08);
}
.business__li li:hover strong {
  color: #3285ef;
}
.business__li li:nth-child(4n+4) {
  margin-right: 0;
}
.business__li li figure {
  position: relative;
  display: block;
  padding-bottom: 66.26%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.business__li li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.business__li li figure img {
  transition: 0.68s;
}
.business__li li strong {
  display: block;
  margin-top: 0.2rem;
  line-height: 1.2;
  color: #333333;
  font-size: 0.18rem;
  font-weight: normal;
  text-align: center;
  transition: 0.4s;
}
.answers {
  margin-top: 0.5rem;
}
.answers__list {
  margin: 0 -0.22rem;
  display: flex;
  margin-top: 0.22rem;
  flex-wrap: wrap;
}
.answers__list li {
  position: relative;
  box-sizing: border-box;
  padding: 0 0.22rem;
  width: 33.333%;
  border-right: 1px solid #E5E5E5;
}
.answers__list li:nth-child(3n+3) {
  border-right: none;
}
.answers__tt {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.28rem;
}
.answers__tt span {
  display: inline-block;
  width: 0.24rem;
  height: 0.24rem;
  background: url(../images/answer1.png) center no-repeat;
  background-size: cover;
}
.answers__tt strong {
  display: block;
  margin-left: 0.17rem;
  flex: 1;
  color: #1E1E1E;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.answers__in {
  display: flex;
  align-items: flex-start;
}
.answers__in span {
  display: inline-block;
  width: 0.24rem;
  height: 0.24rem;
  background: url(../images/answer2.png) center no-repeat;
  background-size: cover;
}
.answers__text {
  flex: 1;
  width: 0;
  margin-left: 0.17rem;
  color: #333333;
  font-size: 0.16rem;
  line-height: 1.75;
}
.cases__itemsd {
  display: none;
}
.cases__itemsd:first-child {
  display: block;
}
.news__mores {
  display: none;
}
.bm_bottomLeftOverlay {
  display: none !important;
}