/**
*  UI已定义变量 s
*/
body {
  background: #F9F7F7;
}
/**
* 定义版心
**/
.pc-container {
  width: 1200px;
  margin: 0px auto;
}
/**
    公共样式
    #fr-header-pc {}
    #fr-footer-pc {}
*/
:root {
  --animate-duration: 0.3s;
  --animate-delay: 0.3s;
  --animate-repeat: 0.3;
}
.root1s {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.m-header {
  position: relative;
  z-index: 11;
}
.m-header .header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 60px;
  background-color: #00000036;
  padding: 0 70px;
  opacity: 1;
}
.m-header .header:hover {
  opacity: 1 !important;
}
.m-header .header:hover,
.m-header .header.active {
  position: fixed;
  background-color: #fff;
}
.m-header .header:hover .menu .logo img,
.m-header .header.active .menu .logo img {
  display: none;
}
.m-header .header:hover .menu .logo .logo-black,
.m-header .header.active .menu .logo .logo-black {
  display: inline;
}
.m-header .header:hover .menu .menu-list .list-one.active .list-two,
.m-header .header.active .menu .menu-list .list-one.active .list-two {
  display: block;
}
.m-header .header:hover .menu .menu-list .list-one .one-name,
.m-header .header.active .menu .menu-list .list-one .one-name {
  background-color: #fff;
}
.m-header .header:hover .menu .menu-list .list-one .one-name:hover a span::before,
.m-header .header.active .menu .menu-list .list-one .one-name:hover a span::before {
  background: #82BF34;
}
.m-header .header:hover .menu .menu-list .list-one .one-name.active a span::before,
.m-header .header.active .menu .menu-list .list-one .one-name.active a span::before {
  background: #82BF34;
}
.m-header .header:hover .menu .menu-list .list-one .one-name a span,
.m-header .header.active .menu .menu-list .list-one .one-name a span {
  color: #000;
}
.m-header .header:hover .menu .menu-list .list-one .one-name a span::before,
.m-header .header.active .menu .menu-list .list-one .one-name a span::before {
  background: transparent;
}
.m-header .header:hover .tell-search .tell img,
.m-header .header.active .tell-search .tell img {
  display: none;
}
.m-header .header:hover .tell-search .tell .tell-black,
.m-header .header.active .tell-search .tell .tell-black {
  display: inline;
}
.m-header .header:hover .tell-search .tell span,
.m-header .header.active .tell-search .tell span {
  color: #000;
}
.m-header .header:hover .tell-search .search,
.m-header .header.active .tell-search .search {
  padding-top: 14px;
}
.m-header .header:hover .tell-search .search a,
.m-header .header.active .tell-search .search a {
  width: 25px;
  display: block;
  border: solid 1px transparent;
  height: 28px;
  padding: 0;
  border-radius: 30px;
  padding-right: 10px;
}
.m-header .header:hover .tell-search .search a.active,
.m-header .header.active .tell-search .search a.active,
.m-header .header:hover .tell-search .search a:hover,
.m-header .header.active .tell-search .search a:hover {
  border: solid 1px #ccc;
  width: auto;
}
.m-header .header:hover .tell-search .search a.active .txt,
.m-header .header.active .tell-search .search a.active .txt,
.m-header .header:hover .tell-search .search a:hover .txt,
.m-header .header.active .tell-search .search a:hover .txt {
  display: inline-block;
}
.m-header .header:hover .tell-search .search a .txt,
.m-header .header.active .tell-search .search a .txt {
  width: 110px;
  display: none;
  margin-left: 15px;
  vertical-align: top;
  height: 28px;
  font-size: 14px;
  line-height: 27px;
  color: #000;
}
.m-header .header:hover .tell-search .search a .submit,
.m-header .header.active .tell-search .search a .submit {
  width: 0;
  height: 0;
  opacity: 0;
}
.m-header .header:hover .tell-search .search img,
.m-header .header.active .tell-search .search img {
  display: none;
}
.m-header .header:hover .tell-search .search img.black,
.m-header .header.active .tell-search .search img.black {
  vertical-align: top;
  margin-top: 7px;
  display: inline;
}
.m-header .header .menu .logo {
  padding-top: 15px;
  margin-top: 4px;
  margin-right: 30px;
}
.m-header .header .menu .logo img {
  height: 22px;
}
.m-header .header .menu .logo .logo-black {
  display: none;
}
.m-header .header .menu .menu-list .list-one {
  position: relative;
}
.m-header .header .menu .menu-list .list-one .one-name {
  position: relative;
  z-index: 1;
  height: 60px;
  padding: 0 30px;
  padding-top: 15px;
}
.m-header .header .menu .menu-list .list-one .one-name.active a span::before {
  background: #82BF34;
}
.m-header .header .menu .menu-list .list-one .one-name a span {
  position: relative;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  color: #fff;
}
.m-header .header .menu .menu-list .list-one .one-name a span::before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  width: 30px;
  margin: 0 auto;
  height: 4px;
  border-radius: 4px;
  background: transparent;
}
.m-header .header .menu .menu-list .list-one .list-two {
  position: absolute;
  display: none;
  left: -5px;
  top: 60px;
  background-color: #fff;
}
.m-header .header .menu .menu-list .list-one .list-two .one-list {
  padding: 10px 0;
  padding-top: 10px;
  width: 170px;
  white-space: normal;
}
.m-header .header .menu .menu-list .list-one .list-two .one-list .line {
  width: 170px;
  display: inline-block;
  vertical-align: top;
  margin: 10px 0;
}
.m-header .header .menu .menu-list .list-one .list-two .one-list .line a span {
  margin: 0 40px;
  margin-right: 20px;
  display: block;
  color: #000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
}
.m-header .header .menu .menu-list .list-one .list-two .one-list .line a span:hover {
  color: #82BF34;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu {
  white-space: nowrap;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu .two-menu-col {
  display: inline-block;
  vertical-align: top;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu .two-menu-col .col-type {
  padding: 0 40px;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu .two-menu-col .col-type a span {
  display: block;
  padding-left: 10px;
  border-left: solid 2px #82BF34;
  margin-left: -12px;
  font-size: 16px;
  color: #000;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu .two-menu-col .col-type a span:hover {
  color: #82BF34;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu-pro {
  background-color: #F6F8FF;
  width: 975px;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu-pro .menu-pro-col .col-type {
  display: inline-block;
  vertical-align: top;
  width: 200px;
  padding-top: 20px;
  margin-left: 0px;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu-pro .menu-pro-col .col-type .type-title {
  position: relative;
  margin-bottom: 20px;
  text-align: center;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu-pro .menu-pro-col .col-type .type-title.active::after {
  background-color: #82BF34;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu-pro .menu-pro-col .col-type .type-title.active a {
  color: #82BF34;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu-pro .menu-pro-col .col-type .type-title::after {
  content: " ";
  position: absolute;
  left: 50%;
  bottom: 0px;
  width: 72px;
  margin-left: -36px;
  height: 3px;
  border-radius: 4px;
  background-color: transparent;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu-pro .menu-pro-col .col-type .type-title a {
  font-size: 18px;
  font-weight: 300;
  color: #00102F;
  line-height: 40px;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu-pro .menu-pro-col .col-list {
  display: none;
  padding: 20px;
  vertical-align: top;
  position: relative;
  background-color: #fff;
  background: #FFFFFF;
  box-shadow: -3px 6px 6px 0px rgba(0, 0, 0, 0.1);
  width: 770px;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu-pro .menu-pro-col .col-list.active {
  display: inline-block;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu-pro .menu-pro-col .col-list .list-li {
  display: inline-block;
  vertical-align: top;
  margin-left: 30px;
  margin-bottom: 30px;
  width: 205px;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu-pro .menu-pro-col .col-list .list-li .li-title {
  margin-bottom: 5px;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu-pro .menu-pro-col .col-list .list-li .li-title a {
  font-size: 16px;
  font-weight: 400;
  color: #00102F;
  line-height: 20px;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu-pro .menu-pro-col .col-list .list-li .li-title a:hover {
  color: #82BF34;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu-pro .menu-pro-col .col-list .list-li .li-title a img {
  height: 20px;
  vertical-align: top;
  margin-right: 3px;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu-pro .menu-pro-col .col-list .list-li .li-li {
  margin-left: 23px;
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu-pro .menu-pro-col .col-list .list-li .li-li a {
  font-size: 14px;
  font-weight: 300;
  color: #626C77;
  line-height: 20px;
}
.m-header .header .menu .menu-list .list-one .list-two .two-menu-pro .menu-pro-col .col-list .list-li .li-li a:hover {
  color: #82BF34;
}
.m-header .header .tell-search {
  position: relative;
}
.m-header .header .tell-search .tell {
  padding-top: 15px;
}
.m-header .header .tell-search .tell img {
  height: 15px;
  vertical-align: top;
  margin-top: 4px;
  margin-right: 10px;
  display: inline;
}
.m-header .header .tell-search .tell .tell-black {
  display: none;
}
.m-header .header .tell-search .tell span {
  height: 22px;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 22px;
}
.m-header .header .tell-search .saas {
  margin-left: 20px;
}
.m-header .header .tell-search .saas a {
  display: block;
  text-align: center;
  margin-top: 15px;
  width: 162px;
  height: 26px;
  border-radius: 30px;
  border: 2px solid #82BF34;
  font-size: 16px;
  color: #82BF34;
  line-height: 22px;
}
.m-header .header .tell-search .search {
  padding-top: 18px;
}
.m-header .header .tell-search .search input {
  display: none;
}
.m-header .header .tell-search .search img {
  height: 15px;
  vertical-align: top;
  margin-top: 4px;
  margin-left: 12px;
}
.m-header .header .tell-search .search img.black {
  display: none;
}
.m-mobile-header {
  height: 0px;
}
.m-mobile-header .header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  height: 50px;
  z-index: 11;
  background-color: transparent;
}
.m-mobile-header .header.active {
  height: 100vh;
  background-color: #fff;
}
.m-mobile-header .header.active .logo {
  box-shadow: 0 0 0;
  background: none;
}
.m-mobile-header .header.active .logo .icon {
  display: block;
}
.m-mobile-header .header.active .logo .icon.open {
  display: none;
}
.m-mobile-header .header.active .logo .icon.open.open-w {
  display: none;
}
.m-mobile-header .header.active .logo .logo-img a img {
  display: none;
}
.m-mobile-header .header.active .logo .logo-img a .logo-black {
  display: inline;
}
.m-mobile-header .header.active .logo .icon-link {
  display: none;
}
.m-mobile-header .header.active .menu {
  display: block;
}
.m-mobile-header .header.active .footer {
  display: block;
}
.m-mobile-header .header.active-w {
  background-color: #fff;
}
.m-mobile-header .header.active-w .logo {
  box-shadow: 0 0 0;
}
.m-mobile-header .header.active-w .logo .icon {
  display: none;
}
.m-mobile-header .header.active-w .logo .icon.open {
  display: block;
}
.m-mobile-header .header.active-w .logo .icon.open.open-w {
  display: none;
}
.m-mobile-header .header.active-w .logo .logo-img a img {
  display: none;
}
.m-mobile-header .header.active-w .logo .logo-img a .logo-black {
  display: inline;
}
.m-mobile-header .header .logo {
  position: relative;
  z-index: 1;
  height: 50px;
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}
.m-mobile-header .header .logo .logo-img {
  margin-top: 12px;
}
.m-mobile-header .header .logo .logo-img a img {
  height: 26px;
  display: inline;
}
.m-mobile-header .header .logo .logo-img a .logo-black {
  display: none;
}
.m-mobile-header .header .logo .icon {
  padding: 5px;
  padding-right: 18px;
  padding-top: 11px;
  display: none;
}
.m-mobile-header .header .logo .icon.open {
  display: none;
}
.m-mobile-header .header .logo .icon.open.open-w {
  display: block;
}
.m-mobile-header .header .logo .icon img {
  width: 30px;
}
.m-mobile-header .header .logo .logo-right {
  display: flex;
  align-items: center;
}
.m-mobile-header .header .logo .icon-link {
  font-size: 20px;
  margin-right: 10px;
  padding-top: 3px;
}
.m-mobile-header .header .logo .icon-link a img {
  height: 24px;
}
.m-mobile-header .header .menu {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 50px;
  overflow-y: auto;
  top: 50px;
  background-color: #fff;
}
.m-mobile-header .header .menu .mobile-search {
  margin-bottom: 10px;
}
.m-mobile-header .header .menu .mobile-search form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: solid 1px #ccc;
  background-color: #fff;
  height: 40px;
  border-radius: 40px;
  margin-left: 15px;
  margin-right: 15px;
}
.m-mobile-header .header .menu .mobile-search form .search-input {
  flex: 1;
}
.m-mobile-header .header .menu .mobile-search form .search-input .input-input {
  width: 100%;
  height: 38px;
  padding: 0 15px;
}
.m-mobile-header .header .menu .mobile-search form .search-btn {
  width: 35px;
  padding-top: 4px;
  padding-right: 10px;
}
.m-mobile-header .header .menu .mobile-search form .search-btn img {
  width: 20px;
  height: 20px;
}
.m-mobile-header .header .menu .menu-one.active .type {
  background-color: #ecf2f8;
}
.m-mobile-header .header .menu .menu-one.active .type .icon {
  transform: rotate(180deg);
}
.m-mobile-header .header .menu .menu-one.active .ul {
  height: auto;
}
.m-mobile-header .header .menu .menu-one .type {
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  height: 50px;
  align-items: center;
  border-bottom: solid 1px #eee;
}
.m-mobile-header .header .menu .menu-one .type .title {
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
.m-mobile-header .header .menu .menu-one .type .icon .layui-icon {
  font-size: 14px;
  color: #999;
}
.m-mobile-header .header .menu .menu-one .ul {
  background-color: #f9f9f9;
  height: 0;
  overflow: hidden;
}
.m-mobile-header .header .menu .menu-one .ul .ul-level1 {
  margin: 0 30px;
  margin-right: 20px;
}
.m-mobile-header .header .menu .menu-one .ul .ul-level1.active .level1-title .layui-icon {
  transform: rotate(180deg);
}
.m-mobile-header .header .menu .menu-one .ul .ul-level1.active .level1-ul {
  display: block;
}
.m-mobile-header .header .menu .menu-one .ul .ul-level1 .level1-title {
  border-bottom: solid 1px #eee;
  display: flex;
  justify-content: space-between;
  height: 50px;
  align-items: center;
}
.m-mobile-header .header .menu .menu-one .ul .ul-level1 .level1-title a {
  font-weight: bold;
  font-size: 14px;
  color: #333;
}
.m-mobile-header .header .menu .menu-one .ul .ul-level1 .level1-title .layui-icon {
  font-size: 14px;
  color: #999;
}
.m-mobile-header .header .menu .menu-one .ul .ul-level1 .level1-ul {
  display: none;
  margin-left: 5px;
}
.m-mobile-header .header .menu .menu-one .ul .ul-level1 .level1-ul.active .level2-title .layui-icon {
  transform: rotate(180deg);
}
.m-mobile-header .header .menu .menu-one .ul .ul-level1 .level1-ul.active .level2-ul {
  display: block;
}
.m-mobile-header .header .menu .menu-one .ul .ul-level1 .level1-ul .level2-title {
  border-bottom: solid 1px #eee;
  display: flex;
  justify-content: space-between;
  height: 50px;
  align-items: center;
}
.m-mobile-header .header .menu .menu-one .ul .ul-level1 .level1-ul .level2-title a {
  font-size: 14px;
  font-weight: bold;
  color: #444;
}
.m-mobile-header .header .menu .menu-one .ul .ul-level1 .level1-ul .level2-title .layui-icon {
  font-size: 14px;
  color: #999;
}
.m-mobile-header .header .menu .menu-one .ul .ul-level1 .level1-ul .level2-ul {
  display: none;
}
.m-mobile-header .header .menu .menu-one .ul .ul-level1 .level1-ul .level2-ul .li {
  border-bottom: solid 1px #eee;
  line-height: 50px;
}
.m-mobile-header .header .menu .menu-one .ul .ul-level1 .level1-ul .level2-ul .li a span {
  font-size: 14px;
  color: #666;
}
.m-mobile-header .header .menu .menu-one .ul .ul-one {
  padding: 0 30px;
}
.m-mobile-header .header .menu .menu-one .ul .ul-one .li {
  padding: 18px 0;
  border-bottom: solid 1px #eee;
}
.m-mobile-header .header .menu .menu-one .ul .ul-one .li:last-child {
  border-bottom-color: transparent;
}
.m-mobile-header .header .menu .menu-one .ul .ul-one .li.li-type a span {
  font-weight: bold;
  color: #333;
}
.m-mobile-header .header .menu .menu-one .ul .ul-one .li a {
  font-size: 14px;
  color: #666;
}
.m-mobile-header .header .footer {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  background-color: #f5f8fc;
}
.m-mobile-header .header .footer .footer-body {
  display: flex;
  align-items: center;
  height: 50px;
  justify-content: space-around;
}
.m-mobile-header .header .footer .footer-body .tel a {
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.m-mobile-header .header .footer .footer-body .tel a img {
  height: 13px;
  margin-right: 4px;
  vertical-align: top;
  margin-top: 3px;
}
.m-mobile-header .header .footer .footer-body .close {
  padding: 10px;
  transform: rotate(90deg);
}
.m-mobile-header .header .footer .footer-body .close .layui-icon {
  font-size: 14px;
  color: #777;
}
.m-mobile-header .header .footer .footer-body .tel-me a span {
  font-size: 14px;
  color: #000;
}
.m-index-body {
  position: relative;
  z-index: 5;
  background-color: #F9F7F7;
  overflow: hidden;
}
.m-banner-mobile {
  display: none;
}
.m-banner {
  position: relative;
  z-index: 1;
}
.m-banner .banner {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  overflow: hidden;
}
.m-banner .banner .swiper-container .swiper-slide {
  overflow: hidden;
}
.m-banner .banner .swiper-container .swiper-img {
  position: relative;
  height: 100%;
}
.m-banner .banner .swiper-container .swiper-img .img-img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-position: center;
  background-size: 100% 100%;
}
.m-banner .banner .swiper-container .swiper-img .img-img-mobile {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-position: center;
  background-size: 100% 100%;
  display: none;
}
.m-banner .banner .swiper-container .swiper-img .swiper-text {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.m-banner .banner .swiper-container .swiper-img .text-1 .title {
  margin-top: 21%;
  margin-left: 80px;
  text-align: left;
}
.m-banner .banner .swiper-container .swiper-img .text-1 .title h3 {
  line-height: 60px;
  font-size: 60px;
  letter-spacing: 8px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}
.m-banner .banner .swiper-container .swiper-img .text-1 .title p {
  margin-top: 30px;
  letter-spacing: 4px;
  font-size: 30px;
  color: #fff;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}
.m-banner .banner .swiper-container .swiper-pagination {
  bottom: 50px;
}
.m-banner .banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 6px;
  border-radius: 4px;
  background-color: #fff;
}
.m-banner .banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1;
}
.m-banner .banner .info {
  position: absolute;
  z-index: 1;
  padding: 0 6px;
  left: 50px;
  bottom: 100px;
}
.m-banner .banner .info p,
.m-banner .banner .info h4 {
  cursor: pointer;
  margin-top: 6px;
  margin-top: 10px;
  margin-bottom: 4px;
  padding-left: 10px;
  line-height: 14px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.63);
  border-left: solid 3px transparent;
}
.m-banner .banner .info p.active,
.m-banner .banner .info h4.active {
  border-left: solid 3px #fff;
  color: #fff;
}
.m-platform {
  background: url(../img/index-platform-bg.png) no-repeat;
  background-position: center;
  background-size: cover;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding-top: 50px;
  padding-bottom: 50px;
}
.m-platform .platform .h2 {
  font-size: 42px;
  color: #00102F;
  line-height: 50px;
}
.m-platform .platform .info {
  margin: 0 auto;
  margin-top: 50px;
  width: 1278px;
  font-size: 24px;
  color: #777777;
  line-height: 33px;
}
.m-platform .platform .pic-list {
  position: relative;
  width: 1344px;
  margin: 0 auto;
}
.m-platform .platform .pic-list .mobiel-img {
  display: none;
}
.m-platform .platform .pic-list .photos .mobile-img {
  display: none;
}
.m-platform .platform .pic-list .photos .m-index-move1 {
  width: 850px;
  height: 631px;
  margin: 0 auto;
  position: relative;
  transform: scale(0.85);
}
.m-platform .platform .pic-list .photos .m-index-move1 .img-p img {
  width: 100%;
  height: 100%;
}
.m-platform .platform .pic-list .photos .m-index-move1 .img-bg {
  position: relative;
  width: 850px;
  height: 631px;
  margin: 0 auto;
}
.m-platform .platform .pic-list .photos .m-index-move1 .img-p1 {
  position: absolute;
  left: 50%;
  top: 77px;
  width: 247px;
  height: auto;
  margin-left: -135px;
}
.m-platform .platform .pic-list .photos .m-index-move1 .img-p2 {
  position: absolute;
  left: 50%;
  top: 122px;
  width: 210px;
  height: auto;
  margin-left: -115px;
  animation: indexImgP2 3s linear infinite;
  animation-play-state: running;
}
.m-platform .platform .pic-list .photos .m-index-move1 .img-linemove {
  position: absolute;
  left: 0;
  top: 0;
}
.m-platform .platform .pic-list .photos .m-index-move1 .img-linemove .linemove {
  position: absolute;
  left: 280px;
  top: 438px;
  transform: rotateZ(65deg);
  width: 19px;
  height: 19px;
  background: url(../img/index-move1-img04.png) no-repeat;
  background-size: 100% 100%;
}
.m-platform .platform .pic-list .photos .m-index-move1 .img-linemove .linemove.linemove-1 {
  left: 280px;
  top: 438px;
  transform: rotateZ(65deg);
  animation: indexLineMove1 20s linear infinite;
}
.m-platform .platform .pic-list .photos .m-index-move1 .img-linemove .linemove.linemove-2 {
  left: 280px;
  top: 438px;
  transform: rotateZ(65deg);
  animation: indexLineMove1 20s linear 3s infinite;
}
.m-platform .platform .pic-list .photos .m-index-move1 .img-linemove .linemove.linemove-3 {
  left: 280px;
  top: 438px;
  transform: rotateZ(65deg);
  animation: indexLineMove1 20s linear 6s infinite;
}
.m-platform .platform .pic-list .photos .m-index-move1 .img-linemove .linemove.linemove-4 {
  left: 520px;
  top: 413px;
  transform: rotateZ(69deg);
  animation: indexLineMove2-2023 20s linear infinite;
}
/*.m-platform .platform .pic-list .photos .m-index-move1 .img-linemove .linemove.linemove-5 {*/
/*    left: 735px;*/
/*    top: 246px;*/
/*    transform: rotateZ(-14deg);*/
/*}*/
.m-scene {
  background: url(../img/index-scene-0.png) no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 70px;
  padding-bottom: 100px;
  overflow: hidden;
}
.m-scene .scene .h3 {
  text-align: center;
  line-height: 60px;
  font-size: 38px;
  color: #fff;
}
.m-scene .scene .tab {
  width: 1200px;
  margin: 0 auto;
  margin-top: 45px;
  text-align: center;
  border-bottom: solid 1px #ccc;
}
.m-scene .scene .tab .one {
  display: inline-block;
  margin: 0 100px;
}
.m-scene .scene .tab .one:hover span,
.m-scene .scene .tab .one.active span {
  color: #fff;
}
.m-scene .scene .tab .one:hover span::before,
.m-scene .scene .tab .one.active span::before {
  background-color: #82BF34;
}
.m-scene .scene .tab .one span {
  cursor: pointer;
  padding: 20px;
  display: block;
  position: relative;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.534);
}
.m-scene .scene .tab .one span::before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  content: ' ';
  display: block;
  width: 30px;
  height: 4px;
  border-radius: 2px;
  background-color: transparent;
  margin: 0 auto;
}
.m-scene .scene .tab-view {
  padding-top: 40px;
}
.m-scene .scene .tab-view .swiper-container {
  width: 1200px;
  overflow: hidden;
}
.m-scene .scene .tab-view .one {
  width: 1200px;
}
.m-scene .scene .tab-view .one .one-head .head-img {
  overflow: hidden;
  width: 590px;
  height: 360px;
}
.m-scene .scene .tab-view .one .one-head .head-img a img {
  width: 590px;
  height: 360px;
}
.m-scene .scene .tab-view .one .one-head .head-body {
  width: 560px;
  margin-left: 40px;
}
.m-scene .scene .tab-view .one .one-head .head-body .title .fl {
  font-size: 20px;
  color: #fff;
}
.m-scene .scene .tab-view .one .one-head .head-body .title .fr {
  font-size: 14px;
}
.m-scene .scene .tab-view .one .one-head .head-body .title .fr a {
  color: rgba(255, 255, 255, 0.541);
}
.m-scene .scene .tab-view .one .one-head .head-body .title .fr .layui-icon {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.541);
}
.m-scene .scene .tab-view .one .one-head .head-body .info {
  margin-top: 25px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.438);
}
.m-scene .scene .tab-view .one .one-head .head-body .pro .pro-title {
  margin-top: 30px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.781);
}
.m-scene .scene .tab-view .one .one-head .head-body .pro .list {
  margin-top: 20px;
}
.m-scene .scene .tab-view .one .one-head .head-body .pro .list a {
  display: block;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 260px;
  height: 36px;
  line-height: 36px;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.089);
}
.m-scene .scene .tab-view .one .one-head .head-body .pro .list a img {
  vertical-align: top;
  margin: 6px 10px 0 10px;
}
.m-scene .scene .tab-view .one .one-head .head-body .pro .list a span {
  font-size: 14px;
  color: #fff;
}
.m-scene .scene .tab-view .one .one-project {
  text-align: center;
  margin-top: 50px;
}
.m-scene .scene .tab-view .one .one-project .project {
  display: inline-block;
  margin: 0 20px;
  text-align: center;
  vertical-align: top;
}
.m-scene .scene .tab-view .one .one-project .project:hover p {
  background: #242933;
  box-shadow: inset 8px 8px 20px 0 rgba(18, 21, 26, 0.6), inset -8px -8px 20px 0 rgba(54, 62, 77, 0.5);
}
.m-scene .scene .tab-view .one .one-project .project img {
  position: relative;
  z-index: 1;
  height: 70px;
  vertical-align: top;
}
.m-scene .scene .tab-view .one .one-project .project p {
  position: relative;
  box-sizing: border-box;
  padding: 44px 20px 0;
  height: 120px;
  -webkit-tap-highlight-color: transparent;
  margin-top: -16px;
  width: 254px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.774);
}
.m-pro {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 70px;
}
.m-pro .pro {
  width: 1440px;
  margin: 0 auto;
}
.m-pro .pro .h3 {
  margin-bottom: 50px;
  text-align: center;
  line-height: 60px;
  font-size: 38px;
  color: #333;
}
.m-pro .pro .ml30 {
  margin-left: 30px;
}
.m-pro .pro .new-one {
  position: relative;
  width: 950px;
  height: 250px;
  overflow: hidden;
}
.m-pro .pro .new-one.new-two {
  width: 460px;
  height: 250px;
}
.m-pro .pro .new-one.new-three {
  width: 460px;
  height: 195px;
  margin-bottom: 20px;
}
.m-pro .pro .new-one.new-three .one-body {
  margin-top: 150px;
}
.m-pro .pro .new-one.new-three .one-body.active {
  margin-top: 75px;
}
.m-pro .pro .new-one .img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.m-pro .pro .new-one .one-body {
  position: relative;
  margin-left: 25px;
  margin-top: 200px;
}
.m-pro .pro .new-one .one-body.animate__animated {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.m-pro .pro .new-one .one-body .mor,
.m-pro .pro .new-one .one-body .info {
  display: none !important;
}
.m-pro .pro .new-one .one-body.active {
  margin-top: 130px;
}
.m-pro .pro .new-one .one-body.active .mor,
.m-pro .pro .new-one .one-body.active .info {
  display: -webkit-box !important;
}
.m-pro .pro .new-one .title {
  font-size: 22px;
  color: #fff;
}
.m-pro .pro .new-one .info {
  margin-top: 10px;
  line-height: 26px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  display: -webkit-box !important;
}
.m-pro .pro .new-one .mor {
  margin-top: 10px;
}
.m-pro .pro .new-one .mor a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}
.m-pro .pro .new-one .mor .layui-icon {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}
.m-pro .pro .new-list {
  margin-top: 20px;
}
.m-news {
  padding-top: 50px;
  background: url(../img/index-news-bg.jpg) no-repeat;
  background-position: center;
  background-size: cover;
}
.m-news .news {
  width: 1440px;
  margin: 0 auto;
}
.m-news .news .h3 {
  margin-bottom: 50px;
  line-height: 60px;
  font-size: 42px;
  color: #333;
}
.m-news .news .news-body .head {
  padding: 20px;
  background-color: #fff;
}
.m-news .news .news-body .head:hover {
  box-shadow: 0px 7px 13px 0px rgba(205, 208, 221, 0.5);
}
.m-news .news .news-body .head .head-img {
  position: relative;
  width: 550px;
  height: 360px;
  overflow: hidden;
}
.m-news .news .news-body .head .head-img a .img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.m-news .news .news-body .head .head-body {
  width: 800px;
  margin-left: 30px;
  margin-right: 20px;
}
.m-news .news .news-body .head-body {
  cursor: pointer;
}
.m-news .news .news-body .head-body .date {
  margin-top: 10px;
}
.m-news .news .news-body .head-body .date .day {
  margin-right: 12px;
  font-size: 56px;
  color: #82BF34;
  line-height: 82px;
}
.m-news .news .news-body .head-body .date .year {
  font-size: 16px;
  color: #777777;
  line-height: 22px;
}
.m-news .news .news-body .head-body .info .title {
  font-size: 28px;
  color: #222222;
  line-height: 36px;
}
.m-news .news .news-body .head-body .info .txt {
  margin-top: 10px;
  font-size: 16px;
  color: #666;
  line-height: 25px;
}
.m-news .news .news-body .head-body .info .mor {
  margin-top: 50px;
}
.m-news .news .news-body .head-body .info .mor a {
  font-size: 14px;
  color: #82BF34;
  line-height: 20px;
}
.m-news .news .news-body .head-body .info .mor .layui-icon {
  margin-right: 5px;
  font-size: 14px;
  color: #82BF34;
  line-height: 20px;
}
.m-news .news .news-list {
  margin: 0 -30px;
  margin-top: 30px;
  text-align: center;
}
.m-news .news .news-list .head-body {
  text-align: left;
  float: none;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  padding: 10px 20px 30px 20px;
  margin: 0 15px;
  width: 458px;
  min-height: 255px;
}
.m-news .news .news-list .head-body:hover {
  box-shadow: 0px 2px 10px 0px rgba(205, 208, 221, 0.5);
}
.m-news .news .news-list .head-body .date {
  margin-top: 0;
}
.m-news .news .news-list .head-body .date .day {
  font-size: 40px;
  color: #000;
}
.m-news .news .news-list .head-body .info .title {
  font-size: 26px;
}
.m-news .news .news-mor {
  text-align: center;
  padding: 60px 0;
  padding-top: 20px;
}
.m-news .news .news-mor a {
  font-size: 14px;
  color: #82BF34;
}
.m-news .news .news-mor .layui-icon {
  margin-left: 20px;
  font-size: 14px;
  color: #82BF34;
}
.swiper-slide .m-tell {
  padding-top: 30px;
  padding-bottom: 20px;
}
.m-tell {
  background: url(../img/index-tell-01.png) no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 70px;
  overflow: hidden;
}
.m-tell.white {
  background: none;
  background-color: #fff;
}
.m-tell.white .tell .tell-img {
  display: block;
}
.m-tell.white .tell .tell-body .h3 {
  color: #000;
}
.m-tell.white .tell .tell-body .mobile {
  color: rgba(0, 0, 0, 0.829);
}
.m-tell.white .tell .tell-body .mobile a {
  color: #82BF34;
}
.m-tell.white .tell .tell-body .list .line .txt span {
  color: rgba(0, 0, 0, 0.829);
}
.m-tell.white .tell .tell-body .list .line .bt .btn {
  border: solid 2px #82BF34;
  color: #82BF34;
}
.m-tell .tell {
  width: 1280px;
  margin: 0 auto;
}
.m-tell .tell .tell-img {
  display: none;
}
.m-tell .tell .tell-img img {
  margin-top: 20px;
  width: 530px;
}
.m-tell .tell .tell-body {
  width: 700px;
}
.m-tell .tell .tell-body .h3 {
  margin-bottom: 20px;
  text-align: center;
  line-height: 60px;
  font-size: 38px;
  color: #fff;
}
.m-tell .tell .tell-body .mobile {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.829);
}
.m-tell .tell .tell-body .mobile a {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 28px;
  color: #82BF34;
}
.m-tell .tell .tell-body .list {
  padding-top: 10px;
}
.m-tell .tell .tell-body .list .line {
  margin: 20px 0;
  margin-left: -10px;
}
.m-tell .tell .tell-body .list .line .img {
  margin-right: 10px;
}
.m-tell .tell .tell-body .list .line .img img {
  height: 60px;
}
.m-tell .tell .tell-body .list .line .txt span {
  line-height: 60px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.829);
}
.m-tell .tell .tell-body .list .line .bt {
  margin-top: 10px;
  margin-left: 30px;
}
.m-tell .tell .tell-body .list .line .bt .btn {
  display: block;
  width: 110px;
  border-radius: 34px;
  border: solid 2px #82BF34;
  text-align: center;
  line-height: 34px;
  font-size: 16px;
  color: #82BF34;
}
.m-footer {
  background-color: #000;
  padding-top: 40px;
}
.m-footer .footer .footer-body {
  position: relative;
  width: 1440px;
  margin: 0 auto;
  padding-bottom: 20px;
  overflow-x: hidden;
}
.m-footer .footer .footer-body .body-body {
  position: relative;
  z-index: 1;
}
.m-footer .footer .footer-body .footer-bg {
  background: url(../img/footer-01.png) no-repeat;
  position: absolute;
  width: 600px;
  height: 300px;
  left: 50%;
  margin-left: -300px;
}
.m-footer .footer .footer-body .right-barcode {
  border-left: solid 1px #232323;
  padding-left: 50px;
}
.m-footer .footer .footer-body .right-barcode.one {
  margin-right: 0;
}
.m-footer .footer .footer-body .one {
  float: left;
  margin-right: 160px;
}
.m-footer .footer .footer-body .one .one-title a span {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 20px;
}
.m-footer .footer .footer-body .one .one-list {
  margin-top: 20px;
}
.m-footer .footer .footer-body .one .one-list .line a {
  font-size: 14px;
  font-weight: 300;
  color: #C3C5C6;
  line-height: 28px;
}
.m-footer .footer .footer-body .one .one-list .line span {
  font-size: 14px;
  font-weight: 300;
  color: #C3C5C6;
  line-height: 28px;
}
.m-footer .footer .footer-body .one .one-list .line span .bold {
  color: #fff;
  font-weight: bold;
}
.m-footer .footer .footer-body .one .barcode .title {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #C3C5C6;
  line-height: 20px;
}
.m-footer .footer .footer-body .one .barcode .img {
  margin-top: 10px;
}
.m-footer .footer .footer-body .one .barcode .img img {
  width: 100px;
  height: 100px;
}
.m-footer .footer .footer-down {
  border-top: solid 1px #232323;
  background-color: #191919;
  padding: 20px 0;
}
.m-footer .footer .footer-down .down-body {
  width: 1440px;
  margin: 0 auto;
}
.m-footer .footer .footer-down .down-body .copyright {
  font-size: 12px;
  font-weight: 400;
  color: #C3C5C6;
  line-height: 26px;
}
.m-footer .footer .footer-down .down-body .an a {
  font-size: 12px;
  font-weight: 400;
  color: #C3C5C6;
  line-height: 24px;
}
.m-footer .footer .footer-down .down-body .an a img {
  height: 18px;
  vertical-align: top;
  margin-top: 3px;
}
.m-footer .footer .footer-down .down-body .zc {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #C3C5C6;
  line-height: 24px;
}
.m-footer .footer .footer-down .down-body .zc a {
  font-size: 12px;
  font-weight: 400;
  color: #C3C5C6;
  line-height: 24px;
}
.m-business {
  padding-top: 50px;
}
.m-business .h2 {
  margin-bottom: 30px;
  line-height: 60px;
  font-size: 42px;
  color: #000;
}
.m-business .business {
  width: 1870px;
  margin: 0 auto;
}
@-webkit-keyframes heroArrow2 {
  0% {
    transform: translate(-0.104167rem, 0);
  }
  to {
    transform: translate(0, 0);
  }
}
@keyframes heroArrow2 {
  0% {
    transform: translate(-0.104167rem, 0);
  }
  to {
    transform: translate(0, 0);
  }
}
.m-business .business .business-body .scene {
  overflow: hidden;
  background: #f2f3f5;
  position: relative;
}
.m-business .business .business-body .scene .scene-hot {
  position: absolute;
  top: 320px;
  left: 0;
  width: 100%;
  height: 240px;
}
.m-business .business .business-body .scene .scene-content {
  display: flex;
  width: 2020px;
  height: 700px;
  overflow: hidden;
}
.m-business .business .business-body .scene .scene-content:hover + .scene-hot {
  display: none;
}
.m-business .business .business-body .scene .scene-content:hover .scene-content-item .scene-wrapper .scene-modal {
  opacity: 0.8;
}
.m-business .business .business-body .scene .scene-content:hover .scene-content-item .scene-wrapper .scene-wrapper-bg > img {
  transform: translate(0, 0);
}
.m-business .business .business-body .scene .scene-content:hover .scene-content-item .item-thumb {
  opacity: 0;
  z-index: 1;
}
.m-business .business .business-body .scene .scene-content .scene-content-item {
  position: relative;
  flex: 1 1 80px;
  transition: all 1s;
  will-change: auto;
}
.m-business .business .business-body .scene .scene-content .scene-content-item:hover {
  flex: 1 0 1500px;
}
.m-business .business .business-body .scene .scene-content .scene-content-item:hover .scene-wrapper .scene-modal {
  opacity: 0;
  visibility: hidden;
}
.m-business .business .business-body .scene .scene-content .scene-content-item:hover .item-detail {
  opacity: 1;
  z-index: 2;
}
.m-business .business .business-body .scene .scene-content .scene-content-item:nth-child(1) .scene-wrapper {
  position: relative;
}
.m-business .business .business-body .scene .scene-content .scene-content-item:nth-child(1) .scene-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 2px;
  height: 100%;
  background-color: #fff;
  opacity: 0.3;
}
.m-business .business .business-body .scene .scene-content .scene-content-item:nth-child(1) .scene-wrapper-bg > img {
  transform: translate(-120px, 0);
}
.m-business .business .business-body .scene .scene-content .scene-content-item:nth-child(2) .scene-wrapper-bg > img {
  transform: translate(120px, 0);
}
.m-business .business .business-body .scene .scene-content .scene-content-item:nth-child(2) .scene-wrapper {
  overflow: initial;
  z-index: 0;
}
.m-business .business .business-body .scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper {
  position: relative;
}
.m-business .business .business-body .scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 2px;
  height: 100%;
  background-color: #fff;
  opacity: 0.3;
}
.m-business .business .business-body .scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper-bg > img {
  transform: translate(-80px, 0);
}
.m-business .business .business-body .scene .scene-content .scene-content-item .scene-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  transform: skew(-10.15deg);
  transform-origin: left top;
  overflow: hidden;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .scene-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(107deg, #0a2349 20%, rgba(10, 35, 73, 0) 100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .scene-wrapper .scene-modal {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  z-index: 100;
  transition: all 0.6s;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .scene-wrapper-bg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -80px;
  width: 1840px;
  height: 100%;
  transform: translate(-50%, 0) skew(10.15deg);
  transform-origin: left top;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .scene-wrapper-bg > img {
  width: 100%;
  height: 100%;
  transition: transform 0.5s;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-thumb {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, #0a2349 0, rgba(10, 35, 73, 0) 100%);
  transition: opacity 0.5s;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-thumb .item-thumb-title {
  margin-top: 350px;
  margin-bottom: 12px;
  margin-left: 740px;
  line-height: 80px;
  text-align: left;
  color: #fff;
  font-size: 48px;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-thumb .item-thumb-desc {
  margin-bottom: 40px;
  margin-left: 740px;
  line-height: 20px;
  text-align: left;
  font-size: 24px;
  font-weight: 300;
  color: #ffffffb9;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-thumb .item-thumb-action {
  margin-top: 70px;
  margin-bottom: 40px;
  margin-left: 740px;
  text-align: left;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-detail {
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(107deg, #0a2349 20%, rgba(10, 35, 73, 0) 100%);
  transition: opacity 0.6s;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-detail .detail {
  margin-left: 260px;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-detail .detail .item-thumb-title {
  margin-top: 50px;
  margin-bottom: 12px;
  line-height: 80px;
  text-align: left;
  color: #fff;
  font-size: 48px;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-detail .detail .item-thumb-desc {
  margin-bottom: 40px;
  line-height: 20px;
  text-align: left;
  font-size: 24px;
  font-weight: 300;
  color: #ffffffb9;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-detail .detail .item-thumb-action {
  margin-top: 70px;
  margin-bottom: 40px;
  text-align: left;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-detail .detail .detail-pro {
  margin-top: 130px;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-detail .detail .detail-pro .title {
  margin-right: 30px;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-detail .detail .detail-pro .title .title-h3 {
  cursor: pointer;
  font-size: 20px;
  color: #ffffffc9;
  line-height: 30px;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-detail .detail .detail-pro .title .title-h3.active {
  font-size: 28px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 40px;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-detail .detail .detail-pro .title .title-info {
  cursor: pointer;
  margin-top: 50px;
  font-size: 20px;
  color: #ffffffc9;
  line-height: 30px;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-detail .detail .detail-pro .title .title-info.active {
  font-size: 28px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 40px;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-detail .detail .detail-pro .list {
  display: none;
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-detail .detail .detail-pro .list.active {
  display: block;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-detail .detail .detail-pro .list .line {
  position: relative;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-detail .detail .detail-pro .list .line:hover a:hover {
  opacity: 1;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-detail .detail .detail-pro .list .line:hover a:hover::after {
  opacity: 1;
  transition: opacity 0.5s;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-detail .detail .detail-pro .list .line a {
  display: block;
  width: 200px;
  overflow: hidden;
  height: 130px;
  border: solid 1px rgba(255, 255, 255, 0.288);
  margin: 0 10px;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-detail .detail .detail-pro .list .line a::after {
  content: " ";
  display: block;
  position: absolute;
  width: 200px;
  height: 130px;
  left: 10px;
  top: 0;
  opacity: 0.5;
  transition: opacity 0.5s;
  background-color: rgba(0, 0, 0, 0.541);
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-detail .detail .detail-pro .list .line a img {
  width: 100%;
  height: 100%;
}
.m-business .business .business-body .scene .scene-content .scene-content-item .item-detail .detail .detail-pro .list .line a span {
  z-index: 1;
  display: block;
  text-align: center;
  position: absolute;
  margin-left: 15px;
  margin-right: 15px;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 18px;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 40px;
}
.m-in-header {
  position: relative;
  height: 500px;
  background: url(../img/banner01.jpg) no-repeat;
  background-position: center;
  background-size: cover;
}
.m-in-header .in-header .h3 {
  padding-top: 175px;
  font-size: 50px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 70px;
}
.m-in-header .in-header .info {
  margin-top: 20px;
  width: 753px;
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 25px;
}
.m-in-header .in-header .info-btn {
  display: block;
  margin-top: 20px;
  width: 200px;
  height: 56px;
  text-align: center;
  border: 1px solid #FFFFFF;
  font-size: 24px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 54px;
}
.m-business-header {
  position: relative;
  height: 500px;
  background: url(../img/banner01.jpg) no-repeat;
  background-position: center;
  background-size: cover;
}
.m-business-header .ov {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.m-business-header .business-header {
  position: relative;
  z-index: 1;
}
.m-business-header .business-header .h3 {
  padding-top: 220px;
  text-align: center;
  font-size: 50px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 70px;
}
.m-business-header .business-header .info {
  text-align: center;
  margin-top: 20px;
  font-size: 26px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 25px;
}
.m-platform-page .m-platform {
  position: relative;
}
.m-platform-md {
  padding: 70px 0;
  background-color: #fff;
}
.m-platform-md .platform-md .h3 {
  text-align: center;
  font-size: 36px;
  font-weight: 400;
  color: #00102F;
  line-height: 50px;
}
.m-platform-md .platform-md .info {
  font-size: 24px;
  font-weight: 100;
  color: #777777;
  line-height: 33px;
}
.m-platform-md .platform-md .md-tab {
  margin-top: 50px;
}
.m-platform-md .platform-md .md-tab .one {
  position: relative;
  cursor: pointer;
  z-index: 3;
  width: 384px;
  height: 58px;
  border: solid 1px #F0F0F0;
  background-color: #F0F0F0;
  text-align: center;
  line-height: 56px;
  margin-left: 20px;
}
.m-platform-md .platform-md .md-tab .one.active {
  border-color: #0057B6;
  background-color: #fff;
}
.m-platform-md .platform-md .md-tab .one.active .arrow-right {
  border-color: transparent transparent transparent #0057B6;
}
.m-platform-md .platform-md .md-tab .one.active .arrow-right::after {
  border-color: transparent transparent transparent #fff;
}
.m-platform-md .platform-md .md-tab .one.active span {
  color: #0057B6;
}
.m-platform-md .platform-md .md-tab .one.one2 {
  position: relative;
  z-index: 2;
}
.m-platform-md .platform-md .md-tab .one.one3 {
  position: relative;
  z-index: 1;
}
.m-platform-md .platform-md .md-tab .one .arrow-right {
  width: 0;
  height: 0;
  position: absolute;
  right: -60px;
  top: -1px;
  border: 30px solid;
  border-color: transparent transparent transparent #F0F0F0;
}
.m-platform-md .platform-md .md-tab .one .arrow-right.left {
  left: 0;
  right: auto;
}
.m-platform-md .platform-md .md-tab .one .arrow-right.left::after {
  border-color: transparent transparent transparent #fff;
}
.m-platform-md .platform-md .md-tab .one .arrow-right::after {
  content: '';
  position: absolute;
  top: -30px;
  left: -31px;
  border: 30px solid;
  border-color: transparent transparent transparent #F0F0F0;
}
.m-platform-md .platform-md .md-tab .one:first-child {
  margin-left: 0;
}
.m-platform-md .platform-md .md-tab .one span {
  font-size: 24px;
  color: #000;
}
.m-platform-md .platform-md .md-tab .one img {
  height: 40px;
  vertical-align: top;
  margin-top: 10px;
  margin-right: 15px;
}
.m-platform-md .platform-md .tab-ul-mobile {
  display: none;
}
.m-platform-md .platform-md .tab-ul .one {
  background-color: #fff;
}
.m-platform-md .platform-md .tab-ul .one .h3 {
  margin: 50px 0;
}
.m-platform-md .platform-md .tab-ul .one .move {
  text-align: center;
}
.m-platform-md .platform-md .tab-ul .one .move .move-img {
  max-width: 100%;
  display: none;
}
.m-platform-md .platform-md .tab-list {
  position: relative;
  z-index: 1;
  margin-top: -60px;
  background: #FFFFFF;
  box-shadow: 0px 1px 14px 5px rgba(205, 208, 221, 0.5);
  border-radius: 4px;
  padding: 40px 65px;
}
.m-platform-md .platform-md .tab-list .title {
  margin-left: 20px;
  font-size: 18px;
  font-weight: 400;
  color: #00102F;
  line-height: 25px;
}
.m-platform-md .platform-md .tab-list .ul .li {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  padding: 20px;
  width: 332px;
  height: 135px;
  background: #f4f6fc;
  margin-left: 20px;
  margin-top: 20px;
}
.m-platform-md .platform-md .tab-list .ul .li a img {
  width: 24px;
  height: 24px;
  vertical-align: top;
  margin-right: 5px;
}
.m-platform-md .platform-md .tab-list .ul .li a span {
  font-size: 18px;
  font-weight: 400;
  color: #00102F;
  line-height: 24px;
}
.m-platform-md .platform-md .tab-list .ul .li p {
  margin-top: 10px;
}
.m-platform-md .platform-md .tab-list .ul .li p a {
  font-size: 16px;
  font-weight: 300;
  color: #626C77;
  line-height: 20px;
}
.m-platform-js {
  background: url(../img/platform-js-bg.jpg) no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding: 70px 0;
}
.m-platform-js .platform-js .m-h3 {
  color: #FFFFFF;
}
.m-platform-js .ul {
  margin-top: 50px;
  padding: 0 0px;
}
.m-platform-js .ul .li {
  display: inline-block;
  vertical-align: top;
  margin: 10px;
  text-align: center;
  padding: 20px;
  width: 376px;
  height: 233px;
  background: #FFFFFF;
  border-radius: 4px;
}
.m-platform-js .ul .li img {
  width: 70px;
  height: 70px;
  margin-top: 20px;
}
.m-platform-js .ul .li a {
  margin-top: 20px;
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #00102F;
  line-height: 18px;
  position: relative;
}
.m-platform-js .ul .li a::after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 30px;
  width: 30px;
  margin: 0 auto;
  height: 2px;
  background: #82BF34;
}
.m-platform-js .ul .li p {
  margin-top: 40px;
  font-size: 14px;
  font-weight: 300;
  color: #626C77;
  line-height: 22px;
}
.m-empowering {
  background: url(../img/index-empowering-01.png) no-repeat;
  background-position: center;
  background-size: cover;
  padding: 50px 0;
}
.m-empowering .empowering .h3 {
  font-size: 42px;
  font-weight: 400;
  color: #00102F;
  line-height: 50px;
}
.m-empowering .empowering .empowering-body {
  padding-top: 50px;
  width: 1440px;
  margin: 0 auto;
  margin-top: 50px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%);
}
.m-empowering .empowering .empowering-body .title {
  text-align: center;
}
.m-empowering .empowering .empowering-body .title img {
  vertical-align: top;
  height: 48px;
  margin-right: 10px;
}
.m-empowering .empowering .empowering-body .title span {
  font-size: 28px;
  font-weight: 400;
  color: #666666;
  line-height: 48px;
}
.m-empowering .empowering .empowering-body .body-two .row,
.m-empowering .empowering .empowering-body .body-top .row {
  border-bottom: dotted 1px #ccc;
  padding-bottom: 35px;
  margin: 0 100px;
  text-align: center;
  margin-top: 50px;
}
.m-empowering .empowering .empowering-body .body-two .row .one,
.m-empowering .empowering .empowering-body .body-top .row .one {
  display: inline-block;
  float: none;
  margin: 0 130px;
}
.m-empowering .empowering .empowering-body .body-two .row .one .num .number,
.m-empowering .empowering .empowering-body .body-top .row .one .num .number {
  font-size: 48px;
  color: #000;
}
.m-empowering .empowering .empowering-body .body-two .row .one .num .unit,
.m-empowering .empowering .empowering-body .body-top .row .one .num .unit {
  font-size: 24px;
  color: #222;
}
.m-empowering .empowering .empowering-body .body-two .row .one .num .num-line,
.m-empowering .empowering .empowering-body .body-top .row .one .num .num-line {
  height: 20px;
}
.m-empowering .empowering .empowering-body .body-two .row .one .info,
.m-empowering .empowering .empowering-body .body-top .row .one .info {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 400;
  color: #222222;
  line-height: 25px;
}
.m-empowering .empowering .empowering-body .body-two {
  margin-top: 35px;
  padding-bottom: 50px;
}
.m-empowering .empowering .empowering-body .body-two .row {
  border-bottom: none;
  margin-left: 0;
  margin-right: 0;
}
.m-empowering .empowering .empowering-body .body-two .row .one {
  margin: 0 50px;
  margin-left: 0;
}
.m-empowering .empowering .empowering-body .body-two .row .one:first-child .num {
  border-left: none;
}
.m-empowering .empowering .empowering-body .body-two .row .one:nth-child(2) .num {
  padding-top: 0;
}
.m-empowering .empowering .empowering-body .body-two .row .one .num {
  padding-top: 20px;
  min-height: 80px;
  padding-left: 50px;
  border-left: solid 1px #B4B4B4;
}
.m-empowering .empowering .empowering-body .body-two .row .one .info {
  padding-left: 50px;
}
.m-platform-yy {
  background: url(../img/index-platform-bg.png) no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding: 70px 0;
}
.m-platform-yy .platform-yy .h3 {
  text-align: center;
  font-size: 36px;
  font-weight: 400;
  color: #00102F;
  line-height: 50px;
}
.m-platform-yy .ul {
  padding: 30px;
  margin-top: 50px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%);
  text-align: center;
}
.m-platform-yy .ul .li {
  display: inline-block;
  text-align: left;
  margin-left: 164px;
}
.m-platform-yy .ul .li:first-child {
  margin-left: 0;
}
.m-platform-yy .ul .li .type img {
  width: 46px;
  height: 46px;
  vertical-align: top;
  margin-right: 20px;
}
.m-platform-yy .ul .li .type span {
  font-size: 24px;
  font-weight: 400;
  color: #666666;
  line-height: 46px;
}
.m-platform-yy .ul .li .one {
  margin-top: 25px;
  margin-bottom: 40px;
}
.m-platform-yy .ul .li .one .title {
  font-size: 18px;
  font-weight: 400;
  color: #222222;
  line-height: 25px;
}
.m-platform-yy .ul .li .one .num {
  margin-top: 25px;
}
.m-platform-yy .ul .li .one .num .number {
  font-size: 72px;
  line-height: 80px;
  color: #000;
}
.m-platform-yy .ul .li .one .num .unit {
  margin-left: 20px;
  font-size: 24px;
  color: #333;
}
.m-platform-yy .ul .li .one .num .unit-up {
  font-size: 24px;
  color: #333;
}
.m-platform-yy .ul .li .one .num .up-down {
  font-size: 30px;
  color: #000;
}
.m-platform-yy .type-list {
  text-align: center;
  margin-top: 50px;
}
.m-platform-yy .type-list .one {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
  width: 347px;
  height: 326px;
  padding: 20px;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px 0px rgba(205, 208, 221, 0.5);
  border-radius: 4px;
}
.m-platform-yy .type-list .one img {
  height: 70px;
  margin-top: 10px;
}
.m-platform-yy .type-list .one a {
  margin-top: 15px;
  text-align: center;
  display: block;
  font-size: 18px;
  font-weight: 400;
  color: #00102F;
  line-height: 25px;
}
.m-platform-yy .type-list .one p {
  margin-top: 15px;
  text-align: left;
  font-size: 14px;
  font-weight: 300;
  color: #626C77;
  line-height: 22px;
}
.m-business-ding {
  background-color: #fff;
  padding-bottom: 40px;
}
.m-business-ding .ding-list .list {
  display: flex;
  flex-wrap: wrap;
}
.m-business-ding .ding-list .list .one {
  width: 25%;
  border-left: solid 1px #ccc;
  padding-left: 20px;
  margin-bottom: 30px;
}
.m-business-ding .ding-list .list .one .title {
  margin-bottom: 20px;
  font-size: 24px;
  color: #333;
}
.m-business-ding .ding-list .list .one .line {
  font-size: 18px;
  color: #777;
  line-height: 25px;
}
.m-business-people {
  background-color: #fff;
}
.m-business-people .h3 {
  font-size: 60px;
  font-weight: 400;
  color: #00102F;
  line-height: 84px;
}
.m-business-people .people-medical-care {
  padding-top: 50px;
  padding-bottom: 70px;
}
.m-business-people .people-medical-care .info {
  margin-top: 50px;
  font-size: 24px;
  font-weight: 100;
  color: #777777;
  line-height: 33px;
}
.m-business-people .people-medical-care .list {
  margin: 0 -80px;
  margin-top: 30px;
  text-align: center;
}
.m-business-people .people-medical-care .list .one {
  display: inline-block;
  text-align: center;
  margin: 0 85px;
}
.m-business-people .people-medical-care .list .one img {
  height: 106px;
}
.m-business-people .people-medical-care .list .one .title {
  margin-top: 5px;
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
}
.m-business-people .people-medical-care .list .one p {
  width: 280px;
  margin: 0 auto;
  margin-top: 15px;
  font-size: 14px;
  font-weight: 300;
  color: #333333;
  line-height: 20px;
}
.m-business-people .people-pro {
  position: relative;
  height: 700px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.m-business-people .people-pro.people-pro-city .list .one {
  width: 49%;
}
.m-business-people .people-pro.people-pro-city .list .one:hover .info-b .b-title {
  margin-top: 30px;
}
.m-business-people .people-pro .ov {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #00102f4a;
}
.m-business-people .people-pro .list {
  position: relative;
  height: 100%;
}
.m-business-people .people-pro .list > div {
  border-left: solid 1px #fff;
  vertical-align: top;
}
.m-business-people .people-pro .list > div:first-child {
  border-left: none;
}
.m-business-people .people-pro .list .one {
  display: inline-block;
  width: 33%;
  height: 100%;
}
.m-business-people .people-pro .list .one:hover .info-b .b-title {
  margin-top: 150px;
  transition: all 0.6s;
}
.m-business-people .people-pro .list .one:hover .info-b .b-title::after {
  background-color: #fff;
  transition: all 0.6s;
}
.m-business-people .people-pro .list .one:hover .info-b .b-info {
  opacity: 1;
  transition: all 0.6s;
}
.m-business-people .people-pro .list .one .title {
  margin-top: 50px;
  margin-right: 0;
  text-align: center;
  font-size: 42px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 84px;
}
.m-business-people .people-pro .list .one .info-b {
  text-align: center;
}
.m-business-people .people-pro .list .one .info-b .b-title {
  margin-top: 200px;
  transition: all 0.6s;
  position: relative;
  font-size: 24px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 33px;
}
.m-business-people .people-pro .list .one .info-b .b-title::after {
  content: ' ';
  display: inline-block;
  position: absolute;
  left: 50%;
  width: 50px;
  margin-left: -25px;
  height: 1px;
  bottom: -10px;
  background-color: transparent;
  transition: all 0.6s;
}
.m-business-people .people-pro .list .one .info-b .b-info {
  margin-top: 50px;
  opacity: 0;
  transition: all 0.6s;
}
.m-business-people .people-pro .list .one .info-b .b-info p {
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 50px;
}
.m-business-people .people-pro .list .two {
  display: inline-block;
  width: 33%;
  height: 100%;
}
.m-business-people .people-cooperation {
  padding-top: 50px;
  padding-bottom: 70px;
}
.m-business-people .people-cooperation .cooperation {
  margin-top: 70px;
}
.m-business-people .people-cooperation .cooperation .swiper-pagination-1 {
  text-align: right;
}
.m-business-people .people-cooperation .cooperation .swiper-pagination-1 .swiper-pagination-current {
  font-size: 24px;
  color: #82BF34;
}
.m-business-people .people-cooperation .cooperation:hover .swiper-button-prev-1,
.m-business-people .people-cooperation .cooperation:hover .swiper-button-next-1 {
  display: block;
  opacity: 0.2;
}
.m-business-people .people-cooperation .cooperation .swiper-button-prev-1,
.m-business-people .people-cooperation .cooperation .swiper-button-next-1 {
  display: none;
}
.m-business-people .people-cooperation .cooperation .one .img {
  width: 345px;
}
.m-business-people .people-cooperation .cooperation .one .img a img {
  width: 345px;
  height: 195px;
}
.m-business-people .people-cooperation .cooperation .one .body {
  margin-left: 40px;
  width: 800px;
}
.m-business-people .people-cooperation .cooperation .one .body .title {
  margin-top: 20px;
  position: relative;
  display: block;
  font-size: 18px;
  font-weight: 400;
  color: #00102F;
  line-height: 25px;
}
.m-business-people .people-cooperation .cooperation .one .body .line {
  margin-top: 20px;
  width: 30px;
  height: 2px;
  background: #82BF34;
}
.m-business-people .people-cooperation .cooperation .one .body .info {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 300;
  color: #626C77;
  line-height: 24px;
}
.m-business-people .people-news {
  width: 100%;
  overflow: hidden;
  background-color: #F7F8FB;
  padding-top: 50px;
  padding-bottom: 70px;
}
.m-business-people .people-news .list {
  margin-top: 50px;
}
.m-business-people .people-news .list .swiper-scrollbar-2 {
  opacity: 1 !important;
  bottom: -20px;
  width: 100px;
  height: 5px;
  left: 50%;
  margin-left: -50px;
}
.m-business-people .people-news .list .swiper-scrollbar-2 .swiper-scrollbar-drag {
  background-color: #82BF34;
}
.m-business-people .people-news .list .one {
  cursor: pointer;
  width: 385px;
  height: 410px;
  position: relative;
  overflow: hidden;
}
.m-business-people .people-news .list .one:hover .img {
  transform: scale(1.05);
}
.m-business-people .people-news .list .one:hover .img::after {
  position: absolute;
  content: ' ';
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.6s;
}
.m-business-people .people-news .list .one .img {
  position: absolute;
  transition: all 0.6s;
  left: 0;
  top: 0;
  width: 385px;
  height: 410px;
}
.m-business-people .people-news .list .one .img::after {
  position: absolute;
  content: ' ';
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.26);
}
.m-business-people .people-news .list .one .img img {
  width: 100%;
  height: 100%;
}
.m-business-people .people-news .list .one .body {
  position: relative;
  margin: 40px 30px;
  height: 100%;
}
.m-business-people .people-news .list .one .title a {
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 25px;
}
.m-business-people .people-news .list .one .time {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 20px;
}
.m-business-people .people-news .list .one .mor {
  position: absolute;
  bottom: 100px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 20px;
}
.m-business-people .people-news .list .one .mor .layui-icon {
  font-size: 14px;
  color: #fff;
}
.m-after-service-header {
  position: relative;
  height: 500px;
  background: url(../img/after_service_banner.png) no-repeat;
  background-position: center;
  background-size: cover;
}
.m-after-service-header .ov {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.m-after-service-header .service-header {
  position: relative;
  z-index: 1;
}
.m-after-service-header .service-header .h3 {
  padding-top: 220px;
  text-align: center;
  font-size: 50px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 70px;
  margin-bottom: 30px;
}
.m-after-service-header .service-header .tel {
  text-align: center;
  font-size: 32px ;
  font-weight: 200;
  color: #FFFFFF;
  margin-bottom: 47px;
  line-height: 45px;
}
.m-after-service-header .service-header .submit {
  height: 60px;
  text-align: center;
  font-weight: 200;
  color: #FFFFFF;
  margin: 0 auto;
}
.m-after-service-header .service-header .submit a {
  padding: 14px 40px;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  font-size: 24px;
  color: #fff;
  line-height: 26px;
}
.m-after-service .tab {
  width: 100%;
  height: 90px;
  background-color: #F7F8FB;
}
.m-after-service .tab .mainbox {
  margin: 0 auto;
  width: 1200px;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  color: #626C77;
  line-height: 90px;
}
.m-after-service .tab .mainbox > div {
  cursor: pointer;
  margin-right: 128px;
}
.m-after-service .tab .mainbox .active {
  background: url(../img/serve_line.png) bottom center no-repeat;
  color: #82BF34;
}
.m-after-service .h3 {
  margin: 0 auto;
  width: 1200px;
  font-weight: 400;
  color: #00102F;
  line-height: 84px;
  margin-bottom: 49px;
}
.m-after-service .m-quesstion {
  padding-top: 50px;
  padding-bottom: 70px;
}
.m-after-service .m-quesstion .m-quesstion-mainbox {
  margin: 0 auto;
  width: 1200px;
  background-color: #fff;
  padding: 20px 55px;
}
.m-after-service .m-quesstion .m-quesstion-mainbox ul li {
  font-weight: 400;
  border-bottom: 1px #CBCBCB dashed;
  display: flex;
  justify-content: space-between;
  padding: 26px 0px;
}
.m-after-service .m-quesstion .m-quesstion-mainbox ul li .order-number {
  width: 35px;
  height: 40px;
  background: url(../img/sever-question1.png);
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  font-weight: 300;
}
.m-after-service .m-quesstion .m-quesstion-mainbox ul li .m-main {
  width: 960px;
}
.m-after-service .m-quesstion .m-quesstion-mainbox ul li .m-main .title {
  font-size: 18px;
  color: #333333;
  line-height: 30px;
  margin-bottom: 15px;
}
.m-after-service .m-quesstion .m-quesstion-mainbox ul li .m-main .m-answer {
  font-size: 14px;
  display: none;
}
.m-after-service .m-quesstion .m-quesstion-mainbox ul li .toggel-right {
  display: flex;
  font-size: 12px;
  color: #666;
  cursor: pointer;
  margin-top: 8px;
}
.m-after-service .m-quesstion .m-quesstion-mainbox ul li .toggel-right img {
  width: 14px;
  height: 12px;
  margin-left: 6px;
  vertical-align: top;
  margin-top: 3px;
}
.m-after-service .m-quesstion .m-quesstion-mainbox ul li .toggel-right .up {
  display: none;
}
.m-after-service .service-medical-care {
  padding-top: 30px;
  padding-bottom: 70px;
  background-color: #fff;
}
.m-after-service .service-medical-care .title {
  font-size: 24px;
  font-weight: 400;
  color: #333333;
  line-height: 33px;
}
.m-after-service .service-medical-care .info {
  margin-top: 20px;
  height: 40px;
  padding: 0 10px;
  background: #DAF9FF;
  border: 1px solid #66C1D4;
  font-size: 14px;
  font-weight: 400;
  color: #3EAEC5;
  line-height: 38px;
}
.m-after-service .service-medical-care .care-form {
  margin-top: 20px;
}
.m-after-service .service-medical-care .care-form .line {
  padding-bottom: 20px;
  border-bottom: solid 1px #eee;
  margin-bottom: 40px;
}
.m-after-service .service-medical-care .care-form .line .line-title {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  line-height: 29px;
}
.m-after-service .service-medical-care .care-form .line .line-title span {
  display: inline-block;
  margin-right: 20px;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  text-align: center;
  background: #82BF34;
  vertical-align: top;
  font-size: 18px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 29px;
}
.m-after-service .service-medical-care .care-form .line .line-row {
  margin: 10px 0;
}
.m-after-service .service-medical-care .care-form .line .line-row .row-label {
  display: inline-block;
  width: 100px;
  text-align: right;
  vertical-align: top;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  line-height: 38px;
}
.m-after-service .service-medical-care .care-form .line .line-row .row-label span {
  color: red;
}
.m-after-service .service-medical-care .care-form .line .line-row .row-body {
  display: inline-block;
  vertical-align: top;
}
.m-after-service .service-medical-care .care-form .line .line-row .row-body .body-ck {
  display: inline-block;
  margin-right: 6px;
  vertical-align: top;
  padding: 0 10px;
  height: 38px;
  background: #FFFFFF;
  border: 1px solid #C7CED2;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.m-after-service .service-medical-care .care-form .line .line-row .row-body .body-ck.active {
  border: 1px solid #82BF34;
  background: url(../img/care-01.png) no-repeat;
  background-position: right bottom;
}
.m-after-service .service-medical-care .care-form .line .line-row .row-body .body-ck span {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 36px;
}
.m-after-service .service-medical-care .care-form .line .line-row .row-body .body-ck input {
  position: absolute;
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  opacity: 0;
  background-color: transparent;
  border: none;
  outline: none;
}
.m-after-service .service-medical-care .care-form .line .line-row .row-body .layui-textarea,
.m-after-service .service-medical-care .care-form .line .line-row .row-body .layui-input {
  width: 400px;
  display: inline-block;
}
.m-after-service .service-medical-care .care-form .line .line-row .row-body .body-btn {
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  margin-left: 15px;
  width: 74px;
  height: 38px;
  text-align: center;
  border-radius: 20px;
  border: 2px solid #82BF34;
  font-size: 14px;
  color: #82BF34;
  line-height: 36px;
}
.m-after-service .service-medical-care .care-form .line .line-row .row-body .body-select {
  display: inline-block;
  margin-right: 7px;
}
.m-after-service .service-medical-care .care-form .line .line-row .row-body .body-select select {
  width: 195px;
  padding: 0 10px;
  height: 38px;
  border: solid 1px #e6e6e6;
  border-radius: 2px;
}
.m-after-service .service-medical-care .care-form .line .line-row .row-body .upimg .img-list {
  display: inline-block;
  vertical-align: top;
}
.m-after-service .service-medical-care .care-form .line .line-row .row-body .upimg .img {
  position: relative;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
}
.m-after-service .service-medical-care .care-form .line .line-row .row-body .upimg .img .img-img {
  height: 100px;
  width: 100px;
  object-fit: cover;
}
.m-after-service .service-medical-care .care-form .line .line-row .row-body .upimg .close {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 20px;
  height: 20px;
  opacity: 1;
  cursor: pointer;
}
.m-after-service .service-medical-care .care-form .line .line-row .row-body .upimg .img-up {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.m-after-service .service-medical-care .care-form .line .line-row .row-body .upimg .img-up img {
  height: 100px;
}
.m-after-service .service-medical-care .care-form .xy {
  text-align: center;
}
.m-after-service .service-medical-care .care-form .xy .xy-ck input {
  font-size: 18px;
  vertical-align: top;
}
.m-after-service .service-medical-care .care-form .xy .xy-ck span {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
}
.m-after-service .service-medical-care .care-form .xy .xy-ck span a {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
}
.m-after-service .service-medical-care .care-form .xy .xy-btn {
  margin-top: 20px;
  cursor: pointer;
  display: inline-block;
  width: 240px;
  height: 50px;
  background: #82BF34;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 50px;
}
.m-after-service .service-medical-care .care-form .changer {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.m-after-service .service-medical-care .care-form .changer input {
  display: inline-block;
  margin-right: 15px;
  width: 16px;
  height: 16px;
  border-color: #ccc;
}
.m-after-service .service-medical-care .care-form .button {
  width: 240px;
  height: 50px;
  margin: 0 auto;
  background: #82BF34;
  color: #fff;
  text-align: center;
  font-size: 18px;
  line-height: 50px;
  cursor: pointer;
  margin-top: 10px;
  border-radius: 4px;
  margin-bottom: 30px;
}
.m-after-service .service-medical-care .m-h3 {
  margin-top: 50px;
}
.m-after-service .service-medical-care .flow {
  margin-top: 50px;
}
.m-after-service .service-medical-care .flow img {
  width: 1129px;
  height: auto;
}
.m-finger-vein .h3 {
  font-size: 60px;
  font-weight: 400;
  color: #00102F;
  line-height: 84px;
}
.m-finger-vein .vein-info {
  padding-top: 50px;
  padding-bottom: 80px;
}
.m-finger-vein .vein-info .info {
  margin-top: 50px;
}
.m-finger-vein .vein-info .info .fl {
  width: 784px;
}
.m-finger-vein .vein-info .info .fl p {
  font-size: 18px;
  font-weight: 300;
  color: #777777;
  line-height: 32px;
}
.m-finger-vein .vein-info .info .fr {
  width: 400px;
  height: 254px;
  overflow: hidden;
}
.m-finger-vein .vein-info .info .fr img {
  width: 400px;
  height: 254px;
}
.m-finger-vein .vein-skill {
  padding-top: 50px;
  padding-bottom: 70px;
  background: url(../img/finger_vein-05.png) no-repeat;
  background-position: center;
  background-size: cover;
}
.m-finger-vein .vein-skill .m-h3 {
  color: #fff;
}
.m-finger-vein .vein-skill .list {
  margin: 0 -80px;
  margin-top: 50px;
  text-align: center;
}
.m-finger-vein .vein-skill .list .one {
  display: inline-block;
  margin: 0 60px;
}
.m-finger-vein .vein-skill .list .one .number {
  display: inline-block;
  width: 70px;
  height: 50px;
  background: url(../img/finger_vein-04.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  color: #82BF34;
  line-height: 50px;
}
.m-finger-vein .vein-skill .list .one .title {
  margin-top: 30px;
  font-size: 24px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 33px;
}
.m-finger-vein .vein-skill .list .one .ide {
  margin-top: 30px;
}
.m-finger-vein .vein-skill .list .one .ide a img {
  width: 250px;
  height: 330px;
}
.m-finger-vein .vein-use {
  padding-top: 50px;
  padding-bottom: 70px;
  background: url(../img/finger_vein-14.png) no-repeat;
  background-position: center;
  background-size: cover;
}
.m-finger-vein .vein-use .use-body {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  margin-top: 50px;
  height: 620px;
  background-color: #fff;
}
.m-finger-vein .vein-use .use-body .bg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 80%;
  margin: 0 auto;
  height: 620px;
  background: url(../img/finger_vein-13.png) no-repeat;
  background-size: 100% auto;
}
.m-finger-vein .vein-use .use-body .title {
  padding-top: 500px;
  position: relative;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #4C7EE9;
  line-height: 33px;
}
.m-finger-vein .vein-use .use-body .info {
  position: relative;
  margin-top: 20px;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  color: #4C7EE9;
  line-height: 25px;
}
.m-finger-vein .vein-use .use-body .list {
  position: absolute;
  height: 0;
  left: 0;
  top: 0;
}
.m-finger-vein .vein-use .use-body .list .one {
  position: absolute;
  left: 0;
  top: 0;
  width: 300px;
  overflow: hidden;
}
.m-finger-vein .vein-use .use-body .list .one.one-1 {
  left: 500px;
  top: 12px;
}
.m-finger-vein .vein-use .use-body .list .one.one-2 {
  left: 115px;
  top: 120px;
}
.m-finger-vein .vein-use .use-body .list .one.one-3 {
  left: 850px;
  top: 120px;
}
.m-finger-vein .vein-use .use-body .list .one.one-4 {
  left: 120px;
  top: 355px;
}
.m-finger-vein .vein-use .use-body .list .one.one-5 {
  left: 840px;
  top: 355px;
}
.m-finger-vein .vein-use .use-body .list .one img {
  width: 58px;
  height: 58px;
}
.m-finger-vein .vein-use .use-body .list .one .one-txt {
  width: 200px;
  margin-left: 15px;
}
.m-finger-vein .vein-use .use-body .list .one .name {
  font-size: 16px;
  font-weight: 600;
  color: #4C7EE9;
  line-height: 22px;
}
.m-finger-vein .vein-use .use-body .list .one .name-info {
  font-size: 14px;
  font-weight: 300;
  color: #4C7EE9;
  line-height: 20px;
}
.m-finger-vein .vein-product {
  padding: 50px 0;
  background-color: #fff;
}
.m-finger-vein .vein-product .product .list {
  margin-top: 50px;
}
.m-finger-vein .vein-product .product .list.active .one .img img {
  opacity: 0.5;
  transition: all 0.25s ease-in-out;
}
.m-finger-vein .vein-product .product .list .one {
  width: 300px;
  text-align: center;
  margin-top: 20px;
}
.m-finger-vein .vein-product .product .list .one.active .title a {
  font-weight: 600;
}
.m-finger-vein .vein-product .product .list .one.active .img img {
  opacity: 1;
  transition: all 0.25s ease-in-out;
}
.m-finger-vein .vein-product .product .list .one:hover .mor {
  opacity: 1;
}
.m-finger-vein .vein-product .product .list .one .img:hover {
  opacity: 1;
}
.m-finger-vein .vein-product .product .list .one .img img {
  width: 260px;
  height: 200px;
  object-fit: contain;
}
.m-finger-vein .vein-product .product .list .one .title {
  width: 260px;
  margin: 0 auto;
  margin-top: 15px;
  font-size: 24px;
  color: #333333;
  line-height: 33px;
}
.m-finger-vein .vein-product .product .list .one .title a {
  font-size: 24px;
  color: #333333;
  line-height: 33px;
}
.m-finger-vein .vein-product .product .list .one .mor {
  opacity: 0;
  width: 80px;
  height: 30px;
  margin: 0 auto;
  margin-top: 10px;
  text-align: center;
  border: solid 1px #666;
}
.m-finger-vein .vein-product .product .list .one .mor a {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 29px;
}
.m-finger-vein .vein-industry {
  padding: 50px 0;
  padding-bottom: 80px;
  background-color: #f5f5f5;
}
.m-finger-vein .vein-industry .industry .swp {
  margin-top: 50px;
  width: 100%;
  height: 510px;
  overflow: hidden;
}
.m-finger-vein .vein-industry .industry .swp .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  width: 1200px;
}
.m-finger-vein .vein-industry .industry .swp .swiper-slide.swiper-slide-active .one .bg {
  background: linear-gradient(180deg, rgba(0, 77, 144, 0) 0%, #002657 100%);
  opacity: 1;
}
.m-finger-vein .vein-industry .industry .swp .swiper-button-next-1 {
  width: 70px;
  height: 70px;
  right: 50%;
  margin-right: -675px;
  margin-top: -40px;
  background-image: url(../img/finger_vein-22.png);
  background-size: 100% 100%;
}
.m-finger-vein .vein-industry .industry .swp .swiper-button-prev-1 {
  width: 70px;
  height: 70px;
  left: 50%;
  margin-left: -675px;
  margin-top: -40px;
  background-image: url(../img/finger_vein-21.png);
  background-size: 100% 100%;
}
.m-finger-vein .vein-industry .industry .swp .one {
  position: relative;
}
.m-finger-vein .vein-industry .industry .swp .one .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 77, 144, 0) 0%, #002657 100%);
  opacity: 0.3;
}
.m-finger-vein .vein-industry .industry .swp .one a img {
  width: 100%;
  height: 510px;
  object-fit: cover;
}
.m-finger-vein .vein-industry .industry .swp .one a span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding-top: 400px;
  display: block;
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 33px;
}
.m-finger-vein .vein-industry .industry .tab {
  margin-top: 30px;
  border-top: solid 1px #ccc;
}
.m-finger-vein .vein-industry .industry .tab .pc-container {
  display: flex;
  justify-content: space-around;
}
.m-finger-vein .vein-industry .industry .tab .one {
  margin-top: -2px;
  cursor: pointer;
  float: left;
  text-align: center;
  width: 110px;
  font-size: 18px;
  font-weight: 300;
  color: #666666;
  line-height: 33px;
  border-top: solid 4px transparent;
}
.m-finger-vein .vein-industry .industry .tab .one.active {
  font-size: 24px;
  font-weight: 600;
  color: #82BF34;
  border-top: solid 4px #82BF34;
}
.layui-laypage a,
.layui-laypage span {
  background-color: transparent;
}
.m-h3 {
  font-size: 42px;
  font-weight: 400;
  color: #00102F;
  line-height: 84px;
}
.other-cooperate-m {
  margin: 90px auto 160px auto;
}
.other-cooperate-m .m-list {
  display: flex;
  margin-bottom: 40px;
  margin-left: 70px;
}
.other-cooperate-m .m-list > div {
  width: 540px;
  display: flex;
}
.other-cooperate-m .m-list > div img {
  width: 40px;
  height: 41px;
}
.other-cooperate-m .m-list > div .text {
  margin-left: 27px;
}
.other-cooperate-m .m-list > div .name {
  font-size: 18px;
  color: #666666;
  margin-bottom: 20px;
}
.other-cooperate-m .m-list > div .xq {
  font-size: 24px;
  font-weight: 400;
  color: #666666;
}
.m-job .m-in-header .in-header .h3 {
  text-align: center;
}
.m-job .m-in-header .in-header .info-btn {
  text-align: center;
  margin-top: 80px;
  border: none;
  width: auto;
}
.m-job .m-in-header .in-header .info-btn a {
  display: inline-block;
  padding: 0px 24px;
  border: solid 2px #fff;
  color: #fff;
  font-size: 20px;
  border-radius: 4px;
}
.m-job .job {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}
.m-job .job .info {
  margin-top: 20px;
  font-size: 36px;
  font-weight: 400;
  color: #666666;
  line-height: 50px;
}
.m-job .job .job-wk {
  margin-top: 50px;
  text-align: center;
}
.m-job .job .job-wk .wk-swp {
  display: inline-block;
  vertical-align: top;
  width: 608px;
  height: 577px;
}
.m-job .job .job-wk .wk-swp .one {
  position: relative;
}
.m-job .job .job-wk .wk-swp .one .img a img {
  width: 608px;
  height: 577px;
  object-fit: cover;
}
.m-job .job .job-wk .wk-swp .one .title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  text-align: center;
}
.m-job .job .job-wk .wk-swp .one .title a {
  font-size: 36px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 50px;
}
.m-job .job .job-wk .wk-pic {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
  width: 574px;
}
.m-job .job .job-wk .wk-pic .one {
  position: relative;
  width: 100%;
  height: 281px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
}
.m-job .job .job-wk .wk-pic .one:first-child {
  margin-bottom: 15px;
}
.m-job .job .job-wk .wk-pic .one a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m-job .job .job-wk .wk-pic .one .title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  text-align: center;
}
.m-job .job .job-wk .wk-pic .one .title a {
  font-size: 36px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 50px;
}
.m-job .job-people {
  padding-top: 50px;
  padding-bottom: 50px;
}
.m-job .job-people .people-info {
  margin-top: 20px;
  font-size: 36px;
  font-weight: 400;
  color: #666666;
  line-height: 50px;
}
.m-job .job-people .list {
  margin-top: 50px;
  text-align: center;
  margin-left: -20px;
  margin-right: -20px;
}
.m-job .job-people .list .one {
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  width: 370px;
  text-align: left;
  padding-bottom: 20px;
  margin: 0 20px;
}
.m-job .job-people .list .one .img {
  width: 370px;
  height: 252px;
  overflow: hidden;
}
.m-job .job-people .list .one .title {
  margin: 20px 30px;
  font-size: 24px;
  font-weight: 400;
  color: #666666;
  line-height: 33px;
}
.m-job .job-people .list .one .info {
  margin: 0 30px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
}
.m-job .job-welfare {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}
.m-job .job-welfare .welfare-body {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.m-job .job-welfare .welfare-body .one {
  width: 380px;
  height: 184px;
  overflow: hidden;
  margin: 15px;
  position: relative;
}
.m-job .job-welfare .welfare-body .one:hover > a img {
  transition: all 0.6s;
  transform: scale(1.1);
}
.m-job .job-welfare .welfare-body .one > a::after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  opacity: 0.5;
  background: #000;
}
.m-job .job-welfare .welfare-body .one > a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m-job .job-welfare .welfare-body .one .title {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 43%;
  text-align: center;
}
.m-job .job-welfare .welfare-body .one .title a {
  font-size: 18px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 25px;
}
.m-ai-client .ai-tab .tab {
  overflow: hidden;
}
.m-ai-client .ai-tab .tab .one {
  display: block;
  cursor: pointer;
  float: left;
  position: relative;
  line-height: 90px;
  margin: 0 60px;
  text-align: center;
}
.m-ai-client .ai-tab .tab .one.active span {
  font-size: 18px;
  font-weight: 600;
  color: #82BF34;
  line-height: 25px;
}
.m-ai-client .ai-tab .tab .one.active::after {
  background-color: #82BF34;
}
.m-ai-client .ai-tab .tab .one::after {
  content: ' ';
  position: absolute;
  left: 50%;
  right: 0;
  bottom: 0;
  display: block;
  text-align: center;
  width: 30px;
  margin-left: -15px;
  height: 4px;
  background-color: transparent;
}
.m-ai-client .ai-tab .tab .one span {
  font-size: 18px;
  font-weight: 400;
  color: #626C77;
  line-height: 25px;
}
.m-ai-client .ai-list {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #fff;
}
.m-ai-client .ai-list .list {
  margin-top: 50px;
}
.m-ai-client .ai-list .list .one {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px 0px rgba(205, 208, 221, 0.5);
  border-radius: 4px;
  margin-bottom: 25px;
}
.m-ai-client .ai-list .list .one .one-body {
  margin: 90px 60px;
  margin-right: 20px;
  width: 600px;
}
.m-ai-client .ai-list .list .one .one-body .title a {
  font-size: 28px;
  font-weight: 400;
  color: #00102F;
  line-height: 30px;
}
.m-ai-client .ai-list .list .one .one-body .info {
  margin-top: 10px;
}
.m-ai-client .ai-list .list .one .one-body .info a {
  font-size: 18px;
  font-weight: 300;
  color: #00102F;
  line-height: 25px;
}
.m-ai-client .ai-list .list .one .one-body .mor {
  margin-top: 20px;
}
.m-ai-client .ai-list .list .one .one-body .mor a {
  font-size: 14px;
  font-weight: 300;
  color: #666666;
  line-height: 20px;
}
.m-ai-client .ai-list .list .one .one-img {
  float: left;
  margin: 20px 0;
  margin-right: 60px;
}
.m-ai-client .ai-list .list .one .one-img a img {
  width: 300px;
  height: 300px;
  object-fit: cover;
}
.m-ai-client .vein-industry {
  padding: 50px 0;
  padding-bottom: 80px;
  background-color: #f5f5f5;
}
.m-ai-client .vein-industry .industry .swp {
  margin: 0 auto;
  margin-top: 50px;
  width: 1200px;
  position: relative;
}
.m-ai-client .vein-industry .industry .swp .swiper-container {
  height: 510px;
  overflow: hidden;
}
.m-ai-client .vein-industry .industry .swp .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
}
.m-ai-client .vein-industry .industry .swp .swiper-slide.swiper-slide-active .one .bg {
  background: linear-gradient(180deg, rgba(0, 77, 144, 0) 0%, #002657 100%);
  opacity: 1;
}
.m-ai-client .vein-industry .industry .swp .swiper-button-next-1 {
  width: 70px;
  height: 70px;
  right: -30px;
  margin-top: -40px;
  background-image: url(../img/finger_vein-22.png);
  background-size: 100% 100%;
}
.m-ai-client .vein-industry .industry .swp .swiper-button-prev-1 {
  width: 70px;
  height: 70px;
  left: -30px;
  margin-top: -40px;
  background-image: url(../img/finger_vein-21.png);
  background-size: 100% 100%;
}
.m-ai-client .vein-industry .industry .swp .one {
  position: relative;
}
.m-ai-client .vein-industry .industry .swp .one .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 77, 144, 0) 0%, #002657 100%);
  opacity: 0.3;
}
.m-ai-client .vein-industry .industry .swp .one a img {
  width: 100%;
  height: 510px;
  object-fit: cover;
}
.m-ai-client .vein-industry .industry .swp .one a span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding-top: 400px;
  display: block;
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 33px;
}
.m-ai-client-info {
  padding-bottom: 50px;
}
.m-ai-client-info .client-info {
  background-color: #fff;
}
.m-ai-client-info .client-info .m-h3 {
  padding-top: 50px;
}
.m-ai-client-info .client-info-body {
  margin-top: 50px;
  padding-bottom: 30px;
}
.m-ai-client-info .client-info-body .info {
  width: 700px;
  font-size: 18px;
  font-weight: 300;
  color: #777777;
  line-height: 32px;
}
.m-ai-client-info .client-info-body .info img {
  max-width: 100%;
  height: auto;
}
.m-ai-client-info .client-info-body .swp {
  width: 400px;
  margin-top: -30px;
  position: relative;
}
.m-ai-client-info .client-info-body .swp .swiper-button-next-2 {
  background-image: url(../img/ai-04.png);
  width: 16px;
  height: 28px;
  right: -10px;
  background-size: 100% 100%;
}
.m-ai-client-info .client-info-body .swp .swiper-button-prev-2 {
  background-image: url(../img/ai-05.png);
  width: 16px;
  height: 28px;
  left: -10px;
  background-size: 100% 100%;
}
.m-ai-client-info .client-info-body .swp .one {
  width: 400px;
  height: 300px;
}
.m-ai-client-info .client-info-body .swp .one img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m-ai-client-info .client-trait {
  margin-top: 50px;
}
.m-ai-client-info .client-trait .list {
  margin-top: 43px;
  display: flex;
  flex-wrap: wrap;
}
.m-ai-client-info .client-trait .list .one {
  width: 364px;
  min-height: 180px;
  padding: 20px;
  margin: 10px 18px;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px 0px rgba(205, 208, 221, 0.5);
  text-align: center;
}
.m-ai-client-info .client-trait .list .one img {
  margin-top: 20px;
  height: 60px;
}
.m-ai-client-info .client-trait .list .one .info {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #00102F;
  line-height: 24px;
}
.m-ai-client-info .vein-industry {
  padding: 50px 0;
  padding-bottom: 80px;
  background-color: #f5f5f5;
}
.m-ai-client-info .vein-industry .industry .swp {
  margin: 0 auto;
  margin-top: 50px;
  width: 1200px;
  position: relative;
}
.m-ai-client-info .vein-industry .industry .swp .swiper-container {
  height: 510px;
  overflow: hidden;
}
.m-ai-client-info .vein-industry .industry .swp .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
}
.m-ai-client-info .vein-industry .industry .swp .swiper-slide.swiper-slide-active .one .bg {
  background: linear-gradient(180deg, rgba(0, 77, 144, 0) 0%, #002657 100%);
  opacity: 1;
}
.m-ai-client-info .vein-industry .industry .swp .swiper-button-next-1 {
  width: 70px;
  height: 70px;
  right: -30px;
  margin-top: -40px;
  background-image: url(../img/finger_vein-22.png);
  background-size: 100% 100%;
}
.m-ai-client-info .vein-industry .industry .swp .swiper-button-prev-1 {
  width: 70px;
  height: 70px;
  left: -30px;
  margin-top: -40px;
  background-image: url(../img/finger_vein-21.png);
  background-size: 100% 100%;
}
.m-ai-client-info .vein-industry .industry .swp .one {
  position: relative;
}
.m-ai-client-info .vein-industry .industry .swp .one .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 77, 144, 0) 0%, #002657 100%);
  opacity: 0.3;
}
.m-ai-client-info .vein-industry .industry .swp .one a img {
  width: 100%;
  height: 510px;
  object-fit: cover;
}
.m-ai-client-info .vein-industry .industry .swp .one a span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding-top: 400px;
  display: block;
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 33px;
}
.m-about .h3 {
  font-size: 60px;
  font-weight: 400;
  color: #00102F;
  line-height: 84px;
}
.m-about .m-finger-vein {
  background-color: #fff;
}
.m-about .m-business-people .people-medical-care {
  padding-top: 0;
}
.m-about .m-business-people .people-medical-care .list {
  margin-top: 0;
}
.m-about .m-business-people .people-medical-care .list .one {
  margin: 0 64px;
}
.m-about .m-business-people .people-medical-care .list .one p {
  width: 200px;
}
.m-about .innovate-body {
  padding-top: 50px;
}
.m-about .innovate-body .swp {
  margin-top: 50px;
  width: 100%;
  height: 510px;
  overflow: hidden;
}
.m-about .innovate-body .swp .swiper-container {
  height: 100%;
}
.m-about .innovate-body .swp .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  width: 1200px;
  height: 100%;
}
.m-about .innovate-body .swp .swiper-slide.swiper-slide-active .one .bg {
  background: #0F4B9A;
  opacity: 0.7;
  z-index: auto;
}
.m-about .innovate-body .swp .swiper-slide.swiper-slide-active .one .bg.op02 {
  opacity: 0.2;
}
.m-about .innovate-body .swp .swiper-button-next-1 {
  width: 70px;
  height: 70px;
  right: 50%;
  margin-right: -675px;
  margin-top: -40px;
  background-image: url(../img/finger_vein-22.png);
  background-size: 100% 100%;
}
.m-about .innovate-body .swp .swiper-button-prev-1 {
  width: 70px;
  height: 70px;
  left: 50%;
  margin-left: -675px;
  margin-top: -40px;
  background-image: url(../img/finger_vein-21.png);
  background-size: 100% 100%;
}
.m-about .innovate-body .swp .one {
  position: relative;
  height: 100%;
}
.m-about .innovate-body .swp .one .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #D8D8D8;
  opacity: 0.8;
  z-index: 1;
}
.m-about .innovate-body .swp .one .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m-about .innovate-body .swp .one .one-body {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.m-about .innovate-body .swp .one .one-body .line {
  position: relative;
  height: 100%;
  float: left;
  width: 33%;
  text-align: left;
  border-left: solid 1px #fff;
}
.m-about .innovate-body .swp .one .one-body .line:first-child {
  border-left: none;
}
.m-about .innovate-body .swp .one .one-body .line .title {
  margin-left: 60px;
  padding-top: 30px;
  font-size: 24px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 33px;
}
.m-about .innovate-body .swp .one .one-body .line .number {
  margin-top: 80px;
  margin-left: 60px;
  font-size: 24px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 14px;
}
.m-about .innovate-body .swp .one .one-body .line .number span {
  display: inline-block;
  margin-right: 12px;
  width: 14px;
  height: 14px;
  background: #FFFFFF;
  vertical-align: top;
  transform: rotate(45deg);
}
.m-about .innovate-body .swp .one .one-body .line .info {
  margin-left: 60px;
  margin-top: 40px;
}
.m-about .innovate-body .swp .one .one-body .line .info .info-title {
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 25px;
}
.m-about .innovate-body .swp .one .one-body .line .info .info-info {
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 24px;
}
.m-about .innovate-body .swp .one .one-body .line .one-list {
  margin-left: 60px;
  margin-top: 40px;
  overflow: hidden;
}
.m-about .innovate-body .swp .one .one-body .line .one-list .one-list-line {
  float: left;
  width: 40%;
  margin-top: 20px;
}
.m-about .innovate-body .swp .one .one-body .line .one-list .one-list-line img {
  height: 24px;
  vertical-align: top;
}
.m-about .innovate-body .swp .one .one-body .line .one-list .one-list-line span {
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 24px;
}
.m-about .innovate-body .swp .one .one-body .one-about-new {
  padding: 30px;
  padding-left: 80px;
}
.m-about .innovate-body .swp .one .one-body .one-about-new .new-title {
  text-align: left;
  font-size: 24px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 33px;
}
.m-about .innovate-body .swp .one .one-body .one-about-new .new-body {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
.m-about .innovate-body .swp .one .one-body .one-about-new .new-body .new-one {
  text-align: left;
  padding-right: 120px;
  padding-top: 30px;
}
.m-about .innovate-body .swp .one .one-body .one-about-new .new-body .new-one .title {
  font-size: 18px;
  color: #FFFFFF;
  line-height: 25px;
}
.m-about .innovate-body .swp .one .one-body .one-about-new .new-body .new-one .info {
  width: 400px;
  margin-top: 15px;
  font-size: 14px;
  color: #ffffffb6;
  line-height: 20px;
}
.m-about .about-app {
  padding-top: 50px;
  padding-bottom: 50px;
    background: #FFFFFF;
}
.m-about .about-app .app-list {
  margin-top: 50px;
  overflow: hidden;
}
.m-about .about-app .app-list .one {
  float: left;
  width: 33.33%;
  height: 534px;
  position: relative;
  overflow: hidden;
}
.m-about .about-app .app-list .one.active .one-body,
.m-about .about-app .app-list .one:hover .one-body {
  background-color: #0057b69c;
  transition: all 0.6s;
}
.m-about .about-app .app-list .one.active .one-body .title,
.m-about .about-app .app-list .one:hover .one-body .title {
  margin-top: 100px;
  transition: all 0.6s;
}
.m-about .about-app .app-list .one.active .one-body .info,
.m-about .about-app .app-list .one:hover .one-body .info {
  -webkit-line-clamp: 100;
}
.m-about .about-app .app-list .one > img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.m-about .about-app .app-list .one .one-body {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.m-about .about-app .app-list .one .one-body .title {
  position: relative;
  margin: 0 40px;
  margin-top: 400px;
  transition: all 0.6s;
}
.m-about .about-app .app-list .one .one-body .title::after {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: -10px;
  width: 41px;
  height: 5px;
  background: #82BF34;
  border-radius: 3px;
}
.m-about .about-app .app-list .one .one-body .title a {
  font-size: 36px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 50px;
}
.m-about .about-app .app-list .one .one-body .info {
  margin: 0 40px;
  margin-top: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 20px;
}
.m-about .about-course {
  background-color: #fff;
  width: 100%;
  overflow: hidden;
  padding-top: 50px;
}
.m-about .about-course .course {
  padding-top: 50px;
  padding-bottom: 300px;
  background: url(../img/about-07.png) no-repeat;
  background-size: 100% auto;
  background-position: bottom;
}
.m-about .about-course .course .pc-container {
  position: relative;
}
.m-about .about-course .course .swiper-container {
  width: 1200px;
}
.m-about .about-course .course .swiper-button-next-s1 {
  right: -40px;
}
.m-about .about-course .course .swiper-button-prev-s1 {
  left: -40px;
}
.m-about .about-course .course .swiper-slide {
  width: 300px;
}
.m-about .about-course .course .one {
  width: 300px;
  margin-left: 10px;
}
.m-about .about-course .course .one.active .one-body .line::after {
  left: -11px;
  width: 20px;
  height: 20px;
}
.m-about .about-course .course .one.active .one-body .time {
  position: relative;
  font-size: 36px;
  color: #82BF34;
  line-height: 50px;
  padding-left: 40px;
}
.m-about .about-course .course .one.active .one-body .time::after {
  content: ' ';
  display: block;
  position: absolute;
  left: -8px;
  bottom: 8px;
  width: 36px;
  height: 36px;
  border: 10px solid #82BF34;
  border-radius: 50%;
}
.m-about .about-course .course .one .line {
  position: relative;
  width: 1px;
  height: 244px;
  border-left: 2px solid;
  border-image: linear-gradient(157deg, #82bf34, rgba(130, 191, 52, 0.21)) 2 2;
}
.m-about .about-course .course .one .line::after {
  content: ' ';
  display: block;
  position: absolute;
  left: -7px;
  top: 0;
  width: 12px;
  height: 12px;
  background: #82BF34;
  border-radius: 50%;
}
.m-about .about-course .course .one .dotted {
  margin-bottom: -10px;
}
.m-about .about-course .course .one .one-body {
  position: relative;
}
.m-about .about-course .course .one .one-body .line {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 244px;
  border-left: 2px solid;
  border-image: linear-gradient(157deg, #82bf34, rgba(130, 191, 52, 0.21)) 2 2;
}
.m-about .about-course .course .one .one-body .line::after {
  content: ' ';
  display: block;
  position: absolute;
  left: -7px;
  top: 0;
  width: 12px;
  height: 12px;
  background: #82BF34;
  border-radius: 12px;
}
.m-about .about-course .course .one .one-body .time {
  padding-left: 30px;
  padding-top: 35px;
  font-size: 28px;
  font-weight: 600;
  color: #2E529F;
  line-height: 50px;
}
.m-about .about-course .course .one .one-body .info {
  font-size: 18px;
  font-weight: 600;
  color: #82BF34;
  line-height: 25px;
}
.m-about .about-course .course .one .one-body .one-time {
  padding-top: 30px;
  padding-left: 30px;
  margin-top: 20px;
  border-top: solid 1px #002D8A;
}
.m-about .about-course .course .one .one-body .one-time .time-year {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 24px;
}
.m-about .about-course .course .one .one-body .one-time .time-line {
  position: relative;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  padding-left: 12px;
  padding-right: 10px;
}
.m-about .about-course .course .one .one-body .one-time .time-line::after {
  content: ' ';
  position: absolute;
  display: block;
  left: 0;
  top: 5px;
  width: 6px;
  height: 8px;
  background: #666666;
}
.m-about .about-sustainable {
  background-color: #fff;
  background: url(../img/about-12.png) no-repeat;
  background-position: center;
  background-size: cover;
  padding: 50px 0;
  padding-bottom: 100px;
}
.m-about .about-sustainable .sustainable .info {
  margin: 0 auto;
  width: 1200px;
  margin-top: 50px;
  font-size: 24px;
  font-weight: 100;
  color: #777777;
  line-height: 33px;
}
.m-about .about-sustainable .sustainable .list {
  margin-top: 50px;
  text-align: center;
}
.m-about .about-sustainable .sustainable .list .one {
  display: inline-block;
  width: 24%;
  text-align: center;
}
.m-about .about-sustainable .sustainable .list .one p {
  margin-top: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  line-height: 25px;
}
.m-algorithm {
  padding-top: 50px;
  padding-bottom: 50px;
}
.m-algorithm .algorithm .algorithm-body {
  margin-top: 50px;
  overflow: hidden;
}
.m-algorithm .algorithm .algorithm-body .type {
  float: left;
  width: 270px;
  border-right: solid 1px #DBE0E8;
}
.m-algorithm .algorithm .algorithm-body .type .one {
  border-right: solid 3px transparent;
  margin-right: -2px;
}
.m-algorithm .algorithm .algorithm-body .type .one.active {
  border-right: solid 3px #82BF34;
}
.m-algorithm .algorithm .algorithm-body .type .one.active a .ac {
  display: inline-block;
}
.m-algorithm .algorithm .algorithm-body .type .one.active a .num {
  display: none;
}
.m-algorithm .algorithm .algorithm-body .type .one.active a span {
  color: #82BF34;
}
.m-algorithm .algorithm .algorithm-body .type .one a {
  display: block;
  padding: 15px 0;
  margin-right: 5px;
  border-bottom: solid 1px #DBE0E8;
}
.m-algorithm .algorithm .algorithm-body .type .one .ac {
  display: none;
  width: 10px;
  height: 2px;
  vertical-align: top;
  margin-top: 10px;
  background: #82BF34;
}
.m-algorithm .algorithm .algorithm-body .type .one .num {
  display: inline-block;
  font-size: 16px;
  font-style: normal;
  color: #626C77;
  line-height: 22px;
}
.m-algorithm .algorithm .algorithm-body .type .one span {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #626C77;
  line-height: 22px;
}
.m-algorithm .algorithm .algorithm-body .body-txt {
  display: none;
  float: left;
  width: 860px;
  margin-left: 70px;
}
.m-algorithm .algorithm .algorithm-body .body-txt.active {
  display: block;
}
.m-algorithm .algorithm .algorithm-body .body-txt .header {
  height: 91px;
  background: #83bf341f;
  overflow: hidden;
  margin-left: -15px;
}
.m-algorithm .algorithm .algorithm-body .body-txt .header .one {
  float: left;
  width: 20%;
  text-align: center;
}
.m-algorithm .algorithm .algorithm-body .body-txt .header .one .one-type {
  padding-top: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #666666;
  line-height: 25px;
}
.m-algorithm .algorithm .algorithm-body .body-txt .header .one .one-txt {
  padding-top: 10px;
  font-size: 20px;
  font-weight: 400;
  color: #333333;
  line-height: 28px;
}
.m-algorithm .algorithm .algorithm-body .body-txt .time {
  font-size: 14px;
  font-weight: 100;
  color: #82BF34;
  line-height: 20px;
}
.m-algorithm .algorithm .algorithm-body .body-txt .time span {
  font-size: 30px;
  font-weight: 600;
  color: #82BF34;
  line-height: 30px;
}
.m-algorithm .algorithm .algorithm-body .body-txt .title {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  line-height: 25px;
}
.m-algorithm .algorithm .algorithm-body .body-txt .body-body {
  margin-top: 20px;
}
.m-algorithm .algorithm .algorithm-body .body-txt .body-body img {
  max-width: 100%;
  height: auto;
}
.m-algorithm .algorithm-pro {
  padding-top: 50px;
  padding-bottom: 50px;
}
.m-algorithm .algorithm-pro .pro-body {
  overflow: hidden;
  margin: 0 auto;
  margin-top: 50px;
}
.m-algorithm .algorithm-pro .pro-body .one {
  position: relative;
  width: 400px;
  height: 360px;
  overflow: hidden;
  float: left;
}
.m-algorithm .algorithm-pro .pro-body .one.white .info {
  background-color: #fff;
  top: 0;
  bottom: 40%;
  transition: all 1s;
}
.m-algorithm .algorithm-pro .pro-body .one.white .info:hover {
  bottom: 0;
}
.m-algorithm .algorithm-pro .pro-body .one.white .info .num {
  color: #000;
}
.m-algorithm .algorithm-pro .pro-body .one.white .info .title {
  color: #626C77;
}
.m-algorithm .algorithm-pro .pro-body .one.white .info .title-info {
  color: #626C77;
}
.m-algorithm .algorithm-pro .pro-body .one img {
  width: 100%;
  height: 100%;
}
.m-algorithm .algorithm-pro .pro-body .one .info {
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
  bottom: 0;
  transition: all 1s;
  background-color: #4A72E5;
}
.m-algorithm .algorithm-pro .pro-body .one .info:hover {
  top: 0;
}
.m-algorithm .algorithm-pro .pro-body .one .info .num {
  padding-top: 20px;
  margin: 0 30px;
  font-size: 48px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 67px;
}
.m-algorithm .algorithm-pro .pro-body .one .info .title {
  margin: 0 30px;
  margin-top: 10px;
  font-size: 24px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 33px;
}
.m-algorithm .algorithm-pro .pro-body .one .info .title-info {
  margin: 0 30px;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 20px;
}
.m-algorithm .algorithm-app {
  padding: 50px 0;
}
.m-algorithm .algorithm-app .app-body {
  margin: 0 auto;
  margin-top: 50px;
  overflow: hidden;
  display: flex;
  border: solid 1px #E1E1E1;
}
.m-algorithm .algorithm-app .app-body:hover .one.active {
  width: auto;
  flex: auto;
}
.m-algorithm .algorithm-app .app-body:hover .one.active:hover {
  width: 740px;
  transition: all 1s;
}
.m-algorithm .algorithm-app .app-body:hover .one.active:hover .bg {
  display: block;
}
.m-algorithm .algorithm-app .app-body:hover .one.active .bg {
  display: none;
}
.m-algorithm .algorithm-app .app-body .one {
  width: 90px;
  transition: all 1s;
  position: relative;
  background-color: #fff;
  height: 300px;
  border-left: solid 1px #E1E1E1;
}
.m-algorithm .algorithm-app .app-body .one:first-child {
  border-left: none;
}
.m-algorithm .algorithm-app .app-body .one:hover {
  width: 740px;
  transition: all 1s;
  flex: auto;
}
.m-algorithm .algorithm-app .app-body .one:hover .bg {
  display: block;
}
.m-algorithm .algorithm-app .app-body .one:hover.active {
  width: auto;
  flex: auto;
}
.m-algorithm .algorithm-app .app-body .one:hover.active .bg {
  display: none;
}
.m-algorithm .algorithm-app .app-body .one:hover .info img {
  background-color: rgba(255, 255, 255, 0.651);
}
.m-algorithm .algorithm-app .app-body .one:hover .info div {
  color: #000;
  font-weight: bold;
}
.m-algorithm .algorithm-app .app-body .one.active {
  width: 740px;
  flex: auto;
}
.m-algorithm .algorithm-app .app-body .one.active .bg {
  display: block;
}
.m-algorithm .algorithm-app .app-body .one.active .info img {
  background-color: rgba(255, 255, 255, 0.651);
}
.m-algorithm .algorithm-app .app-body .one.active .info div {
  color: #000;
}
.m-algorithm .algorithm-app .app-body .one .bg {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 750px;
  object-fit: contain;
}
.m-algorithm .algorithm-app .app-body .one .info {
  position: relative;
  text-align: center;
  padding-top: 100px;
}
.m-algorithm .algorithm-app .app-body .one .info img {
  display: inline-block;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  background-color: transparent;
  padding: 20px;
}
.m-algorithm .algorithm-app .app-body .one .info div {
  margin-top: 20px;
  font-size: 18px;
  color: #00102F;
  line-height: 25px;
}
.m-404 {
  text-align: center;
  padding-top: 200px;
  padding-bottom: 200px;
}
.m-404 .img {
  height: 280px;
  vertical-align: top;
}
.m-404 .info {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin-top: 30px;
  margin-left: 100px;
}
.m-404 .info .title {
  font-size: 64px;
  font-weight: 600;
  color: #82BF34;
  line-height: 90px;
}
.m-404 .info .error {
  margin-top: 0;
  font-size: 18px;
  font-weight: 300;
  color: #626C77;
  line-height: 25px;
}
.m-404 .info .info-btn {
  margin-top: 30px;
  display: block;
  width: 144px;
  height: 44px;
  border-radius: 4px;
  border: 2px solid #82BF34;
  text-align: center;
  font-size: 16px;
  color: #82BF34;
  line-height: 42px;
}
.m-search .search-header {
  padding-top: 40px;
  background: #F7F8FB;
}
.m-search .search-header .header-i form {
  overflow: hidden;
  display: inline-block;
  height: 50px;
  background: #FFFFFF;
  border-radius: 4px;
}
.m-search .search-header .header-i form .keyword {
  width: 800px;
  padding: 0 30px;
  float: left;
  font-size: 16px;
  color: #000;
  line-height: 50px;
  border: none;
  outline: none;
}
.m-search .search-header .header-i form .img {
  float: left;
}
.m-search .search-header .header-i form .img input {
  background-color: #fff;
  background: url(../img/search-01.png) no-repeat;
  width: 50px;
  height: 50px;
  background-position: center;
  border: none;
  outline: none;
}
.m-search .search-header .hot {
  overflow: hidden;
  margin-top: 20px;
  padding-bottom: 20px;
}
.m-search .search-header .hot .label {
  float: left;
  font-size: 14px;
  color: #AEB6C8;
}
.m-search .search-header .hot .key {
  float: left;
}
.m-search .search-header .hot .key a {
  margin: 0 15px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #626C77;
  line-height: 20px;
}
.m-search .search-body {
  background-color: #fff;
}
.m-search .search-body .fl {
  width: 950px;
}
.m-search .search-body .fr {
  width: 250px;
}
.m-search .search-body .search-list .tab {
  border-bottom: solid 1px #DBE0E8;
}
.m-search .search-body .search-list .tab .one {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #00102F;
  line-height: 60px;
  position: relative;
  margin-right: 50px;
}
.m-search .search-body .search-list .tab .one::after {
  display: block;
  content: ' ';
  position: absolute;
  left: 50%;
  margin-left: -15px;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 2px;
  background: transparent;
}
.m-search .search-body .search-list .tab .one.active {
  color: #82BF34;
}
.m-search .search-body .search-list .tab .one.active::after {
  background: #82BF34;
}
.m-search .search-body .search-list .list-none {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 200px;
}
.m-search .search-body .search-list .list-none .img {
  display: inline-block;
  vertical-align: top;
}
.m-search .search-body .search-list .list-none .img img {
  height: 200px;
}
.m-search .search-body .search-list .list-none .none-body {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin-top: 30px;
  margin-left: 50px;
}
.m-search .search-body .search-list .list-none .none-body .title {
  font-size: 36px;
  font-weight: 600;
  color: #717E8D;
  line-height: 50px;
}
.m-search .search-body .search-list .list-none .none-body .info {
  margin-top: 15px;
  font-size: 18px;
  font-weight: 300;
  color: #626C77;
  line-height: 25px;
}
.m-search .search-body .search-list .list-none .none-body .body-btn {
  margin-top: 30px;
  display: inline-block;
  width: 144px;
  height: 44px;
  border-radius: 4px;
  border: 2px solid #82BF34;
  text-align: center;
  font-size: 16px;
  color: #82BF34;
  line-height: 42px;
}
.m-search .search-body .search-list .list-list .one {
  margin: 25px 0;
  margin-right: 50px;
  padding-bottom: 25px;
  border-bottom: dashed 1px #eee;
}
.m-search .search-body .search-list .list-list .one .title a {
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 25px;
}
.m-search .search-body .search-list .list-list .one .info {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 300;
  color: #626C77;
  line-height: 22px;
}
.m-search .search-body .search-list .list-list .one .type {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #626C77;
  line-height: 20px;
}
.m-search .search-body .search-list .list-list .one .type a {
  color: #00102F;
  line-height: 20px;
}
.m-search .search-body .list-type {
  width: 250px;
}
.m-search .search-body .list-type .type {
  margin: 30px 0;
}
.m-search .search-body .list-type .type .title {
  font-size: 20px;
  font-weight: 500;
  color: #00102F;
  line-height: 28px;
}
.m-search .search-body .list-type .type .one {
  margin-top: 15px;
}
.m-search .search-body .list-type .type .one.active a {
  color: #82BF34;
}
.m-search .search-body .list-type .type .one a {
  font-size: 14px;
  font-weight: 400;
  color: #626C77;
  line-height: 20px;
}
.m-hemodialysis-platform .platform-i {
  background-color: #fff;
  padding: 50px 0;
}
.m-hemodialysis-platform .platform-i .info {
  margin-top: 50px;
  font-size: 24px;
  font-weight: 300;
  color: #777777;
  line-height: 37px;
}
.m-hemodialysis-platform .platform-i .list {
  margin-top: 50px;
  display: flex;
  justify-content: space-around;
}
.m-hemodialysis-platform .platform-i .list .one {
  text-align: center;
}
.m-hemodialysis-platform .platform-i .list .one img {
  height: 90px;
}
.m-hemodialysis-platform .platform-i .list .one p {
  margin-top: 15px;
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
}
.m-hemodialysis-platform .platform-i .img {
  text-align: center;
}
.m-hemodialysis-platform .platform-i .img img {
  width: 100%;
  height: auto;
}
.m-hemodialysis-platform .platform-pro {
  background-color: #fff;
  background: url(../img/hemodialysis-platform-10.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  padding: 50px 0;
}
.m-hemodialysis-platform .platform-pro .list {
  margin-top: 50px;
  display: flex;
  justify-content: center;
}
.m-hemodialysis-platform .platform-pro .list .one {
  text-align: center;
  margin: 0 15px;
  padding: 0 30px;
  width: 380px;
  height: 301px;
  background: #FFFFFF;
  border-radius: 18px;
}
.m-hemodialysis-platform .platform-pro .list .one img {
  margin-top: 30px;
  height: 68px;
}
.m-hemodialysis-platform .platform-pro .list .one .title {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
}
.m-hemodialysis-platform .platform-pro .list .one p {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 300;
  color: #333333;
  line-height: 20px;
}
.m-hemodialysis-platform .platform-g {
  padding-top: 50px;
}
.m-hemodialysis-platform .platform-g .m-h3 {
  padding-bottom: 50px;
}
.m-hemodialysis-platform .platform-g .line .line-one {
  height: 520px;
  background-color: #fff;
}
.m-hemodialysis-platform .platform-g .line .line-one .one-count {
  display: flex;
  padding: 20px 0;
  justify-content: space-between;
}
.m-hemodialysis-platform .platform-g .line .line-one .one-count .one-body {
  padding-top: 100px;
}
.m-hemodialysis-platform .platform-g .line .line-one .one-count .one-body .title {
  width: 588px;
  font-size: 36px;
  font-weight: 600;
  color: #00102F;
  line-height: 46px;
}
.m-hemodialysis-platform .platform-g .line .line-one .one-count .one-body .info {
  margin-top: 20px;
  font-size: 24px;
  font-weight: 300;
  color: #00102F;
  line-height: 30px;
}
.m-hemodialysis-platform .platform-g .line .line-one .one-count .one-body .mor {
  margin-top: 60px;
}
.m-hemodialysis-platform .platform-g .line .line-one .one-count .one-body .mor a {
  font-size: 14px;
  font-weight: 300;
  color: #666666;
  line-height: 20px;
}
.m-hemodialysis-platform .platform-g .line .line-one .one-count .one-body .mor a:hover {
  color: #82BF34;
}
.m-hemodialysis-platform .platform-g .line .line-one .one-count .one-body .mor img {
  height: 14px;
  vertical-align: top;
  margin-top: 3px;
  margin-left: 15px;
}
.m-hemodialysis-platform .platform-g .line .line-one .one-count .one-img img {
  height: 460px;
}
.m-about-tell {
  padding: 50px 0;
}
.m-about-tell .tell {
  background-color: #fff;
  background: url(../img/about-12.png) no-repeat;
  background-position: center;
  background-size: cover;
  padding-bottom: 50px;
}
.m-about-tell .tell .tell-body {
  margin-top: 50px;
}
.m-about-tell .tell .tell-body .tab {
  overflow: hidden;
  display: flex;
}
.m-about-tell .tell .tell-body .tab .one {
  flex: 1;
  float: left;
  position: relative;
  width: 45%;
  height: 40px;
  background: #D8D8D8;
  font-size: 24px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 40px;
  border: solid 2px #D8D8D8;
  text-align: center;
}
.m-about-tell .tell .tell-body .tab .one .radio {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: transparent;
  border: none;
  outline: none;
  opacity: 0;
}
.m-about-tell .tell .tell-body .tab .one.active {
  color: #82BF34;
  background-color: #fff;
  border: solid 2px #82BF34;
}
.m-about-tell .tell .tell-body .info {
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 500;
  color: #666666;
  line-height: 25px;
}
.m-about-tell .tell .tell-body .line {
  margin-bottom: 15px;
}
.m-about-tell .tell .tell-body .line .one {
  float: left;
  width: 30%;
  position: relative;
  margin-right: 30px;
}
.m-about-tell .tell .tell-body .line .one:last-child {
  margin-right: 0;
}
.m-about-tell .tell .tell-body .line .one.one-row {
  width: 100%;
  margin-right: 30px;
}
.m-about-tell .tell .tell-body .line .one .title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #9C9C9C;
  line-height: 20px;
}
.m-about-tell .tell .tell-body .line .one .title span {
  color: red;
}
.m-about-tell .tell .tell-body .line .one .input {
  display: flex;
}
.m-about-tell .tell .tell-body .line .one .input input {
  width: 300px;
  height: 38px;
  line-height: 36px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  padding: 0 15px;
}
.m-about-tell .tell .tell-body .line .one .input textarea {
  width: 100%;
  border: 1px solid #CCCCCC;
  padding: 15px;
}
.m-about-tell .tell .tell-body .line .one .input .code {
  width: 100px;
}
.m-about-tell .tell .tell-body .line .one .input img {
  height: 40px;
}
.m-about-tell .tell .tell-body .line .one .btn {
  display: inline-block;
  width: 186px;
  height: 44px;
  background: #82BF34;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  cursor: pointer;
}
.m-about-tell .tell-address {
  padding: 50px 0;
}
.m-about-tell .tell-address .list {
  overflow: hidden;
  margin-top: 30px;
}
.m-about-tell .tell-address .list .one {
  float: left;
  width: 33%;
}
.m-about-tell .tell-address .list .one .title {
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: 400;
  color: #00102F;
  line-height: 33px;
}
.m-about-tell .tell-address .list .one .line {
  overflow: hidden;
}
.m-about-tell .tell-address .list .one .line .type {
  float: left;
  width: 55px;
  font-size: 18px;
  font-weight: 400;
  color: #8D8D8D;
  line-height: 36px;
}
.m-about-tell .tell-address .list .one .line .info {
  float: left;
  width: 250px;
  font-size: 18px;
  font-weight: 400;
  color: #8D8D8D;
  line-height: 36px;
}
.m-system-scheme .system-tab {
  position: sticky;
  background-color: #f9f7f7;
  z-index: 10;
  top: 0;
}
.m-system-scheme .system-tab .title {
  font-size: 36px;
  font-weight: 400;
  color: #626C77;
  line-height: 90px;
}
.m-system-scheme .system-tab .tab {
  overflow: hidden;
}
.m-system-scheme .system-tab .tab .one {
  text-decoration: none;
  display: block;
  cursor: pointer;
  float: left;
  position: relative;
  line-height: 90px;
  margin: 0 30px;
  text-align: center;
}
.m-system-scheme .system-tab .tab .one.active span {
  font-size: 18px;
  font-weight: 600;
  color: #82BF34;
  line-height: 25px;
}
.m-system-scheme .system-tab .tab .one.active::after {
  background-color: #82BF34;
}
.m-system-scheme .system-tab .tab .one::after {
  content: ' ';
  position: absolute;
  left: 50%;
  right: 0;
  bottom: 0;
  display: block;
  text-align: center;
  width: 30px;
  margin-left: -15px;
  height: 4px;
  background-color: transparent;
}
.m-system-scheme .system-tab .tab .one span {
  font-size: 18px;
  font-weight: 400;
  color: #626C77;
  line-height: 25px;
}
.m-system-scheme .system-bg {
  background-color: #fff;
  padding: 50px 0;
}
.m-system-scheme .system-bg .bg-body {
  margin-top: 50px;
}
.m-system-scheme .system-bg .bg-body .info {
  width: 784px;
  font-size: 24px;
  color: #777777;
  line-height: 33px;
}
.m-system-scheme .system-bg .bg-body .fr img {
  width: 400px;
  height: 250px;
}
.m-system-scheme .system-pro {
  background: url(../img/index-platform-bg.png) no-repeat;
  padding: 50px 0;
  background-position: center;
  background-size: cover;
}
.m-system-scheme .system-pro .info {
  margin-top: 50px;
  font-size: 24px;
  color: #777777;
  line-height: 33px;
}
.m-system-scheme .system-pro .pro-ai {
  position: relative;
  padding-top: 100px;
  margin-top: 50px;
}
.m-system-scheme .system-pro .pro-ai .img {
  text-align: center;
}
.m-system-scheme .system-pro .pro-ai .img img {
  width: 790px;
  height: 400px;
}
.m-system-scheme .system-pro .pro-ai .list {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.m-system-scheme .system-pro .pro-ai .list .one {
  position: absolute;
  left: 0;
  top: 0;
  width: 120px;
}
.m-system-scheme .system-pro .pro-ai .list .one.one1 {
  left: 740px;
  top: 0;
}
.m-system-scheme .system-pro .pro-ai .list .one.one2 {
  left: 170px;
  top: 300px;
}
.m-system-scheme .system-pro .pro-ai .list .one.one3 {
  left: 996px;
  top: 300px;
  width: 240px;
}
.m-system-scheme .system-pro .pro-ai .list .one .title {
  font-size: 24px;
  font-weight: 600;
  color: #2B366D;
  line-height: 33px;
}
.m-system-scheme .system-pro .pro-ai .list .one .one-in {
  margin-top: 20px;
}
.m-system-scheme .system-pro .pro-ai .list .one .one-in .line {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  padding-left: 20px;
  font-size: 18px;
  font-weight: 300;
  color: #2B366D;
  line-height: 32px;
}
.m-system-scheme .system-pro .pro-ai .list .one .one-in .line::after {
  position: absolute;
  left: 0;
  top: 50%;
  content: ' ';
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #4985FD;
}
.m-system-scheme .system-pro .pro-ys {
  width: 1200px;
  margin: 0 auto;
  margin-top: 100px;
  background: #FFFFFF;
  box-shadow: 0px 2px 10px 0px rgba(205, 208, 221, 0.5);
  border-radius: 4px;
  padding-bottom: 30px;
}
.m-system-scheme .system-pro .pro-ys .title {
  padding-top: 30px;
  padding-left: 30px;
  font-size: 18px;
  font-weight: 400;
  color: #00102F;
  line-height: 25px;
}
.m-system-scheme .system-pro .pro-ys .list {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  padding: 0 20px;
}
.m-system-scheme .system-pro .pro-ys .list .one {
  vertical-align: top;
  width: 550px;
  padding: 20px;
  background: #eef1fc;
  margin: 15px;
}
.m-system-scheme .system-pro .pro-ys .list .one .one-title {
  font-size: 14px;
  color: #00102F;
  line-height: 24px;
}
.m-system-scheme .system-pro .pro-ys .list .one .one-title img {
  width: 24px;
  height: 24px;
  vertical-align: top;
  margin-right: 5px;
}
.m-system-scheme .system-pro .pro-ys .list .one .one-info {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 300;
  color: #626C77;
  line-height: 20px;
}
.m-system-scheme .system-value {
  padding: 50px 0;
  background-color: #22283d;
}
.m-system-scheme .system-value .m-h3 {
  color: #fff;
}
.m-system-scheme .system-value .list {
  margin-top: 40px;
  text-align: center;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap;
}
.m-system-scheme .system-value .list .one {
  vertical-align: top;
  margin: 15px;
  width: 580px;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px 0px rgba(205, 208, 221, 0.5);
  border-radius: 4px;
  text-align: center;
  padding: 40px;
}
.m-system-scheme .system-value .list .one img {
  height: 60px;
}
.m-system-scheme .system-value .list .one .title {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 400;
  color: #00102F;
  line-height: 25px;
}
.m-system-scheme .system-value .list .one .info {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 300;
  color: #626C77;
  line-height: 20px;
}
.m-system-scheme .vein-industry {
  padding: 50px 0;
  padding-bottom: 80px;
  background-color: #f5f5f5;
}
.m-system-scheme .vein-industry .industry .swp {
  margin: 0 auto;
  margin-top: 50px;
  width: 1200px;
  position: relative;
}
.m-system-scheme .vein-industry .industry .swp .swiper-container {
  height: 510px;
  overflow: hidden;
}
.m-system-scheme .vein-industry .industry .swp .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
}
.m-system-scheme .vein-industry .industry .swp .swiper-slide.swiper-slide-active .one .bg {
  background: linear-gradient(180deg, rgba(0, 77, 144, 0) 0%, #002657 100%);
  opacity: 1;
}
.m-system-scheme .vein-industry .industry .swp .swiper-button-next-1 {
  width: 70px;
  height: 70px;
  right: -30px;
  margin-top: -40px;
  background-image: url(../img/finger_vein-22.png);
  background-size: 100% 100%;
}
.m-system-scheme .vein-industry .industry .swp .swiper-button-prev-1 {
  width: 70px;
  height: 70px;
  left: -30px;
  margin-top: -40px;
  background-image: url(../img/finger_vein-21.png);
  background-size: 100% 100%;
}
.m-system-scheme .vein-industry .industry .swp .one {
  position: relative;
}
.m-system-scheme .vein-industry .industry .swp .one .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 77, 144, 0) 0%, #002657 100%);
  opacity: 0.3;
}
.m-system-scheme .vein-industry .industry .swp .one a img {
  width: 100%;
  height: 510px;
  object-fit: cover;
}
.m-system-scheme .vein-industry .industry .swp .one a span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding-top: 400px;
  display: block;
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 33px;
}
.m-system-scheme .system-goods {
  padding: 50px 0;
}
.m-system-scheme .system-goods .list {
  margin-top: 50px;
  text-align: center;
}
.m-system-scheme .system-goods .list .one {
  display: inline-block;
  vertical-align: top;
  width: 400px;
  height: 400px;
}
.m-system-scheme .system-goods .list .one a img {
  width: 250px;
  height: 325px;
  object-fit: contain;
}
.m-system-scheme .system-goods .list .one a span {
  margin-top: 10px;
  display: block;
  font-size: 28px;
  font-weight: 400;
  color: #00102F;
  line-height: 30px;
}
.m-nesws-list-header {
  position: relative;
  height: 500px;
  background: url(../img/banner01.jpg) no-repeat;
  background-position: center;
  background-size: cover;
}
.m-nesws-list-header .ov {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.m-nesws-list-header .business-header {
  position: relative;
  z-index: 1;
}
.m-nesws-list-header .business-header .h3 {
  padding-top: 220px;
  text-align: center;
  font-size: 50px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 70px;
}
.m-nesws-list-header .business-header .info {
  margin-top: 20px;
  font-size: 26px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 25px;
  text-align: center;
}
.m-news-list {
  background-color: #f5f5f5;
}
.m-news-list .cooperation {
  position: relative;
}
.m-news-list .m-news-swiper {
  margin: 0 auto;
  padding-bottom: 70px;
  width: 1200px;
}
.m-news-list .m-news-swiper .swiper-button-next-1 {
  margin-right: -70px;
}
.m-news-list .m-news-swiper .swiper-button-prev-1 {
  margin-left: -70px;
}
.m-news-list .m-news-swiper .cooperation {
  margin-top: 70px;
  width: 1200px;
}
.m-news-list .m-news-swiper .cooperation .swiper-slide {
  width: 1200px;
}
.m-news-list .m-news-swiper .cooperation .swiper-pagination-1 {
  text-align: right;
}
.m-news-list .m-news-swiper .cooperation .swiper-pagination-1 .swiper-pagination-current {
  font-size: 24px;
  color: #82BF34;
}
.m-news-list .m-news-swiper .cooperation:hover .swiper-button-prev-1 {
  display: block;
  opacity: 0.8;
  width: 40px;
  height: 40px;
  background: url(../img/news-left.png);
}
.m-news-list .m-news-swiper .cooperation:hover .swiper-button-next-1 {
  display: block;
  opacity: 0.8;
  width: 40px;
  height: 40px;
  background: url(../img/news-right.png);
}
.m-news-list .m-news-swiper .cooperation .swiper-button-prev-1 {
  display: block;
  opacity: 1;
  width: 40px;
  height: 40px;
  background: url(../img/news-left.png);
}
.m-news-list .m-news-swiper .cooperation .swiper-button-next-1 {
  display: block;
  opacity: 1;
  width: 40px;
  height: 40px;
  background: url(../img/news-right.png);
}
.m-news-list .m-news-swiper .cooperation .one .img {
  width: 50%;
}
.m-news-list .m-news-swiper .cooperation .one .img a img {
  width: 100%;
  height: 338px;
}
.m-news-list .m-news-swiper .cooperation .one .body {
  padding: 62px 61px ;
  width: 50%;
  height: 338px;
  position: relative;
  background: url(../img/news.png) center center no-repeat;
  color: #fff;
}
.m-news-list .m-news-swiper .cooperation .one .body a.al {
  position: absolute;
  bottom: 61px;
  left: 62px;
  color: #fff;
}
.m-news-list .m-news-swiper .cooperation .one .body .title {
  position: relative;
  font-size: 24px;
  font-weight: 300;
  color: #fff;
  line-height: 140%;
}
.m-news-list .m-news-swiper .cooperation .one .body .info {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  line-height: 24px;
}
.m-news-list2 {
  background-color: #fff;
  padding-top: 30px;
}
.m-news-list2 .m-tab {
  margin: 0px auto 0px auto;
  width: 1200px;
  padding: 25px 0px ;
}
.m-news-list2 .m-tab .tab {
  border-bottom: 1px solid #DBE0E8;
  padding: 0px;
  display: flex;
}
.m-news-list2 .m-tab .tab > div {
  padding-bottom: 20px;
  margin-right: 60px;
  font-size: 18px;
  color: #00102F;
  cursor: pointer;
}
.m-news-list2 .m-tab .tab .current {
  background: url(../img/new_r18_c4.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  color: #82BF34;
}
.m-news-list2 .m-tab .m-list {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0px;
}
.m-news-list2 .m-tab .m-list .list {
  width: 387px;
  height: 368px;
  background-color: #fff;
  box-shadow: 0px 0px 6px #CDD0DD;
  border-radius: 4px;
  margin-right: 18px;
  display: inline-block;
  margin-bottom: 20px;
  position: relative;
}
.m-news-list2 .m-tab .m-list .list .line {
  position: absolute;
  left: 0px;
  top: 20px;
  width: 3px;
  height: 18px;
  background-color: #82BF34;
}
.m-news-list2 .m-tab .m-list .list .c {
  width: 327px;
  height: 324px;
  margin: 15px auto 30px auto;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.m-news-list2 .m-tab .m-list .list .c img {
  width: 327px;
  height: 218px;
}
.m-news-list2 .m-tab .m-list .list .c .title {
  height: 56px;
  line-height: 28px;
  font-size: 18px;
  color: #00102F;
}
.m-news-list2 .m-tab .m-list .list .c .time {
  font-size: 14px;
  color: #00102F;
}
.m-news-list2 .m-tab .m-list .list:nth-child(3n) {
  margin-right: 0px;
}
.m-news-list2 .m-tab .m-list .list:hover {
  box-shadow: 0px 0px 14px #42566f;
}
.page-box {
  margin: 0 auto;
  text-align: center;
  padding-bottom: 20px;
}
.page-box .layui-laypage a,
.page-box .layui-laypage button,
.page-box .layui-laypage input,
.page-box .layui-laypage select,
.page-box .layui-laypage span {
  border: none;
}
.page-box .layui-laypage a:hover,
.page-box .layui-laypage .layui-laypage-curr em,
.page-box .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: transparent;
  color: #82BF34;
}
.page-box .layui-laypage a,
.page-box .layui-laypage span {
  font-size: 16px;
}
.m-news-content {
  background-color: #f5f5f5;
}
.m-news-content .news-breadcrumb {
  padding: 15px 0;
}
.m-news-content .news-breadcrumb a {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  color: #626C77;
  line-height: 17px;
  position: relative;
  padding-right: 15px;
}
.m-news-content .news-breadcrumb a:last-child::after {
  background: none;
}
.m-news-content .news-breadcrumb a::after {
  display: block;
  content: " ";
  position: absolute;
  right: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-top: -6px;
  background: url(../img/news-b01.png) no-repeat;
  background-size: 100% 100%;
}
.m-news-content .news-breadcrumb a.active {
  font-size: 14px;
  font-weight: 400;
  color: #82BF34;
  line-height: 17px;
}
.m-news-content .m-box {
  margin: 50px auto;
  margin-top: 0;
  width: 1200px;
  display: flex;
  justify-content: space-between;
}
.m-news-content .m-box .conent {
  background-color: #fff;
  width: 880px;
}
.m-news-content .m-box .conent .m-main {
  width: 100%;
  padding: 33px 33px 0px 33px;
}
.m-news-content .m-box .conent .m-main .title {
  font-size: 32px;
  color: #00102F;
  line-height: 45px;
  margin-bottom: 10px;
  width: 100%;
  width: 814px;
}
.m-news-content .m-box .conent .m-main .classly {
  font-size: 14px;
  color: #626C77;
  line-height: 200%;
}
.m-news-content .m-box .conent .m-main .time {
  font-size: 14px;
  color: #626C77;
  border-bottom: 1px dashed #CCCCCC;
  margin-bottom: 20px;
  line-height: 200%;
  padding-bottom: 5px;
}
.m-news-content .m-box .conent .m-main .mainbox {
  font-size: 14px;
  color: #626C77;
  line-height: 32px;
}
.m-news-content .m-box .conent .m-main .mainbox img {
  width: 100%;
  height: auto;
}
.m-news-content .m-box .conent .bottom {
  width: 100%;
  padding: 12px 33px 12px 33px;
  border-top: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
  display: flex;
}
.m-news-content .m-box .conent .bottom > div {
  background: url(../img/newscontent_r4_c2.png) left center no-repeat;
  height: 20px;
  line-height: 20px;
  padding-left: 25px;
  font-size: 14px;
  margin-right: 10px;
  color: #666666;
}
.m-news-content .m-box .conent .sub {
  width: 100%;
  padding: 17px 33px 17px 33px;
  background: #F6F9FA;
}
.m-news-content .m-box .conent .sub .li {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 30px;
  color: #00102F;
}
.m-news-content .m-box .conent .sub .li span {
  color: #AEB6C8;
}
.m-news-content .m-box .conent .sub .li a {
  color: #626C77;
}
.m-news-content .m-box .conent .sub .li a.back {
  display: block;
  background: url(../img/33r10_c10.png) left center no-repeat;
  height: 16px;
  line-height: 16px;
  padding-left: 25px;
}
.m-news-content .m-box .nav {
  width: 300px;
}
.m-news-content .m-box .nav .r-box-news-main0 {
  padding: 42px 47px 30px 47px;
  width: 300px;
  background-color: #fff;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.m-news-content .m-box .nav .r-box-news-main0 .title {
  text-align: center;
  font-size: 18px;
  color: #00102F;
  padding: 6px 0px 4px 0px;
}
.m-news-content .m-box .nav .r-box-news-main0 .stitle {
  text-align: center;
  font-size: 12px;
  color: #666666;
  padding: 3px 0px 4px 0px;
}
.m-news-content .m-box .nav .r-box-news-main0 .news-message {
  margin: 15px auto 20px auto;
  width: 185px;
  display: flex;
  justify-content: space-between;
}
.m-news-content .m-box .nav .r-box-list-main {
  background-color: #fff;
  padding-bottom: 10px;
}
.m-news-content .m-box .nav .r-box-list-main .title {
  border-bottom: 1px solid #EDEDED;
  padding: 20px 20px 10px 20px;
  display: flex;
  justify-content: space-between;
}
.m-news-content .m-box .nav .r-box-list-main .title h3 {
  font-size: 16px;
  color: #00102F;
}
.m-news-content .m-box .nav .r-box-list-main .title span {
  display: inline-block;
  background: url(../img/newcont_r4_c16.png) left center no-repeat;
  height: 14px;
  line-height: 14px;
  font-size: 12px;
  color: #666666;
  padding-left: 20px;
  cursor: pointer;
  margin-top: 2px;
}
.m-news-content .m-box .nav .r-box-list-main .m-news-conent-r-box {
  padding: 0px 20px;
  width: 260px;
}
.m-news-content .m-box .nav .r-box-list-main .m-news-conent-r-box img {
  width: 90px;
  height: 50px;
}
.m-news-content .m-box .nav .r-box-list-main .m-news-conent-r-box .k {
  padding: 10px 0px;
  border-bottom: 1px solid #EDEDED;
}
.m-news-content .m-box .nav .r-box-list-main .m-news-conent-r-box .k a {
  display: block;
  width: 260px;
}
.m-news-content .m-box .nav .r-box-list-main .m-news-conent-r-box .k a .list {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.m-news-content .m-box .nav .r-box-list-main .m-news-conent-r-box .k a .list .r {
  width: 150px;
  padding: 6px 0px;
}
.m-news-content .m-box .nav .r-box-list-main .m-news-conent-r-box .k a .list .r .t {
  font-size: 14px;
  color: #00102F;
}
.m-news-content .m-box .nav .r-box-list-main .m-news-conent-r-box .k a .list .r .time {
  font-size: 12px;
  color: #666666;
}
.m-download h3 {
  font-size: 24px;
}
.m-download .m-main-box {
  padding-top: 60px;
  display: flex;
  justify-content: space-between;
}
.m-download .m-main-box .meun_left {
  width: 265px;
}
.m-download .m-main-box .meun_left .list_meun .titles {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  color: #00102F;
  padding: 15px 0px;
  font-weight: 500;
  border-bottom: 1px solid #00102F;
  margin-bottom: 15px;
}
.m-download .m-main-box .meun_left .list_meun .titles .toggel {
  padding-right: 10px;
  cursor: pointer;
}
.m-download .m-main-box .meun_left .list_meun .titles .toggel img {
  width: 15px;
  height: 10px;
}
.m-download .m-main-box .meun_left .list_meun .list > div {
  padding: 20px 30px;
  border-bottom: 1px solid #DBE0E8;
  font-size: 14px;
  color: #626C77;
}
.m-download .m-main-box .meun_left .list_meun .list > div a {
  color: #626C77;
}
.m-download .m-main-box .meun_left .list_meun .list .current {
  color: #00102F;
  font-weight: 600;
}
.m-download .m-main-box .meun_left .list_meun .list .current a {
  color: #00102F;
}
.m-download .m-main-box .m-main-box-r {
  width: 895px;
}
.m-download .m-main-box .m-main-box-r .title2 {
  color: #333333;
  font-size: 30px;
  margin-bottom: 35px;
  line-height: 45px;
  width: 100%;
}
.m-download .m-main-box .m-main-box-r .sub-title {
  font-size: 18px;
  color: #4A72E5;
  font-weight: 400;
  border-bottom: 1px solid #4A72E5;
  padding: 5px 0px;
  margin-bottom: 20px;
}
.m-download .m-main-box .m-main-box-r .list1 {
  background-color: #fff;
  border: 1px solid #CCCCCC;
  padding: 24px 25px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  box-shadow: 0 0 10px #ccc;
}
.m-download .m-main-box .m-main-box-r .list1 img.icon {
  width: 32px;
  height: 33px;
  margin-top: 7px;
}
.m-download .m-main-box .m-main-box-r .list1 .text {
  width: 654px;
  font-size: 24px;
  color: #666666;
  text-align: left;
}
.m-download .m-main-box .m-main-box-r .list1 a.downloag-a {
  font-size: 24px;
  color: #82BF34;
}
.m-download .m-main-box .m-main-box-r .list2 .list-main {
  line-height: 24px;
  border-bottom: 1px solid #DBE0E8;
  padding: 10px 0px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #626C77;
  align-items: center;
  margin-bottom: 10px;
}
.m-download .m-main-box .m-main-box-r .list2 .list-main .name {
  width: 450px;
}
.m-download .m-main-box .m-main-box-r .list2 .list-main .name span {
  margin-right: 15px;
}
.m-download .m-main-box .m-main-box-r .list2 .list-main .time {
  width: 100px;
}
.m-download .m-main-box .m-main-box-r .list2 .list-main .classly {
  width: 145px;
}
.m-download .m-main-box .m-main-box-r .list2 .list-main a.download-a {
  font-size: 14px;
  color: #82BF34;
  padding: 5px 20px;
  border: 1.5px solid #82BF34;
  line-height: 23px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.swiper-slide .m-index-body .m-platform .index-chy-h {
  width: 1300px;
}
.swiper-slide .m-index-body .m-platform .index-chy-h h2.h2 {
  text-align: left;
}
.swiper-slide .m-index-body .m-empowering .index-chy-h {
  width: 1300px;
}
.swiper-slide .m-index-body .m-empowering .index-chy-h .h3 {
  text-align: left;
}
.swiper-slide .m-index-body .m-business .index-chy-h {
  width: 1300px;
}
.swiper-slide .m-index-body .m-business .index-chy-h .h2 {
  text-align: left;
}
.swiper-slide .m-index-body .m-news .index-chy-h {
  width: 1300px;
}
.swiper-slide .m-index-body .m-news .index-chy-h .h3 {
  text-align: left;
}
.index-chy-h {
  margin: 0 auto ;
  width: 1300px;
}
.m-tell-top {
  display: none;
  position: fixed;
  z-index: 100;
  bottom: 50px;
  right: 10px;
}
.m-tell-top .top {
  width: 46px;
}
.m-tell-top .top .top-tell {
  box-shadow: 0px 2px 10px 0px rgba(205, 208, 221, 0.5);
  background-color: #fff;
  border-radius: 6px;
  text-align: center;
  padding-bottom: 5px;
  overflow: hidden;
}
.m-tell-top .top .top-tell:hover .mobile-body {
  display: block;
}
.m-tell-top .top .top-tell .tell-icon {
  cursor: pointer;
  height: 46px;
  text-align: center;
  background-color: #82BF34;
  margin-bottom: 10px;
}
.m-tell-top .top .top-tell .tell-icon img {
  width: 24px;
  height: 24px;
  vertical-align: top;
  margin-top: 10px;
}
.m-tell-top .top .top-tell .tell-txt {
  cursor: pointer;
  font-size: 18px;
  writing-mode: vertical-rl;
  color: #00102F;
  line-height: 24px;
  letter-spacing: 3px;
}
.m-tell-top .top .top-top {
  display: block;
  box-shadow: 0px 2px 10px 0px rgba(205, 208, 221, 0.5);
  height: 46px;
  background-color: #fff;
  border-radius: 6px;
  margin-top: 10px;
  text-align: center;
}
.m-tell-top .top .top-top img {
  width: 24px;
  height: 24px;
  margin-top: 10px;
}
.m-tell-top .mobile-body {
  display: none;
  position: absolute;
  right: 46px;
  top: 0;
  text-align: left;
}
.m-tell-top .mobile {
  margin-right: 5px;
  box-shadow: 0px 2px 10px 0px rgba(205, 208, 221, 0.5);
  bottom: 50px;
  right: 56px;
  width: 280px;
  padding: 10px 20px;
  border-radius: 6px;
  background-color: #fff;
}
.m-tell-top .mobile .line {
  overflow: hidden;
  margin: 8px 0;
}
.m-tell-top .mobile .line > img {
  float: left;
  width: 25px;
  vertical-align: top;
  margin-top: 5px;
}
.m-tell-top .mobile .line .line-body {
  float: left;
  width: 190px;
  margin-left: 10px;
}
.m-tell-top .mobile .line .line-body .title {
  font-size: 16px;
  font-weight: 400;
  color: #00102F;
  line-height: 22px;
}
.m-tell-top .mobile .line .line-body .info a {
  font-size: 14px;
  color: #626C77;
  line-height: 20px;
}
.m-tell-top .mobile .line .line-body .info a.bl {
  color: #82BF34;
}