.w1400 {
  width: 14rem;
  margin: 0 auto;
  font-size: 0;
  z-index: 2;
  width: calc((1400 / 1920) * 100%);
}

@media (max-width: 1420px) {
  .w1400 {
    width: 86%;
  }
}

@media (max-width: 900px) {
  .w1400 {
    width: 94%;
  }
}

.w1920 {
  width: 19.2rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
  z-index: 2;
}

header {
  width: 100%;
  position: fixed;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
  transition: all ease .3s;
}

header .logo {
  display: inline-block;
  vertical-align: middle;
  width: 2.15rem;
  margin-right: 0.4rem;
}

header .logo a, header .logo img {
  width: 100%;
  display: block;
}

header .logo img:first-child {
  display: block;
}

header .logo img:last-child {
  display: none;
}

header nav {
  width: calc(100% - 2.16rem - 3.3rem - 0.4rem);
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

header nav .natem {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.2rem;
  padding: 0 0.1rem;
}

header nav .natem .nas {
  width: auto;
  display: inline-block;
}

header nav .natem .nas a {
  width: 100%;
  color: #fff;
  line-height: 0.8rem;
  display: block;
}

header nav .natem .navuls {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0.5rem 0;
  background-color: #fff;
  box-shadow: 0px 3px 35px 0px rgba(0, 0, 0, 0.1);
  display: none;
  text-align: center;
}

header nav .natem .navuls .nlist {
  width: calc((280 / 1400) * 100%);
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding-right: 0.4rem;
}

header nav .natem .navuls .nlist .nit {
  width: 100%;
  padding: 0.1rem 0;
  font-size: 0;
  border-bottom: solid 1px #ededed;
  margin-bottom: 0.2rem;
}

header nav .natem .navuls .nlist .nit .nm {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
}

header nav .natem .navuls .nlist .nul {
  width: 100%;
  padding: 0.1rem 0;
}

header nav .natem .navuls .nlist .nul .nulm {
  width: 100%;
  padding: 0.06rem 0;
}

header nav .natem .navuls .nlist .nul .nulm a {
  width: 100%;
  display: block;
  font-size: 0;
}

header nav .natem .navuls .nlist .nul .nulm .ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.1rem;
}

header nav .natem .navuls .nlist .nul .nulm .ic img {
  width: 100%;
  display: block;
}

header nav .natem .navuls .nlist .nul .nulm .im {
  width: calc(100% - 0.34rem);
  display: inline-block;
  vertical-align: middle;
  color: #555;
  line-height: 2;
}

header nav .natem .navuls .nlist .nul .nulm:hover .im {
  color: #1597e1;
}

header nav .natem .navuls.long {
  left: auto;
  width: 5rem;
  padding: 0rem 0;
  text-align: left;
  transform: translateX(-10%);
}

header nav .natem .navuls.long .naon {
  width: 100%;
  display: flex;
}

header nav .natem .navuls.long .nal {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  padding: 0.3rem 0.3rem;
}

header nav .natem .navuls.long .nal .nit {
  width: 100%;
  padding: 0.1rem 0;
  font-weight: bold;
  border-bottom: solid 1px #ededed;
  margin-bottom: 0.2rem;
}

header nav .natem .navuls.long .nal .nit .em {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  color: #333;
  line-height: 1.5;
}

header nav .natem .navuls.long .nal .naul {
  width: 100%;
}

header nav .natem .navuls.long .nal .naul .am {
  width: 100%;
}

header nav .natem .navuls.long .nal .naul .am a {
  width: 100%;
  display: block;
  line-height: 2;
  color: #333;
}

header nav .natem .navuls.long .nal .naul .am a:hover {
  color: #1597e1;
}

header nav .natem .navuls.long .nar {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  background-color: #f9f9f9;
  padding: 0.3rem 0.3rem;
}

header nav .natem .navuls.long .nar .nam {
  width: 100%;
  padding: 0.06rem 0;
}

header nav .natem .navuls.long .nar .nam .vt {
  width: 100%;
  color: #8c8d9e;
  line-height: 1.5;
}

header nav .natem .navuls.long .nar .nam .vm {
  width: 100%;
  color: #171c3c;
  line-height: 1.5;
}

header nav .natem .navuls.long.hide {
  width: 3rem;
}

header nav .natem .navuls.long.hide .naon .nal {
  width: 100%;
}

header nav .natem .navuls.long.hide .naon .nar {
  display: none;
}

header nav .not {
  width: 100%;
  display: none;
}

header .rav {
  width: 3rem;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}

header .rav .lauges {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  position: relative;
}

header .rav .lauges .lashow {
  width: 100%;
  color: #fff;
  line-height: 3;
  position: relative;
  cursor: pointer;
  padding: 0.1rem 0.4rem 0.1rem 0.2rem;
}

header .rav .lauges .lashow span {
  display: inline-block;
  vertical-align: middle;
  width: 0.16rem;
  height: 0.16rem;
  width: 16px;
  height: 16px;
  position: relative;
  margin-right: 0.05rem;
}

header .rav .lauges .lashow span img {
  width: 100%;
  display: block;
}

header .rav .lauges .lashow span img:first-child {
  display: block;
}

header .rav .lauges .lashow span img:last-child {
  display: none;
}

header .rav .lauges .lashow i {
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  margin-left: 0.05rem;
}

header .rav .lauges .language {
  position: absolute;
  z-index: 10;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  display: none;
}

header .rav .lauges .language .latem {
  width: 100%;
}

header .rav .lauges .language .latem a {
  width: 100%;
  display: block;
  padding: 0 0.2rem;
  line-height: 2;
  background-color: rgba(238, 238, 238, 0.8);
  color: #333;
  text-align: center;
}

header .rav .lauges .language .latem:hover a {
  color: #fff;
  background: #1f2429;
}

header .rav .lang {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 0.2rem;
}

header .rav .lang span {
  display: inline-block;
  vertical-align: middle;
  width: 0.16rem;
  height: 0.16rem;
  width: 16px;
  height: 16px;
  position: relative;
  margin-right: 0.05rem;
}

header .rav .lang span img {
  width: 100%;
  display: block;
}

header .rav .lang span img:first-child {
  display: block;
}

header .rav .lang span img:last-child {
  display: none;
}

header .rav .lang em {
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  margin-left: 0.05rem;
  color: #fff;
  line-height: 2;
}

header .rav .email {
  display: inline-block;
  vertical-align: middle;
}

header .rav .email a {
  width: 100%;
  display: block;
  color: #fff;
  line-height: 1.5;
}

header .rav .email a span {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  width: 20px;
  height: 20px;
  margin-right: 0.06rem;
  position: relative;
  top: -0.02rem;
}

header .rav .email a span img {
  width: 100%;
  display: block;
}

header .rav .email a span img:first-child {
  display: block;
}

header .rav .email a span img:last-child {
  display: none;
}

header .rav .try {
  display: inline-block;
  vertical-align: middle;
  width: 1.2rem;
  text-align: center;
  background-color: #1597e1;
  color: #fff;
  line-height: 2.5;
  border-radius: 4px;
}

header .rav .menu {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
  cursor: pointer;
  display: none;
  margin-left: 0.2rem;
}

header .rav .menu img {
  width: 100%;
  display: block;
}

header .rav .menu img:first-child {
  display: block;
}

header .rav .menu img:last-child {
  display: none;
}

header .black {
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 140;
  cursor: pointer;
}

header.bg {
  background-color: white;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

header.bg .logo img:first-child {
  display: none;
}

header.bg .logo img:last-child {
  display: block;
}

header.bg nav .natem .nas a {
  color: #333;
}

header.bg .rav .lauges .lashow {
  color: #1597e1;
}

header.bg .rav .lauges .lashow span img:first-child {
  display: none;
}

header.bg .rav .lauges .lashow span img:last-child {
  display: block;
}

header.bg .rav .lang span img:first-child {
  display: none;
}

header.bg .rav .lang span img:last-child {
  display: block;
}

header.bg .rav .lang em {
  color: #1597e1;
}

header.bg .rav .email a {
  color: #1597e1;
}

header.bg .rav .email a span img:first-child {
  display: none;
}

header.bg .rav .email a span img:last-child {
  display: block;
}

header.bg .rav .menu img:first-child {
  display: none;
}

header.bg .rav .menu img:last-child {
  display: block;
}

@media (max-width: 768px) {
  header {
    padding: 0.2rem 0;
  }
  header .rav {
    width: calc(100% - 2.16rem  - 0.4rem);
    text-align: right;
  }
  header .rav .menu {
    display: inline-block;
    vertical-align: middle;
  }
  header .rav .try {
    width: auto;
    padding: 0 0.1rem;
  }
  header .rav .lauges {
    display: none;
  }
  header .rav .email {
    display: none;
  }
  header nav {
    width: 60%;
    width: 5rem;
    position: fixed;
    max-width: 90%;
    right: 0;
    top: 0;
    height: 100vh;
    background-color: #fff;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: auto;
    z-index: 500;
    transform: translate(100%, 0);
    transition: transform .3s;
    padding-left: 0.1rem;
  }
  header nav .natem {
    width: 100%;
    position: relative;
    margin: 0;
    text-align: left;
    padding: 0 0.2rem;
  }
  header nav .natem .nas {
    width: 100%;
    display: block;
    padding-bottom: 0;
  }
  header nav .natem .nas a {
    color: #333;
    line-height: 3;
  }
  header nav .natem .navuls {
    width: 100%;
    padding: 0.1rem 0;
    position: relative;
  }
  header nav .natem .navuls .nlist {
    width: 100%;
    position: relative;
  }
  header nav .natem .navuls .nlist .nit {
    padding: 0.2rem 0;
  }
  header nav .natem .navuls .nlist .nul {
    display: none;
  }
  header nav .natem .navuls .nlist .nul .nulm .ic {
    width: 18px;
    height: 18px;
    margin-right: 0.2rem;
  }
  header nav .natem .navuls .nlist .nul .nulm .im {
    width: calc(100% - 18px - 0.2rem);
  }
  header nav .natem .navuls .nlist.has-the:after {
    content: "+";
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    background: none;
    right: 0;
    left: auto;
    z-index: 30;
    transform: translateX(0);
    top: 0.05rem;
    font-size: 16px;
    color: #333;
    border: none;
  }
  header nav .natem .navuls .nlist.has-the.show:after {
    content: "-";
  }
  header nav .natem .navuls .naon {
    width: 100%;
  }
  header nav .natem .navuls .naon .nal {
    width: 100%;
    padding: 0.2rem;
  }
  header nav .natem .navuls .naon .nal .nit {
    padding: 0.2rem 0;
  }
  header nav .natem .navuls .naon .nar {
    display: none;
  }
  header nav .natem .navuls.long {
    transform: translateX(0);
  }
  header nav .natem:hover .nas a {
    color: #43b1ef;
    background-color: #fff;
  }
  header nav .natem:hover .nas a:after {
    display: none;
  }
  header nav .natem.has-nav:after {
    content: "+";
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    background: none;
    right: 0;
    left: auto;
    transform: translateX(0);
    top: 0.05rem;
    font-size: 20px;
    color: #333;
    border: none;
  }
  header nav .natem.has-nav.show:after {
    content: "-";
  }
  header nav .not {
    width: 100%;
    position: absolute;
    bottom: 1.2rem;
    left: 0;
    padding: 0 0.2rem;
    display: block;
    text-align: center;
  }
  header nav .not .lauges {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    position: relative;
    display: none;
  }
  header nav .not .lauges .lashow {
    width: 100%;
    color: #fff;
    line-height: 3;
    position: relative;
    cursor: pointer;
    padding: 0.1rem 0.4rem 0.1rem 0.2rem;
  }
  header nav .not .lauges .lashow span {
    display: inline-block;
    vertical-align: middle;
    width: 0.16rem;
    height: 0.16rem;
    width: 16px;
    height: 16px;
    position: relative;
    margin-right: 0.05rem;
  }
  header nav .not .lauges .lashow span img {
    width: 100%;
    display: block;
  }
  header nav .not .lauges .lashow span img:first-child {
    display: block;
  }
  header nav .not .lauges .lashow span img:last-child {
    display: none;
  }
  header nav .not .lauges .lashow i {
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    margin-left: 0.05rem;
  }
  header nav .not .lauges .language {
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    display: none;
  }
  header nav .not .lauges .language .latem {
    width: 100%;
  }
  header nav .not .lauges .language .latem a {
    width: 100%;
    display: block;
    padding: 0 0.2rem;
    line-height: 2;
    background-color: rgba(238, 238, 238, 0.8);
    color: #333;
    text-align: center;
  }
  header nav .not .lauges .language .latem:hover a {
    color: #fff;
    background: #1f2429;
  }
  header nav .not .email {
    display: inline-block;
    vertical-align: middle;
    display: none;
  }
  header nav .not .email a {
    width: 100%;
    display: block;
    color: #fff;
    line-height: 1.5;
  }
  header nav .not .email a span {
    display: inline-block;
    vertical-align: middle;
    width: 0.2rem;
    height: 0.2rem;
    width: 20px;
    height: 20px;
    margin-right: 0.06rem;
    position: relative;
    top: -0.02rem;
  }
  header nav .not .email a span img {
    width: 100%;
    display: block;
  }
  header nav .not .email a span img:first-child {
    display: block;
  }
  header nav .not .email a span img:last-child {
    display: none;
  }
  header nav .not .lauges .lashow {
    color: #1597e1;
  }
  header nav .not .lauges .lashow span img:first-child {
    display: none;
  }
  header nav .not .lauges .lashow span img:last-child {
    display: block;
  }
  header nav .not .email a {
    color: #1597e1;
  }
  header nav .not .email a span img:first-child {
    display: none;
  }
  header nav .not .email a span img:last-child {
    display: block;
  }
  header nav .not .email {
    display: inline-block;
    vertical-align: middle;
  }
  header nav .not .lauges {
    display: inline-block;
    vertical-align: middle;
  }
  header.menu-state nav {
    transform: translate(0, 0);
  }
  header.menu-state .black {
    display: block;
  }
}

@media (max-width: 400px) {
  header .rav .email a {
    font-size: 0;
  }
  header .rav .lauges .lashow {
    padding: 0.1rem 0.2rem;
  }
  header .rav .lauges .lashow span {
    display: none;
  }
}

.banner {
  width: 100%;
  position: relative;
  z-index: 3;
}

.banner .swiper-slide {
  width: 100%;
  position: relative;
  padding-top: 42.9%;
}

.banner .swiper-slide a {
  position: absolute;
  z-index: 2;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  display: block;
}

.banner .swiper-slide .bans {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.banner .swiper-slide .bans .bal {
  width: calc((620 / 1400) * 100%);
  display: inline-block;
  vertical-align: middle;
}

.banner .swiper-slide .bans .bal .img {
  width: 100%;
  padding-top: 85.1%;
}

.banner .swiper-slide .bans .bar {
  width: calc((480 / 1400) * 100%);
  display: inline-block;
  vertical-align: middle;
}

.banner .swiper-slide .bans .bar .bit {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.banner .swiper-slide .bans .bar .bix {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin: 0.4rem 0;
}

.banner .swiper-slide .bans .bar .apply {
  width: 100%;
  font-size: 0;
}

.banner .swiper-slide .bans .bar .apply a {
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #fff;
  padding: 0 0.5rem;
  line-height: 3;
  color: #fff;
}

.banner .swiper-slide .bans .bar .apply a:hover {
  border: solid 1px #1597e1;
  background-color: #1597e1;
  color: #fff;
}

.banner .swiper-pagination {
  bottom: 1rem;
}

.banner .swiper-pagination-bullet {
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  opacity: 1;
  background-color: white;
}

.banner .swiper-pagination-bullet-active {
  background-color: #1597e1;
}

@media (max-width: 768px) {
  .banner {
    width: 100%;
  }
  .banner .swiper-slide {
    width: 100%;
    padding-top: 1rem;
    display: flex;
    align-items: center;
    padding-bottom: 0.4rem;
  }
  .banner .swiper-slide a {
    position: relative;
  }
  .banner .swiper-slide .bans {
    position: relative;
    left: 0;
    top: 0;
    transform: translate(0, 0);
    flex-direction: row;
  }
  .banner .swiper-slide .bans .bal {
    width: 100%;
  }
  .banner .swiper-slide .bans .bal .img {
    width: 100%;
    margin: 0 auto;
    transform: scale(0.9);
  }
  .banner .swiper-slide .bans .bar {
    width: 100%;
    padding: 0.4rem 0;
  }
  .banner .swiper-slide .bans .bar .bit {
    text-align: center;
  }
  .banner .swiper-slide .bans .bar .bix {
    display: none;
  }
  .banner .swiper-slide .bans .bar .apply {
    display: none;
  }
  .banner .swiper-pagination {
    bottom: 0.2rem;
  }
}

.business {
  width: 100%;
}

.business .busin {
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px 3px 29px 0px rgba(179, 179, 179, 0.17);
  border-radius: 4px;
  font-size: 0;
  padding: 0.3rem 0.5rem;
  position: relative;
  transform: translateY(-50%);
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.business .busin .busm {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.business .busin .busm .icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.2rem;
}

.business .busin .busm .icon img {
  width: 100%;
  display: block;
}

.business .busin .busm .sum {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.7rem);
}

.business .busin .busm .sum .ut {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.06rem;
  white-space: nowrap;
}

.business .busin .busm .sum .mt {
  width: 100%;
  color: #777;
  line-height: 1.5;
  white-space: nowrap;
}

.business .busin .busm:hover .sum .ut {
  color: #1597e1;
}

@media (max-width: 768px) {
  .business {
    margin: 0.3rem 0 0.5rem;
  }
  .business .busin {
    transform: translateY(0);
    padding: 0.2rem 0.5rem;
  }
  .business .busin .busm {
    width: 50%;
    padding: 0.2rem 0;
  }
}

.protent {
  width: 100%;
  padding: 0rem 0 0.5rem;
}

.protent .pit {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #333;
  margin-bottom: 0.3rem;
}

.protent .navpers {
  width: 100%;
  border-bottom: solid 1px #eee;
  margin-bottom: 0.3rem;
}

.protent .navpers .navper {
  width: 100%;
}

.protent .navpers .navper .swiper-wrapper {
  justify-content: center;
}

.protent .navpers .navper .swiper-slide {
  width: 100%;
  text-align: center;
  padding: 0.2rem 0.16rem;
  position: relative;
  cursor: pointer;
}

.protent .navpers .navper .swiper-slide .icon {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  margin: 0 auto 0;
}

.protent .navpers .navper .swiper-slide .icon img {
  width: 100%;
  display: block;
}

.protent .navpers .navper .swiper-slide .sx {
  width: 100%;
  text-align: center;
  color: #555;
  line-height: 1.8;
}

.protent .navpers .navper .swiper-slide:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 2px;
  background-color: #43b1ef;
  display: none;
}

.protent .navpers .navper .swiper-slide.on .sx {
  color: #1597e1;
}

.protent .navpers .navper .swiper-slide.on:after {
  display: block;
}

.protent .navpers .navper .swiper-slide:hover .sx {
  color: #1597e1;
}

.protent .navpems {
  width: 100%;
}

.protent .navpems .navpm {
  width: 100%;
  display: none;
}

.protent .navpems .navpm.on {
  display: block;
}

.protent .navpems .napm {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
}

.protent .navpems .napm .npl {
  width: calc((700 / 1400) * 100%);
  display: inline-block;
  vertical-align: middle;
}

.protent .navpems .napm .npl .img {
  width: 100%;
  padding-top: 61.4%;
}

.protent .navpems .napm .npr {
  width: calc((700 / 1400) * 100%);
  display: inline-block;
  vertical-align: middle;
  padding: 0.1rem 0.4rem;
}

.protent .navpems .napm .npr .pnm {
  width: 100%;
}

.protent .navpems .napm .npr .pin {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.24rem;
}

.protent .navpems .napm .npr .pin .ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.29rem;
  height: 0.29rem;
  margin-right: 0.1rem;
}

.protent .navpems .napm .npr .pin .ic img {
  width: 100%;
  display: block;
}

.protent .navpems .napm .npr .pin .im {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
}

.protent .navpems .napm .npr .pinp {
  width: 100%;
  color: #555;
  line-height: 1.8;
}

.protent .navpems .napm .npr .pinp p {
  color: #555;
  line-height: 1.8;
}

.protent .navpems .napm .npr .picnlis {
  width: 100%;
  margin: 0.3rem 0;
  font-size: 0;
}

.protent .navpems .napm .npr .picnlis .picn {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  text-align: center;
}

.protent .navpems .napm .npr .picnlis .picn .icon {
  display: block;
  width: 0.32rem;
  height: 0.32rem;
  margin: 0 auto 0.1rem;
}

.protent .navpems .napm .npr .picnlis .picn .icon img {
  width: 100%;
  display: block;
}

.protent .navpems .napm .npr .picnlis .picn .cn {
  width: 100%;
  text-align: center;
  color: #999;
  line-height: 1.8;
  padding: 0 0.08rem;
}

.protent .navpems .napm .npr .ptns {
  width: 100%;
  font-size: 0;
}

.protent .navpems .napm .npr .ptns a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 0.4rem;
  border: solid 1px #43b1ef;
  color: #43b1ef;
  line-height: 2.5;
  margin-right: 0.3rem;
}

.protent .navpems .napm .npr .ptns a:hover {
  background-color: #43b1ef;
  color: #fff;
}

.protent .navpems .napm .npr .ptns a.on {
  background-color: #43b1ef;
  color: #fff;
}

@media (max-width: 1220px) {
  .protent .navpers .navper .swiper-wrapper {
    justify-content: flex-start;
  }
}

.modular {
  width: 100%;
}

.modular .matop {
  width: 100%;
  text-align: center;
  margin-bottom: 0.4rem;
}

.modular .matop .cn {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.modular .matop .cm {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-top: 0.15rem;
}

.cases {
  width: 100%;
  padding: 0.5rem 0;
}

.cases .casesper {
  width: 100%;
  position: relative;
}

.cases .casesper .swiper-slide {
  width: 100%;
  font-size: 0;
}

.cases .casesper .parm {
  display: inline-block;
  vertical-align: middle;
  width: calc((100% - 0.6rem) / 4);
  margin-right: 0.2rem;
  height: 340px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  transition: all ease-in 0.4s;
}

.cases .casesper .parm a {
  width: 100%;
  display: block;
}

.cases .casesper .parm .bkm {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  padding: 0.16rem;
  transition: all ease 0.5s;
}

.cases .casesper .parm .bkm .bit {
  width: 100%;
  font-size: 0;
}

.cases .casesper .parm .bkm .bit .bc {
  display: inline-block;
  vertical-align: middle;
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.1rem;
}

.cases .casesper .parm .bkm .bit .bc img {
  width: 100%;
  display: block;
}

.cases .casesper .parm .bkm .bit .bm {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.5;
}

.cases .casesper .parm .bkm .bix {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  height: 0;
  transition: all ease 0.4s;
}

.cases .casesper .parm.on {
  width: calc(((100% - 0.6rem) / 5) * 2);
}

.cases .casesper .parm.on .bkm {
  height: 100%;
  background-color: rgba(21, 151, 225, 0.8);
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  text-align: center;
  padding: 0.2rem 0.4rem;
}

.cases .casesper .parm.on .bkm .bit {
  width: 100%;
  position: relative;
}

.cases .casesper .parm.on .bkm .bit .bc {
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 auto;
}

.cases .casesper .parm.on .bkm .bit .bc img {
  width: 100%;
  display: block;
}

.cases .casesper .parm.on .bkm .bit .bm {
  width: 100%;
  display: block;
  margin: 0.2rem 0;
}

.cases .casesper .parm.on .bkm .bit:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.3rem;
  height: 2px;
  background-color: #fff;
}

.cases .casesper .parm.on .bkm .bix {
  margin-top: 0.2rem;
  height: 3em;
}

.cases .casesper .parm.sin {
  width: calc((100% - 0.6rem) / 5);
}

.cases .casesper .parm:nth-child(4n) {
  margin-right: 0;
}

.cases .casesper .stn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 0.44rem;
  height: 0.44rem;
  border-radius: 50%;
  cursor: pointer;
}

.cases .casesper .stn img {
  width: 100%;
  display: block;
}

.cases .casesper .stn img:first-child {
  display: block;
}

.cases .casesper .stn img:last-child {
  display: none;
}

.cases .casesper .stn:hover img:first-child {
  display: none;
}

.cases .casesper .stn:hover img:last-child {
  display: block;
}

.cases .casesper .bl {
  left: -0.6rem;
}

.cases .casesper .br {
  right: -0.6rem;
}

@media (max-width: 1420px) {
  .cases .casesper .bl {
    left: -0.22rem;
  }
  .cases .casesper .br {
    right: -0.22rem;
  }
}

@media (max-width: 768px) {
  .cases {
    display: none;
  }
  .cases .casesper .parm {
    height: 4rem;
  }
  .cases .casesper .parm .bkm {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    text-align: center;
    padding: 0.2rem 0.4rem;
  }
  .cases .casesper .parm .bkm .bit {
    width: 100%;
    position: relative;
  }
  .cases .casesper .parm .bkm .bit .bc {
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    margin: 0 auto;
  }
  .cases .casesper .parm .bkm .bit .bc img {
    width: 100%;
    display: block;
  }
  .cases .casesper .parm .bkm .bit .bm {
    width: 100%;
    display: block;
    margin: 0.2rem 0;
  }
  .cases .casesper .parm .bkm .bit:after {
    display: none;
  }
  .cases .casesper .parm .bkm .bix {
    display: none;
  }
  .cases .casesper .stn {
    width: 0.6rem;
    height: 0.6rem;
  }
  .cases .casesper .bl {
    left: -0.2rem;
  }
  .cases .casesper .br {
    right: -0.2rem;
  }
}

.ensure {
  width: 100%;
  padding: 0.5rem 0;
}

.ensure .ensulist {
  width: 100%;
  font-size: 0;
}

.ensure .ensulist .ensum {
  display: inline-block;
  vertical-align: top;
  width: calc((440 / 1400) * 100%);
  margin-right: calc((39 / 1400) * 100%);
  margin-bottom: 0.3rem;
  background-color: #ffffff;
  box-shadow: 0px 3px 29px 0px rgba(179, 179, 179, 0.17);
  border-radius: 4px;
  padding: 0.4rem 0.5rem;
}

.ensure .ensulist .ensum .icon {
  display: block;
  width: 0.64rem;
  height: 0.64rem;
  margin: 0 auto 0.1rem;
}

.ensure .ensulist .ensum .icon img {
  width: 100%;
  display: block;
}

.ensure .ensulist .ensum .eix {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
  margin: 0.2rem 0;
}

.ensure .ensulist .ensum .eim {
  width: 100%;
  color: #777;
  line-height: 1.5;
  height: 3em;
  font-size:14px;
}

.ensure .ensulist .ensum .eim p {
  color: #777;
  line-height: 1.5;
}

.ensure .ensulist .ensum:nth-child(3n) {
  margin-right: 0;
}

.testimony {
  width: 100%;
  background-color: #f9f9f9;
  padding: 0.5rem 0;
}

.testimony .testiper {
  width: 100%;
}

.testimony .testiper .swiper-slide {
  width: 100%;
  font-size: 0;
  background-color: #ffffff;
  box-shadow: 0px 2px 10px 0px rgba(95, 95, 95, 0.08);
}

.testimony .testiper .swiper-slide .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc((700 / 1400) * 100%);
  position: relative;
  overflow: hidden;
}

.testimony .testiper .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 61.4%;
  transition: all ease 0.3s;
}

.testimony .testiper .swiper-slide .imgs .play {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  width: 0.64rem;
  height: 0.64rem;
  cursor: pointer;
  transform: translate(-50%, -50%);
}

.testimony .testiper .swiper-slide .imgs .play img {
  width: 100%;
  display: block;
}

.testimony .testiper .swiper-slide .roms {
  display: inline-block;
  vertical-align: middle;
  width: calc((700 / 1400) * 100%);
  padding: 0.4rem 0.6rem;
  position: relative;
}

.testimony .testiper .swiper-slide .roms:after {
  content: ' ';
  position: absolute;
  left: 0.3rem;
  bottom: 50%;
  width: 0.24rem;
  height: 0.19rem;
  background-image: url("/img/i26.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.testimony .testiper .swiper-slide .roms:before {
  content: ' ';
  position: absolute;
  right: 0.28rem;
  bottom: 10%;
  width: 0.24rem;
  height: 0.19rem;
  background-image: url("/img/i25.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.testimony .testiper .swiper-slide .roms .lmo {
  width: 100%;
  text-align: center;
  font-size: 0;
}

.testimony .testiper .swiper-slide .roms .lmo span {
  display: inline-block;
  vertical-align: middle;
}

.testimony .testiper .swiper-slide .roms .lmo span img {
  width: 100%;
  display: block;
}

.testimony .testiper .swiper-slide .roms .rx {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #333;
  margin: 0.15rem 0;
}

.testimony .testiper .swiper-slide .roms .rinp {
  width: 100%;
  color: #666;
  line-height: 1.5;
  height: 6em;
  text-align: center;
  position: relative;
}

.testimony .testiper .swiper-slide .roms .rinp p {
  color: #666;
  line-height: 1.5;
}

.testimony .testiper .swiper-pagination {
  bottom: 0.2rem;
  width: calc((700 / 1400) * 100%);
  left: auto;
  right: 0;
}

.testimony .testiper .swiper-pagination-bullet {
  background-color: #dcdcdc;
  opacity: 1;
}

.testimony .testiper .swiper-pagination-bullet-active {
  background-color: #349fe3;
}

.partners {
  width: 100%;
  padding: 0.5rem 0;
  background-color: #f8fbfd;
}

.partners .parthlist {
  width: 100%;
  font-size: 0;
}

.partners .parthlist .parms {
  width: calc((216 / 1400) * 100%);
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0.2rem;
  overflow: hidden;
  background-color: #fff;
  border-radius: 4px;
  margin-right: calc((20 / 1400) * 100%);
}

.partners .parthlist .parms a {
  width: 100%;
  display: block;
}

.partners .parthlist .parms .img {
  width: 100%;
  padding-top: 50.9%;
  transition: all ease 0.3s;
}

.partners .parthlist .parms:hover .img {
  transform: scale(1.1);
}

.partners .parthlist .parms:nth-child(6n) {
  margin-right: 0;
}

.partners .pot {
  width: 100%;
  margin-top: 0.3rem;
  font-size: 0;
  text-align: center;
}

.partners .pot a {
  display: inline-block;
  vertical-align: middle;
  color: #1597e1;
  line-height: 1.5;
}

.partners .pot a span {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  position: relative;
  top: -0.02rem;
  margin-left: 0.1rem;
  transition: all ease 0.3s;
}

.partners .pot a span img {
  width: 100%;
  display: block;
}

@keyframes updown {
  0% {
    top: -0.02rem;
  }
  25% {
    top: -0.08rem;
  }
  50% {
    top: 0.02rem;
  }
  100% {
    top: -0.02rem;
  }
}

.partners .pot a:hover span {
  animation: updown ease-in-out infinite 1s;
}

@media (max-width: 768px) {
  .partners .parthlist .parms {
    width: 32%;
    margin: 0 2% 2% 0 !important;
  }
  .partners .parthlist .parms:nth-child(3n) {
    margin-right: 0 !important;
  }
}

.newcens {
  width: 100%;
  padding: 0.5rem 0;
  background-color: #fff;
}

.newcens .newcenlis {
  width: 100%;
  font-size: 0;
}

.newcens .newcenlis .necom {
  width: calc((440 / 1400) * 100%);
  display: inline-block;
  vertical-align: top;
  margin-right: calc((39 / 1400) * 100%);
  margin-bottom: 0.3rem;
  background-color: #ffffff;
  box-shadow: 0px 3px 29px 0px rgba(166, 186, 206, 0.3);
  border-radius: 4px;
  overflow: hidden;
}

.newcens .newcenlis .necom a {
  width: 100%;
  display: block;
}

.newcens .newcenlis .necom .imgs {
  width: 100%;
  overflow: hidden;
}

.newcens .newcenlis .necom .imgs .img {
  width: 100%;
  padding-top: 61.3%;
  transition: all ease 0.3s;
}

.newcens .newcenlis .necom .nom {
  width: 100%;
  background-color: #fff;
  padding: 0.26rem 0.2rem;
}

.newcens .newcenlis .necom .nom .time {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.newcens .newcenlis .necom .nom .nit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin: 0.14rem 0;
}

.newcens .newcenlis .necom .nom .nix {
  width: 100%;
  color: #777;
  line-height: 1.5;
  height: 3em;
}

.newcens .newcenlis .necom:hover .imgs .img {
  transform: scale(1.1);
}

.newcens .newcenlis .necom:hover .nom .nit {
  color: #349fe3;
}

.newcens .newcenlis .necom:nth-child(3n) {
  margin-right: 0;
}

@media (max-width: 768px) {
  .newcens .newcenlis .necom .imgs {
    width: 40%;
    display: inline-block;
    vertical-align: middle;
  }
  .newcens .newcenlis .necom .nom {
    width: 60%;
    display: inline-block;
    vertical-align: middle;
  }
}

.solves {
  width: 100%;
  padding: 0.5rem 0;
}

.solves .matop .cn {
  color: #349fe3;
  font-weight: bold;
}

.solves .sot {
  width: 100%;
  font-size: 0;
  text-align: center;
}

.solves .sot a {
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #1597e1;
  color: #1597e1;
  line-height: 2.5;
  padding: 0 0.5rem;
}

.solves .sot a:hover {
  border: solid 1px #1597e1;
  background-color: #1597e1;
  color: #fff;
}

footer {
  width: 100%;
  background-color: #003680;
}

footer .ftop {
  width: 100%;
  padding: 0.6rem 0;
  font-size: 0;
}

footer .ftop .ftl {
  display: inline-block;
  vertical-align: top;
  width: calc((519 / 1400) * 100%);
  padding-right: 0.5rem;
}

footer .ftop .ftl .fogo {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.4rem;
}

footer .ftop .ftl .fogo a {
  display: inline-block;
  vertical-align: middle;
  width: 2.5rem;
}

footer .ftop .ftl .fogo a img {
  width: 100%;
  display: block;
}

footer .ftop .ftl .fms {
  width: 100%;
}

footer .ftop .ftl .fms .fm {
  width: 100%;
  color: #fff;
  line-height: 2;
}

footer .ftop .ftr {
  display: inline-block;
  vertical-align: top;
  width: calc((880 / 1400) * 100%);
}

footer .ftop .ftr .flist {
  width: calc((220 / 880) * 100%);
  display: inline-block;
  vertical-align: top;
  padding-right: 0.15rem;
}

footer .ftop .ftr .flist .ftip {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 0.25rem;
}

footer .ftop .ftr .flist .ful {
  width: 100%;
}

footer .ftop .ftr .flist .ful a {
  width: 100%;
  color: #99a8b5;
  color: rgba(255, 255, 255, 0.6);
  line-height: 2;
  margin: 0.05rem 0;
  display: block;
  transition: all ease 0.3s;
}

footer .ftop .ftr .flist .ful a:hover {
  color: #fff;
}

footer .fbot {
  width: 100%;
  border-top: solid 1px #1a4a8d;
}

footer .fbot .fx {
  width: 100%;
  text-align: left;
  line-height: 2;
  color: #fff;
  padding: 0.15rem 0;
}

footer .fbot .fx p {
  line-height: 2;
  color: #fff;
}

@media (max-width: 768px) {
  footer .ftop .ftr .flist {
    width: 100%;
    margin-bottom: 0.2rem;
  }
  footer .ftop .ftr .flist .ftip {
    margin-bottom: 0.15rem;
  }
  footer .ftop .ftr .flist .ful a {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-right: 0.24rem;
    margin-bottom: 0.1rem;
  }
  footer .fbot .fx {
    text-align: center;
  }
  footer .fbot .fx p {
    text-align: center;
  }
}

.rightnav {
  position: fixed;
  z-index: 10;
  top: 70%;
  transform: translateY(-50%);
  right: 0.2rem;
}

.rightnav .retm {
  display: block;
  width: auto;
  padding: 0.08rem 0rem;
  padding: 10px 0rem;
  width: 66px;
  height: 66px;
  position: relative;
  background-color: #fff;
  transition: all ease 0.3s;
  text-align: center;
  border: 1px solid #e5eaf1;
}

.rightnav .retm a {
  width: 100%;
  display: block;
}

.rightnav .retm .icon {
  width: 0.36rem;
  height: 0.36rem;
  width: 24px;
  height: 24px;
  margin: 0 auto 0.05rem;
}

.rightnav .retm .icon img {
  width: 100%;
  display: block;
}

.rightnav .retm .icon img:first-child {
  display: block;
}

.rightnav .retm .icon img:last-child {
  display: none;
}

.rightnav .retm .rx {
  width: 100%;
  color: #8c8d9e;
  line-height: 1.5;
  font-size: 14px;
}

.rightnav .retm .calls {
  display: none;
}

.rightnav .retm .codm {
  position: absolute;
  z-index: -1;
  right: -200%;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease 0.3s;
  padding: 0.1rem;
  width: 1.2rem;
  height: 1.2rem;
}

.rightnav .retm .codm img {
  width: 100%;
  display: block;
}

.rightnav .retm .phones {
  position: absolute;
  z-index: -1;
  right: -400%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.1rem 0.2rem;
  background-color: #fff;
  transition: all ease 0.3s;
}

.rightnav .retm .phones .px {
  width: 100%;
  color: #333;
  line-height: 2;
  white-space: nowrap;
}

.rightnav .retm:hover {
  background-color: #1597e1;
  border: 1px solid #1597e1;
}

.rightnav .retm:hover .icon img:first-child {
  display: none;
}

.rightnav .retm:hover .icon img:last-child {
  display: block;
}

.rightnav .retm:hover .rx {
  color: #fff;
}

.rightnav .retm:hover .codm {
  right: 105%;
}

.rightnav .retm:hover .phones {
  right: 110%;
}

.rightnav .retm.on {
  background-color: #1597e1;
  border: 1px solid #1597e1;
}

.rightnav .retm.on .icon img:first-child {
  display: none;
}

.rightnav .retm.on .icon img:last-child {
  display: block;
}

.rightnav .retm.on .rx {
  color: #fff;
}

@media (max-width: 768px) {
  .rightnav {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    transform: translateY(0);
    display: flex;
    align-items: center;
    height: 1rem;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    transition: all ease 0.3s;
  }
  .rightnav .retm {
    flex: 1;
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    margin-bottom: 0;
    height: 1rem;
    border: none;
    display: none;
  }
  .rightnav .retm .codm {
    display: none;
  }
  .rightnav .retm.on {
    background-color: #fff;
    border: none;
  }
  .rightnav .retm.on .rx {
    color: #1597e1;
  }
  .rightnav .front {
    width: 100%;
    padding: 0;
    display: block;
    border: none;
  }
  .rightnav .front a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .rightnav .front .icon {
    display: none;
  }
  .rightnav .front .rx {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    text-align: center;
    height: 1rem;
    color: #1597e1;
    line-height: 1rem;
    font-size: 14px;
  }
  .rightnav .front .calls {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
    text-align: center;
    height: 1rem;
    background-color: #1597e1;
    color: #fff;
    line-height: 1rem;
    font-size: 14px;
  }
  .rightnav.show {
    height: 0rem;
    bottom: -1rem;
  }
}

.nanner {
  width: 100%;
  position: relative;
}

.nanner .imgs {
  width: 100%;
  display: block;
  overflow: hidden;
}

.nanner .imgs .img {
  width: 100%;
  padding-top: 31.25%;
}

.nanner .imx {
  width: 100%;
}

.nanner .imx img {
  width: 100%;
  display: block;
}

.nanner .nox {
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
  z-index: 3;
  text-align: center;
  width: 100%;
  max-width: 80%;
}

.nanner .nox .cn {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.nanner .nox .en {
  width: 100%;
  color: white;
  line-height: 1.5;
  margin-bottom: 0.2rem;
}

.nanner .nox .play {
  width: 100%;
  text-align: center;
  font-size: 0;
  margin-bottom: 0.3rem;
}

.nanner .nox .play a {
  display: inline-block;
  vertical-align: middle;
  width: 0.64rem;
  height: 0.64rem;
  cursor: pointer;
}

.nanner .nox .play a img {
  width: 100%;
  display: block;
}

.nanner.shot .imgs .img {
  width: 100%;
  padding-top: 23%;
}

@media (max-width: 900px) {
  .nanner .imgs .img {
    padding-top: 50%;
  }
  .nanner .nox {
    top: 60%;
  }
  .nanner.shot .imgs .img {
    padding-top: 50%;
  }
}

.nanbar {
  width: 100%;
  font-size: 0;
  background: #fff;
  border-bottom: solid 1px rgba(234, 234, 234, 0.5);
}

.nanbar .nar {
  width: calc(100% - 5rem);
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.nanbar .nar .swiper-container {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}

.nanbar .nar .swiper-slide {
  width: 100%;
}

.nanbar .nar .swiper-slide a {
  width: 100%;
  display: block;
  text-align: center;
}

.nanbar .nar .swiper-slide span {
  display: inline-block;
  vertical-align: middle;
  line-height: 3.5;
  color: #333;
  position: relative;
}

.nanbar .nar .swiper-slide span:after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  height: 2px;
  background: #37a3e4;
  display: none;
}

.nanbar .nar .swiper-slide.on span {
  color: #37a3e4;
}

.nanbar .nar .swiper-slide.on span:after {
  display: block;
}

@media (max-width: 900px) {
  .nanbar {
    width: 100%;
  }
  .nanbar .nar {
    width: 100%;
  }
  .nanbar .nar .swiper-wrapper {
    justify-content: flex-start;
  }
}

.profiles {
  width: 100%;
  background-color: #fff;
  padding: 0.5rem 0;
}

.profiles .pif {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 0.3rem;
}

.profiles .profm {
  width: 100%;
  font-size: 0;
}

.profiles .profm .pfl {
  display: inline-block;
  vertical-align: top;
  width: calc((370 / 1400) * 100%);
  margin-right: calc((40 / 1400) * 100%);
}

.profiles .profm .pfl .img {
  width: 100%;
  padding-top: 100%;
}

.profiles .profm .pfr {
  display: inline-block;
  vertical-align: top;
  width: calc((989 / 1400) * 100%);
}

.profiles .profm .pfr .pinf {
  width: 100%;
  color: #555;
  line-height: 1.8;
}

.profiles .profm .pfr .pinf p {
  color: #555;
  line-height: 1.8;
}

.historys {
  width: 100%;
  padding: 0.5rem 0;
  background-color: #f3f4fa;
}

.historys .hit {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 0.3rem;
}

.historys .history {
  width: 100%;
  background-color: #fff;
  padding: 0.4rem;
}

.historys .history .histlis {
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
}

.historys .history .histlis:after {
  content: ' ';
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: calc(103px + 0.2rem);
  width: 1px;
  background-color: #d0e7f4;
  transform: translateX(-50%);
}

.historys .history .histlis .histm {
  width: 100%;
  font-size: 0;
  padding: 0.15rem 0;
}

.historys .history .histlis .histm .year {
  width: 100px;
  display: inline-block;
  vertical-align: top;
  color: #333;
  line-height: 1.5;
}

.historys .history .histlis .histm .point {
  width: 50px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.2rem;
  margin-top: 0.08rem;
  position: relative;
  z-index: 4;
}

.historys .history .histlis .histm .point span {
  display: inline-block;
  vertical-align: middle;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: #1597e1;
}

.historys .history .histlis .histm .pns {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 100px - 51px - 0.4rem);
  color: #666;
  line-height: 2;
  position: relative;
  top: -0.05rem;
}

.historys .history .histlis .histm .pns p {
  color: #666;
  line-height: 2;
}

.panner {
  width: 100%;
  padding: 1.2rem 0 0.5rem;
}

.panner .panm {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  flex-wrap: wrap;
}

.panner .panm .pml {
  display: inline-block;
  vertical-align: middle;
  width: calc((440 / 1400) * 100%);
}

.panner .panm .pml .img {
  width: 100%;
  padding-top: 100%;
}

.panner .panm .pmr {
  display: inline-block;
  vertical-align: middle;
  width: calc((770 / 1400) * 100%);
}

.panner .panm .pmr .pogo {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.2rem;
}

.panner .panm .pmr .pogo span {
  display: inline-block;
  vertical-align: middle;
}

.panner .panm .pmr .pogo span img {
  width: 100%;
  display: block;
}

.panner .panm .pmr .pit {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.15rem;
}

.panner .panm .pmr .pinp {
  width: 100%;
  color: #fff;
  line-height: 2;
  margin: 0.15rem 0 0.4rem;
}

.panner .panm .pmr .pinp p {
  color: #fff;
  line-height: 2;
}

.panner .panm .pmr .apply {
  width: 100%;
  font-size: 0;
}

.panner .panm .pmr .apply a {
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #ffffff;
  color: #fff;
  line-height: 2.5;
  text-align: center;
  width: auto;
  width: 1.5rem;
}

.panner .panm .pmr .apply a:hover {
  border: solid 1px #1597e1;
  background-color: #1597e1;
  color: #fff;
}

.panner .panm .pmr .apply a.on {
  border: solid 1px #1597e1;
  background-color: #1597e1;
  color: #fff;
}

.panner .panm .pmr .apply a + a {
  margin-left: 0.4rem;
}

@media (max-width: 768px) {
  .panner .panm .pml {
    order: 2;
  }
  .panner .panm .pmr {
    order: 1;
  }
  .panner .panm .pmr .apply a {
    width: 140px;
  }
}

.services {
  width: 100%;
  background-color: #f6f9fc;
  padding: 0.5rem 0;
}

.services .sit {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.4rem;
}

.services .servlis {
  width: 100%;
  font-size: 0;
}

.services .servlis .seram {
  width: calc((280 / 1400) * 100%);
  display: inline-block;
  vertical-align: middle;
  margin-right: calc((93 / 1400) * 100%);
}

.services .servlis .seram .icon {
  display: block;
  width: 0.55rem;
  height: 0.55rem;
  width: 1rem;
  height: 1rem;
  margin: 0 auto 0.15rem;
}

.services .servlis .seram .icon img {
  width: 100%;
  display: block;
}

.services .servlis .seram .sm {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  margin: 0.15rem 0 0.2rem;
}

.services .servlis .seram .sims {
  width: 100%;
  color: #888;
  line-height: 1.5;
  height: 6em;
  text-align:center;
}

.services .servlis .seram:nth-child(4n) {
  margin-right: 0;
}

.services.hide {
  display: none;
}

.Imats {
  width: 100%;
  padding: 0.7rem 0;
  background-color: #fff;
}

.Imats .imatlis {
  width: 100%;
}

.Imats .imatlis .imatm {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}

.Imats .imatlis .imatm .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc((640 / 1400) * 100%);
}

.Imats .imatlis .imatm .imgs .img {
  width: 100%;
  padding-top: 65.625%;
}

.Imats .imatlis .imatm .mrts {
  display: inline-block;
  vertical-align: middle;
  width: calc((640 / 1400) * 100%);
}

.Imats .imatlis .imatm .mrts .bit {
  width: 100%;
  color: #29a0e4;
  line-height: 1.5;
  margin-bottom: 0.25rem;
}

.Imats .imatlis .imatm .mrts .mit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.2rem;
}

.Imats .imatlis .imatm .mrts .minp {
  width: 100%;
  color: #666;
  line-height: 1.8;
}

.Imats .imatlis .imatm .mrts .minp p {
  color: #666;
  line-height: 1.8;
}

.Imats .imatlis .imatm + .imatm {
  margin-top: 0.8rem;
}

.Imats .imatlis .imatm:nth-child(2n) {
  flex-direction: row;
}

.Imats .imatlis.exchange .imatm {
  flex-direction: row;
}

.Imats .imatlis.exchange .imatm:nth-child(2n) {
  flex-direction: row-reverse;
}

.Imats.blue {
  background-color: #f4f9ff;
}

@media (max-width: 768px) {
  .Imats .imatlis .imatm {
    flex-direction: column-reverse;
  }
  .Imats .imatlis .imatm .mrts {
    margin-bottom: 0.2rem;
  }
  .Imats .imatlis .imatm:nth-child(2n) {
    flex-direction: column-reverse;
  }
  .Imats .imatlis.exchange .imatm {
    flex-direction: column-reverse;
  }
  .Imats .imatlis.exchange .imatm:nth-child(2n) {
    flex-direction: column-reverse;
  }
}

.contacts {
  width: 100%;
  padding: 0.5rem 0;
}

.contacts .contact {
  width: 100%;
  background-color: #f5f8fa;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  margin-bottom: 0.4rem;
}

.contacts .contact .col {
  display: inline-block;
  vertical-align: middle;
  width: calc((700 / 1400) * 100%);
}

.contacts .contact .col .img {
  width: 100%;
  padding-top: 65.7%;
}

.contacts .contact .cor {
  width: calc((699 / 1400) * 100%);
  display: inline-block;
  vertical-align: middle;
  padding: 0.4rem 0.5rem;
}

.contacts .contact .cor .corm {
  width: 100%;
}

.contacts .contact .cor .corm .cit {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.12rem;
}

.contacts .contact .cor .corm .cit .ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.29rem;
  height: 0.29rem;
  margin-right: 0.1rem;
}

.contacts .contact .cor .corm .cit .ic img {
  width: 100%;
  display: block;
}

.contacts .contact .cor .corm .cit .im {
  display: inline-block;
  vertical-align: middle;
  color: #1597e1;
  line-height: 1.5;
  font-weight: bold;
}

.contacts .contact .cor .corm .cul {
  width: 100%;
  font-size: 0;
}

.contacts .contact .cor .corm .cul .cm {
  width: 50%;
  padding-right: 0.2rem;
  color: #555;
  line-height: 2;
  display: inline-block;
  vertical-align: top;
}

.contacts .contact .cor .corm .cinp {
  width: 100%;
  color: #555;
  line-height: 2;
}

.contacts .contact .cor .corm .cinp p {
  color: #555;
  line-height: 2;
}

.contacts .contact .cor .corm + .corm {
  margin-top: 0.3rem;
}

.contacts .address {
  width: 100%;
}

.contacts .address .addrlis {
  width: 100%;
  font-size: 0;
}

.contacts .address .addrlis .adrem {
  width: calc((440 / 1400) * 100%);
  margin-right: calc((39 / 1400) * 100%);
  display: inline-block;
  vertical-align: top;
  background-color: #f5f8fa;
  margin-bottom: 0.3rem;
}

.contacts .address .addrlis .adrem .ait {
  width: 100%;
  font-size: 0;
  position: relative;
  padding: 0.18rem 0.26rem;
  border-bottom: solid 1px #e2e7ea;
  position: relative;
}

.contacts .address .addrlis .adrem .ait span {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
}

.contacts .address .addrlis .adrem .ait .tip {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #1597e1;
  color: #fff;
  line-height: 2.2;
  padding: 0 0.2rem 0 0.3rem;
  border-top-left-radius: 1.1em;
  border-bottom-left-radius: 1.1em;
}

.contacts .address .addrlis .adrem .ainps {
  width: 100%;
  padding: 0.18rem 0.26rem;
}

.contacts .address .addrlis .adrem .ainp {
  width: 100%;
}

.contacts .address .addrlis .adrem .cip {
  width: 100%;
  color: #555;
  line-height: 1.6;
  height: 3.2em;
}

.contacts .address .addrlis .adrem .cim {
  width: 100%;
  color: #555;
  line-height: 1.6;
}

.contacts .address .addrlis .adrem:nth-child(3n) {
  margin-right: 0;
}

.joinus {
  width: 100%;
  padding: 0.5rem 0;
}

.joinus .jonav {
  width: 100%;
  text-align: center;
  font-size: 0;
  margin-bottom: 0.45rem;
}

.joinus .jonav .jan {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 0.6rem;
  line-height: 2.8;
  color: #1597e1;
  cursor: pointer;
  border: solid 2px #1597e1;
}

.joinus .jonav .jan:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.joinus .jonav .jan:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.joinus .jonav .jan.on {
  background-color: #1597e1;
  color: #fff;
}

.joinus .jointems {
  width: 100%;
}

.joinus .jointems .joiems {
  width: 100%;
  display: none;
  font-size: 0;
}

.joinus .jointems .joiems .jol {
  display: inline-block;
  vertical-align: top;
  width: calc((290 / 1400) * 100%);
  margin-right: calc((29 / 1400) * 100%);
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
}

.joinus .jointems .joiems .jol .jolem {
  width: 100%;
  display: block;
  cursor: pointer;
  padding: 0.2rem;
}

.joinus .jointems .joiems .jol .jolem span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 0.2rem;
  color: #555;
  line-height: 1.5;
}

.joinus .jointems .joiems .jol .jolem span:after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 0.2rem;
  background-color: #fff;
  display: none;
}

.joinus .jointems .joiems .jol .jolem.on {
  background-color: #1597e1;
}

.joinus .jointems .joiems .jol .jolem.on span {
  color: #ffff;
}

.joinus .jointems .joiems .jol .jolem.on span:after {
  display: block;
}

.joinus .jointems .joiems .jor {
  display: inline-block;
  vertical-align: top;
  width: calc((1080 / 1400) * 100%);
}

.joinus .jointems .joiems .jor .recruits {
  width: 100%;
}

.joinus .jointems .joiems .jor .recruits .recum {
  width: 100%;
  margin-bottom: 0.2rem;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
}

.joinus .jointems .joiems .jor .recruits .recum .retip {
  width: 100%;
  background-color: #fbfafa;
  border-radius: 4px;
  font-size: 0;
  position: relative;
  padding: 0.18rem 0.3rem;
  cursor: pointer;
}

.joinus .jointems .joiems .jor .recruits .recum .retip .ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.joinus .jointems .joiems .jor .recruits .recum .retip .ic img {
  width: 100%;
  display: block;
}

.joinus .jointems .joiems .jor .recruits .recum .retip .ic img:first-child {
  display: block;
}

.joinus .jointems .joiems .jor .recruits .recum .retip .ic img:last-child {
  display: none;
}

.joinus .jointems .joiems .jor .recruits .recum .retip .cm {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.3rem);
  padding-right: 0.4rem;
  line-height: 1.5;
}

.joinus .jointems .joiems .jor .recruits .recum .retip:after {
  content: ' ';
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("/img/x1.png");
  background-size: 100% 100%;
  width: 17px;
  height: 9px;
  transition: all ease 0.3s;
  transform: rotate(0deg);
}

.joinus .jointems .joiems .jor .recruits .recum .recoms {
  width: 100%;
  padding: 0.3rem 0.6rem;
  background-color: #fbfafa;
  display: none;
}

.joinus .jointems .joiems .jor .recruits .recum .recoms .rips {
  width: 100%;
  color: #666;
  line-height: 1.6;
  margin-bottom: 0.2rem;
}

.joinus .jointems .joiems .jor .recruits .recum .recoms .rips p {
  color: #666;
  line-height: 1.6;
}

.joinus .jointems .joiems .jor .recruits .recum .recoms .vtms {
  width: 100%;
}

.joinus .jointems .joiems .jor .recruits .recum .recoms .vtms .vtm {
  width: 100%;
  margin-bottom: 0.3rem;
}

.joinus .jointems .joiems .jor .recruits .recum .recoms .vit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.15rem;
}

.joinus .jointems .joiems .jor .recruits .recum .recoms .vinp {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.joinus .jointems .joiems .jor .recruits .recum .recoms .vinp p {
  color: #666;
  line-height: 1.5;
}

.joinus .jointems .joiems .jor .recruits .recum.show .retip {
  border-bottom: solid 1px #eaeaea;
}

.joinus .jointems .joiems .jor .recruits .recum.show .retip .ic img:first-child {
  display: none;
}

.joinus .jointems .joiems .jor .recruits .recum.show .retip .ic img:last-child {
  display: block;
}

.joinus .jointems .joiems .jor .recruits .recum.show .retip:after {
  transform: rotate(180deg);
}

.joinus .jointems .joiems .hol {
  display: inline-block;
  vertical-align: top;
  width: calc((320 / 1400) * 100%);
  margin-right: calc((39 / 1400) * 100%);
}

.joinus .jointems .joiems .hol .optiul {
  width: 100%;
  padding: 0.2rem;
  background-color: #fff;
  border-radius: 4px;
}

.joinus .jointems .joiems .hol .optiul .opem {
  width: 100%;
  display: block;
  position: relative;
  margin: 0.2rem 0;
}

.joinus .jointems .joiems .hol .optiul .opem .ous {
  width: 100%;
}

.joinus .jointems .joiems .hol .optiul .opem .ous a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
}

.joinus .jointems .joiems .hol .optiul .opem .ous a .ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.15rem;
}

.joinus .jointems .joiems .hol .optiul .opem .ous a .ic img {
  width: 100%;
  display: block;
}

.joinus .jointems .joiems .hol .optiul .opem .ous a .ic img:first-child {
  display: block;
}

.joinus .jointems .joiems .hol .optiul .opem .ous a .ic img:last-child {
  display: none;
}

.joinus .jointems .joiems .hol .optiul .opem .ous a .xm {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.4rem);
  color: #333;
  line-height: 2;
  white-space: nowrap;
}

.joinus .jointems .joiems .hol .optiul .opem .ous a:hover .ic img:first-child {
  display: none;
}

.joinus .jointems .joiems .hol .optiul .opem .ous a:hover .ic img:last-child {
  display: block;
}

.joinus .jointems .joiems .hol .optiul .opem .ous a:hover .xm {
  color: #1597e1;
}

.joinus .jointems .joiems .hol .optiul .opem .vuls {
  width: 100%;
  padding-left: 0.4rem;
  display: none;
  padding: 0.05rem 0.05rem 0.05rem 0.4rem;
}

.joinus .jointems .joiems .hol .optiul .opem .vuls .vums {
  width: 100%;
  display: block;
  position: relative;
  margin: 0.15rem 0;
}

.joinus .jointems .joiems .hol .optiul .opem .vuls .vums .vas {
  width: 100%;
  font-size: 0;
}

.joinus .jointems .joiems .hol .optiul .opem .vuls .vums .vas a {
  display: inline-block;
  vertical-align: middle;
  color: #555;
  line-height: 2;
}

.joinus .jointems .joiems .hol .optiul .opem .vuls .vums .vas a:hover {
  color: #1597e1;
}

.joinus .jointems .joiems .hol .optiul .opem .vuls .vums .auls {
  width: 100%;
  display: none;
  padding: 0.1rem 0 0.05rem 0.05rem;
}

.joinus .jointems .joiems .hol .optiul .opem .vuls .vums .auls .aum {
  width: 100%;
  font-size: 0;
  position: relative;
}

.joinus .jointems .joiems .hol .optiul .opem .vuls .vums .auls .aum a {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #888;
  line-height: 2;
  padding-left: 0.2rem;
  position: relative;
}

.joinus .jointems .joiems .hol .optiul .opem .vuls .vums .auls .aum a:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.06rem;
  height: 0.06rem;
  background-color: #b7b7b7;
}

.joinus .jointems .joiems .hol .optiul .opem .vuls .vums .auls .aum a:hover {
  color: #1597e1;
}

.joinus .jointems .joiems .hol .optiul .opem .vuls .vums .auls .aum a:hover:before {
  background-color: #1597e1;
}

.joinus .jointems .joiems .hol .optiul .opem .vuls .vums .auls .aum.active a {
  color: #1597e1 !important;
}

.joinus .jointems .joiems .hol .optiul .opem .vuls .vums .auls .aum.active a:before {
  background-color: #1597e1;
}

.joinus .jointems .joiems .hol .optiul .opem .vuls .vums.has-aul:after {
  content: " ";
  display: inline-block;
  text-align: center;
  position: absolute;
  background: none;
  left: auto;
  width: 14px;
  height: 8px;
  top: 0.08rem;
  right: 0;
  border: none;
  background-image: url("/img/x.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: all ease 0.3s;
  transform: rotate(0deg);
}

.joinus .jointems .joiems .hol .optiul .opem .vuls .vums.has-aul.show:after {
  transform: rotate(180deg);
}

.joinus .jointems .joiems .hol .optiul .opem .vuls .vums.has-aul.show .vas a {
  color: #1597e1;
}

.joinus .jointems .joiems .hol .optiul .opem.has-vas:after {
  content: " ";
  display: inline-block;
  text-align: center;
  position: absolute;
  background: none;
  left: auto;
  width: 17px;
  height: 9px;
  top: 0.14rem;
  right: 0;
  border: none;
  background-image: url("/img/x1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: all ease 0.3s;
  transform: rotate(0deg);
}

.joinus .jointems .joiems .hol .optiul .opem.has-vas.show:after {
  transform: rotate(180deg);
}

.joinus .jointems .joiems .hol .optiul .opem.has-vas.show .ous a .ic img:first-child {
  display: none;
}

.joinus .jointems .joiems .hol .optiul .opem.has-vas.show .ous a .ic img:last-child {
  display: block;
}

.joinus .jointems .joiems .hol .optiul .opem.has-vas.show .ous a .xm {
  color: #1597e1;
}

.joinus .jointems .joiems .hor {
  display: inline-block;
  vertical-align: top;
  width: calc((1040 / 1400) * 100%);
}

.joinus .jointems .joiems .hor .homp {
  width: 100%;
  background-color: #fff;
  padding: 0 0.4rem;
  margin-bottom: 0.3rem;
  background-color: #fff;
  border-radius: 4px;
}

.joinus .jointems .joiems .hor .homp .hit {
  width: 100%;
  padding: 0.3rem 0 0.1rem;
  text-align: center;
  color: #1597e1;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.joinus .jointems .joiems .hor .homp .hinp {
  width: 100%;
  padding: 0.3rem 0;
  border-top: solid 1px #e5e5e5;
  color: #555;
  line-height: 1.8;
}

.joinus .jointems .joiems .hor .homp .hinp p {
  color: #555;
  line-height: 1.8;
}

.joinus .jointems .joiems .hor .backhand {
  width: 100%;
  background-color: #fff;
  padding: 0.4rem;
}

.joinus .jointems .joiems .hor .backhand .backm {
  width: 100%;
  font-size: 0;
}

.joinus .jointems .joiems .hor .backhand .backm .icon {
  display: inline-block;
  vertical-align: top;
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.3rem;
}

.joinus .jointems .joiems .hor .backhand .backm .icon img {
  width: 100%;
  display: block;
}

.joinus .jointems .joiems .hor .backhand .backm .hand {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 0.71rem);
  color: #333;
  line-height: 2;
}

.joinus .jointems .joiems .hor .backhand .backm .hand p {
  color: #333;
  line-height: 2;
}

.joinus .jointems .joiems .hor .backhand .backm + .backm {
  margin-top: 0.4rem;
}

.joinus .jointems .joiems .hor .category {
  width: 100%;
  background-color: #fff;
  padding: 0.2rem 0.4rem 0.2rem;
  border-radius: 4px;
}

.joinus .jointems .joiems .hor .category .catem {
  width: 100%;
  font-size: 0;
  border-bottom: solid 1px #efefef;
  padding: 0.25rem 0 0.1rem;
}

.joinus .jointems .joiems .hor .category .catem .came {
  display: inline-block;
  vertical-align: top;
  width: 2rem;
  color: #333;
  line-height: 1.8;
  padding-right: 0.1rem;
}

.joinus .jointems .joiems .hor .category .catem .tegom {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 2rem);
  padding-left: 0.3rem;
  font-size: 0;
}

.joinus .jointems .joiems .hor .category .catem .tegom a {
  display: inline-block;
  vertical-align: top;
  color: #555;
  line-height: 2;
  margin-right: 0.4rem;
  margin-bottom: 0.15rem;
}

.joinus .jointems .joiems.on {
  display: block;
}

.joinus.help {
  background-color: #f9f9f9;
}

.pages {
  width: 100%;
  padding: 0.3rem 0 0.2rem;
  font-size: 0;
  text-align: center;
}

.pages .page {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  color: #666;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
  border-radius: 4px;
  border: solid 1px #eeeeee;
  margin: 0 0.1rem 0.1rem;
  transition: all ease 0.3s;
}

.pages .page.auto {
  width: auto;
  padding: 0 0.2rem;
}

.pages .page:hover {
  color: #fff;
  background-color: #1597e1;
  border: solid 1px #1597e1;
}

.pages .page.on {
  color: #fff;
  background-color: #1597e1;
  border: solid 1px #1597e1;
}

@media (max-width: 900px) {
  .pages .page {
    width: 0.7rem;
    height: 0.7rem;
    line-height: 0.7rem;
  }
  .pages .page.auto {
    width: auto;
    padding: 0 0.2rem;
  }
}

.honors {
  width: 100%;
  padding: 0.5rem 0;
  background-color: #f3f7fa;
}

.honors .honpers {
  width: 100%;
  position: relative;
}

.honors .honpers .swiper-slide {
  width: 100%;
  font-size: 0;
}

.honors .honpers .horm {
  display: inline-block;
  vertical-align: top;
  width: calc((680 / 1400) * 100%);
  margin-right: calc(( 39 / 1400) * 100%);
  font-size: 0;
  background-color: #fff;
  padding: 0.3rem 0.4rem;
  margin-bottom: 0.4rem;
}

.honors .honpers .horm .hmg {
  display: inline-block;
  vertical-align: middle;
  width: calc(( 140 / 600) * 100%);
}

.honors .honpers .horm .hmg .img {
  width: 100%;
  padding-top: 121.1%;
  transition: all ease 0.3s;
}

.honors .honpers .horm .romh {
  display: inline-block;
  vertical-align: middle;
  width: calc((459 / 600) * 100%);
  padding-left: 0.3rem;
}

.honors .honpers .horm .romh .rih {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.honors .honpers .horm .romh .rinp {
  width: 100%;
  color: #666;
  line-height: 1.5;
  height: 6em;
}

.honors .honpers .horm:nth-child(2n) {
  margin-right: 0;
}

.honors .honpers .stn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 0.44rem;
  height: 0.44rem;
  border-radius: 50%;
  cursor: pointer;
}

.honors .honpers .stn img {
  width: 100%;
  display: block;
}

.honors .honpers .stn img:first-child {
  display: block;
}

.honors .honpers .stn img:last-child {
  display: none;
}

.honors .honpers .stn:hover img:first-child {
  display: none;
}

.honors .honpers .stn:hover img:last-child {
  display: block;
}

.honors .honpers .bl {
  left: -0.6rem;
}

.honors .honpers .br {
  right: -0.6rem;
}

@media (max-width: 1420px) {
  .honors .honpers .bl {
    left: 0rem;
  }
  .honors .honpers .br {
    right: 0rem;
  }
}

.obtain {
  width: 100%;
  padding: 0.5rem 0;
}

.obtain .oblem {
  width: 100%;
  font-size: 0;
}

.obtain .oblem .oel {
  display: inline-block;
  vertical-align: top;
  width: calc((520 / 1400) * 100%);
  margin-right: calc((78 / 1400) * 100%);
}

.obtain .oblem .oel .imgs {
  width: 100%;
  display: none;
}

.obtain .oblem .oel .imgs .img {
  width: 100%;
  padding-top: 80.7%;
  position: relative;
}

.obtain .oblem .oel .imgs .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  opacity: 0;
  z-index: 3;
}

.obtain .oblem .oel .imgs.on {
  display: block;
}

.obtain .oblem .oer {
  display: inline-block;
  vertical-align: top;
  width: calc((800 / 1400) * 100%);
}

.obtain .oblem .oer .oper {
  width: 100%;
  font-size: 0;
  height: 420px;
  height: 4.2rem;
}

.obtain .oblem .oer .oper .pemr {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin-right: 4%;
  margin-bottom: 0.2rem;
  color: #666;
  line-height: 1.5;
  cursor: pointer;
  transition: all ease 0.3s;
  padding: 0.2rem 0.3rem;
}

.obtain .oblem .oer .oper .pemr:nth-child(2n) {
  margin-right: 0;
}

.obtain .oblem .oer .oper .pemr.on {
  background-color: #f3f7fa;
  border-radius: 4px;
  color: #1597e1;
}

.obtain .oblem .oer .oper .pemr:hover {
  background-color: #f3f7fa;
  border-radius: 4px;
  color: #1597e1;
}

.newcens {
  width: 100%;
  padding: 0.5rem 0;
}

.newcens .newlist {
  width: 100%;
}

.newcens .newlist .newam {
  width: 100%;
  font-size: 0;
  background-color: #ffffff;
  box-shadow: 0px 3px 29px 0px rgba(166, 186, 206, 0.3);
  border-radius: 4px;
  margin-bottom: 0.4rem;
}

.newcens .newlist .newam a {
  width: 100%;
  display: block;
  font-size: 0;
}

.newcens .newlist .newam .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc((310 / 1400) * 100%);
  overflow: hidden;
}

.newcens .newlist .newam .imgs .img {
  width: 100%;
  padding-top: 61.2%;
  transition: all ease 0.3s;
}

.newcens .newlist .newam .reoms {
  width: calc(/*(1088 / 1400) * */100%);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

.newcens .newlist .newam .reoms .lms {
  width: 100%;
  display: flex;
  align-items: center;
}

.newcens .newlist .newam .reoms .lms .lem {
  width: calc(100% - 0.5rem);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.5rem;
}

.newcens .newlist .newam .reoms .lms .lem .time {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.newcens .newlist .newam .reoms .lms .lem .tim {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin: 0.1rem 0;
}

.newcens .newlist .newam .reoms .lms .lem .tix {
  width: 100%;
  line-height: 1.5;
  color: #777;
  height: 3em;
}

.newcens .newlist .newam .reoms .lms .rem {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
}

.newcens .newlist .newam .reoms .lms .rem .vc {
  display: inline-block;
  vertical-align: middle;
  width: 0.44rem;
  height: 0.44rem;
}

.newcens .newlist .newam .reoms .lms .rem .vc img {
  width: 100%;
  display: block;
}

.newcens .newlist .newam .reoms .lms .rem .vc img:first-child {
  display: block;
}

.newcens .newlist .newam .reoms .lms .rem .vc img:last-child {
  display: none;
}

.newcens .newlist .newam:hover .imgs .img {
  transform: scale(1.1);
}

.newcens .newlist .newam:hover .reoms .lms .lem .tim {
  color: #1597e1;
}

.newcens .newlist .newam:hover .reoms .lms .rem img:first-child {
  display: none;
}

.newcens .newlist .newam:hover .reoms .lms .rem img:last-child {
  display: block;
}

@media (max-width: 768px) {
  .newcens .newlist .newam .imgs {
    width: 40%;
  }
  .newcens .newlist .newam .reoms {
    width: 60%;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }
}

.details {
  width: 100%;
  background-color: #f8f8f8;
}

.details .place {
  width: 100%;
  padding: 0.1rem 0;
}

.details .place .home {
  display: inline-block;
  vertical-align: middle;
  width: 0.18rem;
  height: 0.18rem;
  position: relative;
  top: -0.02rem;
  margin-right: 0.1rem;
}

.details .place .home img {
  width: 100%;
  display: block;
}

.details .place .nts {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #333;
  line-height: 3.5;
  margin-right: 0.16rem;
}

.details .place .nts span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.16rem;
  width: 0.07rem;
  height: 0.12rem;
  position: relative;
  top: -0.02rem;
}

.details .place .nts span img {
  width: 100%;
  display: block;
}

.details .place .nts:last-child span {
  display: none;
}

.details .detail {
  width: 100%;
  font-size: 0;
}

.details .detail .del {
  display: inline-block;
  vertical-align: top;
  width: calc((1000 / 1400) * 100%);
  background-color: #fff;
  padding: 0.5rem;
  margin-right: calc((39 / 1400) * 100%);
}

.details .detail .del .dit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.15rem;
}

.details .detail .del .dim {
  width: 100%;
  font-size: 0;
  margin: 0.1rem 0;
}

.details .detail .del .dim .ic {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 0.1rem;
}

.details .detail .del .dim .ic img {
  width: 100%;
  display: block;
}

.details .detail .del .dim .im {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
}

.details .detail .del .dinp {
  width: 100%;
  margin: 0.3rem 0;
  padding: 0.3rem 0;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
  color: #333;
  line-height: 1.8;
}

.details .detail .del .dinp p {
  color: #333;
  line-height: 1.8;
}

.details .detail .del .dot {
  width: 100%;
  font-size: 0;
}

.details .detail .del .dot .dol {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 2rem);
  padding-right: 0.2rem;
}

.details .detail .del .dot .dol a {
  width: 100%;
  display: block;
  line-height: 2;
  color: #666;
  margin: 0.1rem 0;
}

.details .detail .del .dot .dol a:hover {
  color: #1597e1;
}

.details .detail .del .dot .dol b {
  color: #333;
}

.details .detail .del .dot .dor {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  width: 2rem;
}

.details .detail .del .dot .dor a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #fff;
  line-height: 3;
  padding: 0 0.3rem;
  background-color: #1597e1;
  border-radius: 4px;
  position: relative;
  top: 0;
  transition: all ease 0.3s;
}

.details .detail .der {
  display: inline-block;
  vertical-align: top;
  width: calc((360 / 1400) * 100%);
  background-color: #fff;
}

.details .detail .der .dir {
  width: 100%;
  padding: 0.2rem;
  border-bottom: solid 1px #eee;
  position: relative;
}

.details .detail .der .dir span {
  display: inline-block;
  vertical-align: middle;
  color: #1597e1;
  font-weight: bold;
}

.details .detail .der .dir::after {
  content: ' ';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 0.2rem;
  width: 2px;
  background-color: #1597e1;
}

.details .detail .der .dom {
  width: 100%;
  padding: 0.2rem;
}

.details .detail .der .dom .dam {
  width: 100%;
  border-bottom: solid 1px #eee;
  padding-bottom: 0.15rem;
}

.details .detail .der .dom .dam a {
  width: 100%;
  display: block;
}

.details .detail .der .dom .dam .imgs {
  width: 100%;
  overflow: hidden;
}

.details .detail .der .dom .dam .imgs .img {
  width: 100%;
  padding-top: 62%;
  transition: all ease 0.3s;
}

.details .detail .der .dom .dam .dt {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin: 0.08rem 0;
}

.details .detail .der .dom .dam .dk {
  width: 100%;
  color: #777;
  line-height: 1.6;
}

.details .detail .der .dom .dul {
  width: 100%;
}

.details .detail .der .dom .dul a {
  width: 100%;
  color: #666;
  display: block;
  line-height: 1.5;
  border-bottom: solid 1px #eee;
  padding: 0.15rem 0 0.15rem 0.2rem;
  position: relative;
}

.details .detail .der .dom .dul a::after {
  content: ' ';
  position: absolute;
  left: 0.04rem;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 0.06rem;
  height: 0.06rem;
  background-color: #666;
}

.details .detail .der .dom .dul a:hover {
  color: #1597e1;
}

.details .detail .der .dom .dul a:hover:after {
  background-color: #1597e1;
}

.industrys {
  width: 100%;
  padding: 0.5rem 0;
}

.industrys .industry {
  width: 100%;
}

.industrys .industry .indum {
  width: 100%;
  margin-bottom: 0.34rem;
}

.industrys .industry .indum .idt {
  width: 100%;
  padding-left: 0.2rem;
  position: relative;
  margin-bottom: 0.2rem;
}

.industrys .industry .indum .idt span {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
}

.industrys .industry .indum .idt::after {
  content: ' ';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 0.24rem;
  width: 2px;
  background-color: #1597e1;
}

.industrys .industry .indum .idnp {
  width: 100%;
  padding: 0rem 0.3rem 0.1rem;
  color: #666;
  line-height: 2;
}

.industrys .industry .indum .idnp p {
  color: #666;
  line-height: 2;
}

.advantages {
  width: 100%;
  padding: 0.5rem 0;
  background-color: #f9fafc;
}

.advantages .advanlis {
  width: 100%;
  font-size: 0;
}

.advantages .advanlis .advam {
  display: inline-block;
  vertical-align: top;
  width: calc((260 / 1400) * 100%);
  margin-right: calc((24 / 1400) * 100%);
  padding: 0.4rem 0.2rem;
  transition: all ease 0.3s;
}

.advantages .advanlis .advam .icon {
  width: 0.55rem;
  height: 0.55rem;
  display: block;
  margin: 0 auto 0;
}

.advantages .advanlis .advam .icon img {
  width: 100%;
  display: block;
}

.advantages .advanlis .advam .eix {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
  margin: 0.2rem 0;
}

.advantages .advanlis .advam .eim {
  width: 100%;
  color: #888;
  line-height: 1.5;
  height: 7.5em;
  -webkit-line-clamp: 5;
}

.advantages .advanlis .advam .eim p {
  color: #888;
  line-height: 1.5;
}

.advantages .advanlis .advam:hover {
  background-color: #ffffff;
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.09);
}

.advantages .advanlis .advam:nth-child(5n) {
  margin-right: 0;
}

.patterns {
  width: 100%;
  padding: 0.5rem 0;
}

.patterns .edition {
  width: 100%;
  font-size: 0;
}

.patterns .edition .editm {
  width: calc((610 / 1400) * 100%);
  display: inline-block;
  vertical-align: top;
  margin-right: calc((30 / 1400) * 100%);
  margin-left: calc((60 / 1400) * 100%);
  background-color: #ffffff;
  transition: all ease 0.3s;
  margin-bottom: 0.3rem;
  border: solid 1px #eee;
}

.patterns .edition .editm .edtop {
  width: 100%;
  padding: 0.28rem 0.28rem 0.18rem;
}

.patterns .edition .editm .edtop .ex {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.1rem;
  text-align:center;
}

.patterns .edition .editm .edtop .ek {
  width: 100%;
  color: #444;
  line-height: 1.5;
  height: 3em;
}

.patterns .edition .editm .edom {
  width: 100%;
  padding: 0.30rem;
  background-color: #fff;
}

.patterns .edition .editm .edom .dxm {
  width: 100%;
  font-size: 0;
}

.patterns .edition .editm .edom .dxm .ic {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  position: relative;
  top: -0.02rem;
  margin-right: 0.12rem;
}

.patterns .edition .editm .edom .dxm .ic img {
  width: 100%;
  display: block;
}

.patterns .edition .editm .edom .dxm .im {
  display: inline-block;
  vertical-align: middle;
  /*width: calc(100% - 14px - 0.13rem);*/
  font-size:16px;
  color: #888;
  line-height: 2;
  white-space:normal;
  text-align:justify;
}

.patterns .edition .editm .ztn {
  width: 100%;
  display: block;
  box-shadow: 0px 0px 24px 0px rgba(197, 197, 197, 0.16);
}

.patterns .edition .editm .ztn a {
  width: 100%;
  display: block;
  color: #1597e1;
  line-height: 3;
  text-align: center;
  background-color: #1597e1;
  color: #fff;
}

.patterns .edition .editm:nth-child(3n) {
  margin-right: 0;
}

.patterns .edition .editm:hover {
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.09);
}

.eachs {
  width: 100%;
  padding: 0.5rem 0;
  background-color: #f6f8fc;
}

.eachs .eanav {
  width: 100%;
}

.eachs .eanav .swiper-slide {
  width: 100%;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
  text-align: center;
  line-height: 3;
  color: #666;
  cursor: pointer;
}

.eachs .eanav .swiper-slide.on {
  background-color: #ffffff;
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.09);
  border: solid 1px #eeeeee;
  border-top: solid 2px #1597e1;
  color: #1597e1;
}

.eachs .eanav .swiper-slide:hover {
  color: #1597e1;
}

.eachs .eachoms {
  width: 100%;
}

.eachs .eachoms .eacom {
  width: 100%;
  display: none;
  font-size: 0;
  border: solid 1px #eeeeee;
  border-top: none;
}

.eachs .eachoms .eacom .eacom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.eachs .eachoms .eacom .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc((800 / 1400) * 100%);
  background-color: #fff;
}

.eachs .eachoms .eacom .imgs .img {
  width: 100%;
  padding-top: 68.125%;
}

.eachs .eachoms .eacom .eoms {
  width: calc((599 / 1400) * 100%);
  display: inline-block;
  vertical-align: middle;
  background-color: #f9f9f9;
  padding: 0.4rem;
}

.eachs .eachoms .eacom .eoms .eop {
  width: 100%;
}

.eachs .eachoms .eacom .eoms .sip {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.eachs .eachoms .eacom .eoms .line {
  width: 100%;
  margin: 0.2rem 0;
}

.eachs .eachoms .eacom .eoms .line span {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 1px;
  background-color: #e6e6e6;
}

.eachs .eachoms .eacom .eoms .linp {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.eachs .eachoms .eacom .eoms .linp p {
  color: #666;
  line-height: 1.5;
}

.eachs .eachoms .eacom .eoms .apply {
  width: 100%;
  font-size: 0;
  margin-top: 0.15rem;
}

.eachs .eachoms .eacom .eoms .apply a {
  display: inline-block;
  vertical-align: middle;
  background-color: #1597e1;
  padding: 0 0.4rem;
  color: #fff;
  line-height: 2.5;
  border-radius: 4px;
}

.eachs .eachoms .eacom .eoms .eul {
  width: 100%;
}

.eachs .eachoms .eacom .eoms .eul .em {
  width: 100%;
  font-size: 0;
  padding: 0.06rem 0;
}

.eachs .eachoms .eacom .eoms .eul .em .ie {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  margin-right: 0.12rem;
}

.eachs .eachoms .eacom .eoms .eul .em .in {
  display: initial;
  vertical-align: middle;
  width: auto;
  color: #666;
  line-height: 2;
}

.eachs .eachoms .eacom.on {
  display: block;
}

.contrasts {
  width: 100%;
  padding: 0.5rem 0;
}

.contrasts .pccontrast {
  width: 100%;
}

.contrasts .pccontrast .head {
  width: 100%;
  font-size: 0;
  text-align: right;
}

.contrasts .pccontrast .head .com {
  width: calc((605 / 1400) * 100%);
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
  background-color: #1597e1;
}

.contrasts .pccontrast .head .com .ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.14rem;
}

.contrasts .pccontrast .head .com .ic img {
  width: 100%;
  display: block;
}

.contrasts .pccontrast .head .com .sc {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 3;
  font-weight: bold;
}

.contrasts .pccontrast .head .cor {
  display: inline-block;
  vertical-align: middle;
  width: calc((605 / 1400) * 100%);
  background-color: #dbecfa;
  text-align: center;
}

.contrasts .pccontrast .head .cor .sc {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 3;
}

.contrasts .pccontrast .vols {
  width: 100%;
}

.contrasts .pccontrast .vol {
  width: 100%;
  font-size: 0;
}

.contrasts .pccontrast .vol .col {
  display: inline-block;
  vertical-align: middle;
  width: calc((189 / 1400) * 100%);
  text-align: center;
  background-color: #f9fcff;
}

.contrasts .pccontrast .vol .com {
  display: inline-block;
  vertical-align: middle;
  width: calc((605 / 1400) * 100%);
  padding: 0 0.3rem;
  background-color: #ecf7fd;
}

.contrasts .pccontrast .vol .cor {
  display: inline-block;
  vertical-align: middle;
  width: calc((605 / 1400) * 100%);
  padding: 0 0.3rem;
  background-color: #f9fcff;
}

.contrasts .pccontrast .vol .cor .sc {
  color: #666;
}

.contrasts .pccontrast .vol .sc {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 3;
}

.contrasts .pccontrast .vol:nth-child(2n) .col {
  background-color: #f1f7fc;
}

.contrasts .pccontrast .vol:nth-child(2n) .com {
  background-color: #f7fcff;
}

.contrasts .pccontrast .vol:nth-child(2n) .cor {
  background-color: #f1f7fc;
}

.contrasts .phtrast {
  width: 100%;
  display: none;
}

.contrasts .phtrast .htc {
  width: 100%;
}

.contrasts .phtrast .htc .hit {
  width: 100%;
  text-align: center;
  background-color: #1597e1;
}

.contrasts .phtrast .htc .hit .ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.14rem;
}

.contrasts .phtrast .htc .hit .ic img {
  width: 100%;
  display: block;
}

.contrasts .phtrast .htc .hit .sc {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 3;
  font-weight: bold;
}

.contrasts .phtrast .htc .huls {
  width: 100%;
}

.contrasts .phtrast .htc .huls .hom {
  width: 100%;
  text-align: left;
  padding: 0 .3rem;
  background-color: #ecf7fd;
}

.contrasts .phtrast .htc .huls .hom .sc {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 3;
}

.contrasts .phtrast .htc .huls .hom:nth-child(2n) {
  background-color: #f7fcff;
}

.contrasts .phtrast .agent {
  width: 100%;
}

.contrasts .phtrast .agent .ait {
  width: 100%;
  background-color: #dbecfa;
  text-align: center;
}

.contrasts .phtrast .agent .ait .sc {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 3;
}

.contrasts .phtrast .agent .auls {
  width: 100%;
}

.contrasts .phtrast .agent .auls .aom {
  width: 100%;
  text-align: left;
  padding: 0 .3rem;
  background-color: #f9fcff;
}

.contrasts .phtrast .agent .auls .aom .sc {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 3;
}

.contrasts .phtrast .agent .auls .aom:nth-child(2n) {
  background-color: #f1f7fc;
}

.recommend {
  width: 100%;
  padding: 0.5rem 0;
}

.recommend .recomlis {
  width: 100%;
  font-size: 0;
}

.recommend .recomlis .recom {
  display: inline-block;
  vertical-align: top;
  width: calc((690 / 1400) * 100%);
  background-color: #e4f5ff;
  border-radius: 4px;
  padding: 0.2rem 0.6rem 0.2rem 0.3rem;
  font-size: 0;
  margin-right: calc((19 / 1400) * 100%);
}

.recommend .recomlis .recom .rom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  align-content: center;
}

.recommend .recomlis .recom .imgs {
  width: calc((181 / 600) * 100%);
  display: inline-block;
  vertical-align: middle;
}

.recommend .recomlis .recom .imgs .img {
  width: 100%;
  padding-top: 90%;
}

.recommend .recomlis .recom .cml {
  width: calc((418 / 600) * 100%);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.4rem;
}

.recommend .recomlis .recom .cml .cit {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.recommend .recomlis .recom .cml .cix {
  width: 100%;
  color: #666;
  line-height: 1.5;
  height: 3em;
  margin: 0.15rem 0;
}

.recommend .recomlis .recom .cml .apply {
  width: 100%;
  font-size: 0;
}

.recommend .recomlis .recom .cml .apply a {
  display: inline-block;
  vertical-align: middle;
  background-color: #1597e1;
  color: #fff;
  line-height: 2.8;
  padding: 0 0.4rem;
  border-radius: 4px;
}

.recommend .recomlis .recom:nth-child(2n) {
  margin-right: 0;
}

.configures {
  width: 100%;
  padding: 0.5rem 0;
}

.configures .conflist {
  width: 100%;
  font-size: 0;
}

.configures .conflist .cont {
  width: calc((465 / 1400) * 100%);
  display: inline-block;
  vertical-align: top;
  background-color: #ffffff;
  box-shadow: 0px 0px 24px 0px rgba(197, 197, 197, 0.16);
  margin-right: calc((2 / 1400) * 100%);
}

.configures .conflist .cont .cop {
  width: 100%;
  background-color: #fff;
  padding: 0.28rem;
  position: relative;
}

.configures .conflist .cont .cop .cvt {
  width: 100%;
  margin-bottom: 0.2rem;
}

.configures .conflist .cont .cop .cvt .civ {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.configures .conflist .cont .cop .cvb {
  width: 100%;
}

.configures .conflist .cont .cop .cvb .cvblis {
  width: 100%;
  margin-top: 0.15rem;
  font-size: 0;
}

.configures .conflist .cont .cop .cvb .cvblis .cbm {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 0.14rem;
}

.configures .conflist .cont .cop .cvb .cvblis .cbm .ic {
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  margin-top: 0.02rem;
  margin-right: 0.1rem;
}

.configures .conflist .cont .cop .cvb .cvblis .cbm .ic img {
  width: 100%;
  display: block;
}

.configures .conflist .cont .cop .cvb .cvblis .cbm .im {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 14px - 0.1rem);
  color: #666;
  line-height: 1.5;
  height: 4.5em;
}

.configures .conflist .cont .cop .cvb .cvblis .cbm:nth-child(2n) {
  margin-right: 0;
}

.configures .conflist .cont .cop .hot {
  width: 0.86rem;
  height: 0.86rem;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.configures .conflist .cont .cop .hot img {
  width: 100%;
  display: block;
}

.configures .conflist .cont .cop .cit {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
}

.configures .conflist .cont .cim {
  width: 100%;
  padding: 0.05rem 0.2rem 0.15rem;
}

.configures .conflist .cont .cim .vt {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.1rem;
}

.configures .conflist .cont .cim .vt span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 2.2;
  padding: 0 0.3rem;
  background-color: #ff9619;
  border-radius: 4px;
}

.configures .conflist .cont .cim .price {
  width: 100%;
  font-size: 0;
}

.configures .conflist .cont .cim .price span {
  display: inline-block;
  vertical-align: middle;
  color: #888;
  line-height: 1.5;
  margin: 0 0.02rem;
}

.configures .conflist .cont .cim .price .yell {
  color: #ff9619;
}

.configures .conflist .cont .ztn {
  width: 100%;
}

.configures .conflist .cont .ztn a {
  width: 100%;
  display: block;
  color: #1597e1;
  box-shadow: 0px 0px 24px 0px rgba(197, 197, 197, 0.16);
  text-align: center;
  line-height: 3;
  background-color: #1597e1;
  color: #fff;
}

.configures .conflist .cont:nth-child(3n) {
  margin-right: 0;
}

.proadvs {
  width: 100%;
  padding: 0.5rem 0;
  background-color: #f8f8f8;
}

.proadvs .proadv {
  width: 100%;
  font-size: 0;
}

.proadvs .proadv .padvm {
  display: inline-block;
  vertical-align: top;
  width: calc((453 / 1400) * 100%);
  background-color: #fff;
  margin-right: calc((20 / 1400) * 100%);
  padding: 0.5rem 0.4rem 0.4rem;
}

.proadvs .proadv .padvm .icon {
  display: block;
  width: 0.54rem;
  height: 0.54rem;
  margin: 0 auto 0.1rem;
}

.proadvs .proadv .padvm .icon img {
  width: 100%;
  display: block;
}

.proadvs .proadv .padvm .eix {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
  margin: 0.2rem 0;
}

.proadvs .proadv .padvm .eim {
  width: 100%;
  color: #777;
  line-height: 1.5;
  height: 6em;
}

.proadvs .proadv .padvm .eim p {
  color: #777;
  line-height: 1.5;
}

.proadvs .proadv .padvm:nth-child(3n) {
  margin-right: 0;
}

.functions {
  width: 100%;
  padding: 0.5rem 0;
  background-color: #e6eefa;
}

.functions .function {
  width: 100%;
  font-size: 0;
}

.functions .function .funcm {
  display: inline-block;
  vertical-align: middle;
  width: calc((690 / 1400) * 100%);
  margin-right: calc((19 / 1400) * 100%);
}

.functions .function .funcm .fop {
  width: 100%;
  padding: 0.2rem 0.2rem;
  color: #333;
  line-height: 1.5;
  text-align: center;
}

.functions .function .funcm .fom {
  width: 100%;
  padding: 0.3rem;
  background-color: #fff;
}

.functions .function .funcm .fom .fcon {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.24rem;
}

.functions .function .funcm .fom .fcon .fon {
  display: inline-block;
  vertical-align: middle;
  width: calc((180 / 630) * 100%);
  margin-right: calc((44 / 630) * 100%);
}

.functions .function .funcm .fom .fcon .fon .icon {
  display: block;
  width: 0.44rem;
  height: 0.44rem;
  margin: 0 auto 0.1rem;
}

.functions .function .funcm .fom .fcon .fon .icon img {
  width: 100%;
  display: block;
}

.functions .function .funcm .fom .fcon .fon .fx {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #333;
  margin-bottom: 0.05rem;
}

.functions .function .funcm .fom .fcon .fon .fm {
  width: 100%;
  color: #888;
  line-height: 1.5;
  height: 3em;
  text-align: center;
}

.functions .function .funcm .fom .fcon .fon:nth-child(3n) {
  margin-right: 0;
}

.functions .function .funcm .fom .fvom {
  width: 100%;
  font-size: 0;
}

.functions .function .funcm .fom .fvom .fvm {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin-right: 4%;
  font-size: 0;
  margin-bottom: 0.1rem;
}

.functions .function .funcm .fom .fvom .fvm .ic {
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  margin-top: 0.04rem;
  margin-right: 0.1rem;
}

.functions .function .funcm .fom .fvom .fvm .ic img {
  width: 100%;
  display: block;
}

.functions .function .funcm .fom .fvom .fvm .rmf {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 14px - 0.11rem);
}

.functions .function .funcm .fom .fvom .fvm .rmf .rf {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.02rem;
}

.functions .function .funcm .fom .fvom .fvm .rmf .rx {
  width: 100%;
  color: #888;
  line-height: 1.5;
  height: 3em;
}

.functions .function .funcm .fom .fvom .fvm:nth-child(2n) {
  margin-right: 0;
}

.functions .function .funcm:nth-child(2n) {
  margin-right: 0;
}

.consults {
  width: 100%;
  padding: 0.5rem 0;
}

.consults .consult {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  justify-content: space-between;
  font-size: 0;
}

.consults .consult .col {
  display: inline-block;
  vertical-align: middle;
  width: calc((650 / 1400) * 100%);
}

.consults .consult .col .img {
  width: 100%;
  padding-top: 58.46%;
}

.consults .consult .cor {
  display: inline-block;
  vertical-align: middle;
  width: calc((690 / 1400) * 100%);
}

.consults .consult .cor .crom {
  width: 100%;
  margin-bottom: 0.25rem;
}

.consults .consult .cor .crom .civ {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.15rem;
}

.consults .consult .cor .crom .cinp {
  width: 100%;
  color: #666;
  line-height: 1.6;
}

.consults .consult .cor .crom .cinp p {
  color: #666;
  line-height: 1.6;
}

.consults .consult .cor .apply {
  width: 100%;
  font-size: 0;
}

.consults .consult .cor .apply a {
  display: inline-block;
  vertical-align: middle;
  background-color: #1597e1;
  color: #fff;
  line-height: 2.8;
  padding: 0 0.5rem;
  border-radius: 4px;
}

.problems {
  width: 100%;
  padding: 0.5rem 0;
  background-color: #e6eefa;
}

.problems .problem {
  width: 100%;
  background-color: #fff;
  padding: 0.4rem;
}

.problems .problem .proem {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.2rem;
}

.problems .problem .proem .icon {
  display: inline-block;
  vertical-align: top;
  width: 0.22rem;
  height: 0.22rem;
  width: 20px;
  height: 20px;
  margin-right: 0.2rem;
  margin-top: 0.04rem;
}

.problems .problem .proem .icon img {
  width: 100%;
  display: block;
}

.problems .problem .proem .prem {
  width: calc(100% - 0.43rem);
  width: calc(100% - 0.21rem - 20px);
  display: inline-block;
  vertical-align: top;
}

.problems .problem .proem .prem .px {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.08rem;
}

.problems .problem .proem .prem .ph {
  width: 100%;
  color: #555;
  line-height: 1.5;
}

.knows {
  width: 100%;
  padding: 0.5rem 0;
}

.knows .ledgelis {
  width: 100%;
  font-size: 0;
}

.knows .ledgelis .ledem {
  display: inline-block;
  vertical-align: top;
  width: calc((328 / 1400) * 100%);
  margin-right: calc((29 / 1400) * 100%);
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 0.3rem;
}

.knows .ledgelis .ledem a {
  width: 100%;
  display: block;
}

.knows .ledgelis .ledem .imgs {
  width: 100%;
  overflow: hidden;
}

.knows .ledgelis .ledem .imgs .img {
  width: 100%;
  padding-top: 60.9%;
  transition: all ease 0.3s;
}

.knows .ledgelis .ledem .lx {
  width: 100%;
  text-align: center;
  line-height: 3;
  color: #555;
  background-color: #f5f8fd;
}

.knows .ledgelis .ledem:nth-child(4n) {
  margin-right: 0;
}

.knows .ledgelis .ledem:hover .imgs .img {
  transform: scale(1.1);
}

.downers {
  width: 100%;
  padding: 0.5rem 0;
}

.downers .downlis {
  width: 100%;
  font-size: 0;
}

.downers .downlis .dowem {
  display: inline-block;
  vertical-align: top;
  width: calc((680 / 1400) * 100%);
  background-color: #ffffff;
  border-radius: 4px;
  border: solid 1px #f5f5f5;
  margin-right: calc((39 / 1400) * 100%);
  padding: 0.28rem;
  font-size: 0;
  transition: all ease 0.3s;
  margin-bottom: 0.39rem;
}

.downers .downlis .dowem .icon {
  display: inline-block;
  vertical-align: top;
  width: 0.59rem;
  height: 0.59rem;
  margin-right: 0.3rem;
}

.downers .downlis .dowem .icon img {
  width: 100%;
  display: block;
}

.downers .downlis .dowem .don {
  width: calc(100% - 0.9rem);
  display: inline-block;
  vertical-align: top;
}

.downers .downlis .dowem .don .dit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  transition: all ease 0.3s;
  margin-bottom: 0.15rem;
}

.downers .downlis .dowem .don .dim {
  width: 100%;
  color: #666;
  line-height: 1.5;
  height: 4.5em;
  margin: 0.15rem 0;
}

.downers .downlis .dowem .don .down {
  width: 100%;
  font-size: 0;
}

.downers .downlis .dowem .don .down span {
  display: inline-block;
  vertical-align: middle;
  background-color: #1597e1;
  color: #fff;
  line-height: 2.5;
  padding: 0 0.4rem;
  border-radius: 4px;
}

.downers .downlis .dowem:hover {
  background-color: #fafafa;
}

.downers .downlis .dowem:hover .don .dit {
  color: #1597e1;
}

.downers .downlis .dowem:nth-child(2n) {
  margin-right: 0;
}

.w1280 {
  width: 12.8rem;
  margin: 0 auto;
  font-size: 0;
  z-index: 2;
}

@media (max-width: 1300px) {
  .w1280 {
    width: 94%;
  }
}

.results {
  width: 100%;
  display: block;
  min-height: 100vh;
  background-color: #e7f4fb;
}

.results .retop {
  width: 100%;
  padding: 0.3rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.results .retop .logo {
  display: inline-block;
  vertical-align: middle;
  width: 2.02rem;
}

.results .retop .logo a, .results .retop .logo img {
  width: 100%;
  display: block;
}

.results .retop .back {
  display: inline-block;
  vertical-align: middle;
  color: #1597e1;
  line-height: 1.5;
}

.results .rebot {
  width: 100%;
  text-align: center;
  padding: 0.36rem 0;
}

.results .rebot .rx {
  display: inline-block;
  vertical-align: middle;
  color: rgba(51, 51, 51, 0.5);
  line-height: 2;
}

.results .resum {
  width: 100%;
  background-color: #fff;
  padding: 1.2rem 0.6rem;
  text-align: center;
  min-height: 78vh;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.results .resum .rox {
  width: 100%;
  height: 100%;
  display: flex;
}

.results .resum .tip {
  width: 100%;
  font-size: 0;
}

.results .resum .tip .ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.2rem;
}

.results .resum .tip .ic img {
  width: 100%;
  display: block;
}

.results .resum .tip .im {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
}

.results .resum .tmm {
  width: 100%;
  margin: 0.4rem 0;
  color: #333;
  line-height: 1.5;
}

.results .resum .trm {
  width: 100%;
  color: #888;
  line-height: 1.5;
  margin: 0.4rem 0;
}

.results .resum .trm a {
  display: inline;
  color: #5cbbf1;
  line-height: 1.5;
}

.results .resum .vip {
  width: 100%;
  color: #888;
  line-height: 1.5;
}

.results .applys {
  width: 100%;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
}

.results .applys .apl {
  display: inline-block;
  vertical-align: middle;
  width: calc((525 / 1280) * 100%);
  background-color: #1597e1;
  padding: 0.5rem 0.3rem;
}

.results .applys .apl .aplm {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.results .applys .apl .apx {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0.15rem;
}

.results .applys .apl .apt {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0.15rem;
}

.results .applys .apl .amgs {
  width: 100%;
  font-size: 0;
  margin-top: 0.4rem;
}

.results .applys .apl .amgs .amg {
  width: calc((145 / 425) * 100%);
  display: inline-block;
  vertical-align: top;
  margin: 0 calc((33 / 425) * 100%) 0.4rem;
  margin-bottom: 0.4rem;
}

.results .applys .apl .amgs .amg .img {
  width: 100%;
  padding-top: 31%;
}

.results .applys .apl .amgs .xmg {
  width: 100%;
}

.results .applys .apl .amgs .xmg img {
  width: 100%;
  display: block;
}

.results .applys .apr {
  display: inline-block;
  vertical-align: middle;
  width: calc((754 / 1280) * 100%);
  padding: 0.4rem;
}

.results .applys .apr .air {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.25rem;
}

.results .applys .apr .arom {
  width: 100%;
  max-width: 600px;
  margin: 0 auto 0;
}

.results .applys .apr .arom .ait {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.1rem;
  max-width: 450px;
  margin: 0 auto 0.1rem;
}

.results .applys .apr .arom form {
  width: 100%;
  display: block;
}

.results .applys .apr .arom .lacom {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.2rem;
  max-width: 450px;
  margin: 0 auto 0.2rem;
}

.results .applys .apr .arom .lacom .label {
  width: auto;
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  position: relative;
  margin-right: 0.3rem;
  margin-bottom: 0.15rem;
}

.results .applys .apr .arom .lacom .label .icon {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  background-image: url("/img/fi1.png");
  background-size: 100%;
  background-repeat: no-repeat;
}

.results .applys .apr .arom .lacom .label .text {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
  margin-left: 0.1rem;
}

.results .applys .apr .arom .lacom .label .inp {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 2;
  opacity: 0;
  left: 0;
  top: 0;
}

.results .applys .apr .arom .lacom .label.selected .icon {
  background-image: url("/img/fi2.png");
  background-size: 100%;
  background-repeat: no-repeat;
}

.results .applys .apr .arom .input {
  width: 100%;
  display: block;
  position: relative;
  margin-bottom: 0.3rem;
  max-width: 450px;
  margin: 0 auto 0.25rem;
}

.results .applys .apr .arom .input .inx {
  width: 100%;
  display: block;
  border: solid 1px #e5e5e5;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 0 0.2rem;
  color: #888;
  line-height: 3;
}

.results .applys .apr .arom .input .itp {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0 0.2rem;
  color: #ff2a3c;
  line-height: 1.6;
  display: none;
}

.results .applys .apr .arom .input .sub {
  width: 100%;
  display: block;
  background-color: #1597e1;
  text-align: center;
  color: #fff;
  line-height: 3;
  border-radius: 4px;
}

.results .applys .apr .arom .input.red .inx {
  border: solid 1px #ff2a3c;
}

.results .applys .apr .arom .input.red .itp {
  display: block;
}

.results .applys .apr .arom .input.yzm .inx {
  padding: 0 calc(0.18rem + 53px) 0 0.2rem;
}

.results .applys .apr .arom .input.yzm .img {
  position: absolute;
  top: 50%;
  right: 0.1rem;
  transform: translateY(-50%);
  /*width: 53px;*/
  cursor: pointer;
}

.results .applys .apr .arom .input.yzm .img img {
  width: 100%;
  display: block;
}

.results .applys .apr .arom .input.pzm .inx {
  padding: 0 calc(0.1rem + 80px) 0 0.2rem;
}

.results .applys .apr .arom .input.pzm .get {
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  color: #1597e1;
  line-height: 2;
  position: absolute;
  top: 50%;
  right: 0.1rem;
  transform: translateY(-50%);
  cursor: pointer;
  text-align: center;
}

.results .applys .apr .arom .input.on .inx {
  border: solid 1px #1597e1;
}

.results.pad {
  padding: 0.4rem 0;
}