* {
  margin: 0;
  padding: 0;
}

/* @font-face {
  font-family: 'OPPOSans-M';
  src: url(../fonts/OPPOSans-M-2.ttf);
} */

@font-face {
  font-family: 'Gilroy';
  src: url(../fonts/gilroy-regular-3.otf);
}

@font-face {
  font-family: 'Gilroy-Bold';
  src: url(../fonts/gilroy-regular-3.otf);
}

/* @font-face {
  font-family: 'OPPOSans-R';
  src: url(../fonts/OPPOSans-R-2.ttf);
}

@font-face {
  font-family: 'OPPOSans-B';
  src: url(../fonts/OPPOSans-B-2.ttf);
}

@font-face {
  font-family: 'OPPOSans-H';
  src: url(../fonts/OPPOSans-H-2.ttf);
} */

ul {
  padding-left: 0;
  list-style: none;
  margin-top: 0;
}

.mobile {
  display: none !important;
}

.flex {
  display: flex;
}

.bw {
  justify-content: space-between;
}

.transformY {
  transform: translateY(-20px);
}

.myHeader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  transition: all 0.5s;
  width: 100%;
  /* border-bottom: 1px solid #e6e6e7; */
}

.myHeader:hover {
  background: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.myHeader.active {
  background: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.myHeader .uk-subnav>*> :first-child {
   
  color: #313131;
}

.myHeader .uk-subnav>*> :first-child .uk-navbar-dropdown-nav {
  font-size: 15px;
}

.myHeader .uk-navbar-nav {
  margin: auto;
  gap: 90px;
}

.myHeader .uk-navbar-nav>li>a {
  min-height: 0;
  line-height: 60px;
}

.myHeader .uk-subnav {
  align-items: flex-end;
}

.myHeader .uk-subnav * {
  padding-left: 0;
}

.myHeader .uk-subnav .uk-navbar-dropdown {
  width: 160px;
  border-top: 3px solid #0056cf;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.7);
}

.myHeader .uk-subnav .uk-navbar-dropdown .uk-navbar-dropdown-nav>li>a {
   
  color: #333;
  font-size: 15px;
  padding: 0;
  line-height: 40px;
  justify-content: center;
  transition: all 0.3s;
}

.myHeader .uk-subnav .uk-navbar-dropdown .uk-navbar-dropdown-nav>li>a:hover {
  background-color: #5e94de;
  color: #FFF;
}

.myHeader .logo {
  max-width: 722px;
  width: 80.5%;
  margin: auto;
  padding: 25px 0 20px;
}

.myHeader .logo .imgBox {
  display: block;
  width: 100%;
}

.myHeader .logo .img {
  width: 100%;
  height: auto;
}

.myHeader .otherLogo {
  display: none;
}

.myHeader.other {
  border-bottom: 0;
}

.myHeader.other .uk-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.myHeader.other .uk-container .uk-subnav {
  gap: 78px;
}

.myHeader.other .uk-container .uk-subnav>*> :first-child {
  color: #FFF;
  transition: all 0.3s;
}

.myHeader.other .uk-container .uk-subnav>li>a {
  line-height: 45px;
}

.myHeader.other .uk-container .logo {
  width: 224px;
  padding: 45px 0;
  margin: 0;
  transition: all 0.3s;
}

.myHeader.other .uk-container .logo .imgBox .img {
  display: none;
}

.myHeader.other .uk-container .logo .imgBox .img.otherLogo {
  display: block;
}

.myHeader.other .uk-container .logo .imgBox .img.active {
  display: none;
}

.myHeader.other:hover .uk-container .uk-subnav>*> :first-child {
  color: #303030;
}

.myHeader.other:hover .uk-container .logo .imgBox .img {
  display: none;
}

.myHeader.other:hover .uk-container .logo .imgBox .img.active {
  display: block;
}

.myHeader.other.active .uk-container .uk-subnav>*> :first-child {
  color: #303030;
}

.myHeader.other.active .uk-container .logo {
  padding: 15px 0;
}

.myHeader.other.active .uk-container .logo .imgBox .img {
  display: none;
}

.myHeader.other.active .uk-container .logo .imgBox .img.active {
  display: block;
}

.title {
  font-family: Gilroy;
  font-weight: bold;
  font-size: 70px;
  color: #313131;
}

.title .cn {
   
  font-size: 0.6em;
  color: #313131;
  font-weight: normal;
}

.title.type_2 {
  color: #FFF;
}

.title.type_2 .cn {
  color: #FFF;
}

.title.type_3 {
  color: #1a1a1a;
}

.title.type_3 .cn {
  color: #1a1a1a;
}

.smallNav {
  background-color: #f5f5f5;
  position: sticky;
  top: 100px;
  left: 0;
  z-index: 97;
}

.smallNav .list {
  display: flex;
  width: 100%;
}

.smallNav .list .item {
   
  font-size: 18px;
  line-height: 80px;
  color: #313131;
  width: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
}

.smallNav .list .item.big {
  width: 216px;
}

.smallNav .list .item:hover {
  background-image: url(../images/small_nav_active.png);
  background-size: 100% 100%;
  opacity: 0.6;
  color: #FFF;
}

.smallNav .list .item.active {
  background-image: url(../images/small_nav_active.png);
  background-size: 100% 100%;
  color: #ffffff;
  opacity: 1;
}

.pageChange {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  gap: 12px;
}

.pageChange .item a {
  background: #FFF;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.pageChange .item a svg {
  fill: #313131;
  transition: all 0.3s;
}

.pageChange .item a:hover {
  background-color: #0056cc;
  opacity: 0.8;
  color: #FFF;
}

.pageChange .item a:hover svg {
  fill: #FFF;
}

.pageChange .item a.active {
  background-color: #0056cc;
  color: #FFF;
  opacity: 1;
}

.pageChange .item a.active svg {
  fill: #FFF;
}

.pageChange .item.next {
  transform: rotate(180deg);
}

.pageChange.type_2 .item a {
  background-color: #f5f5f5;
}

.pageChange.type_2 .item a:hover {
  background-color: #0056cc;
  opacity: 0.8;
  color: #FFF;
}

.pageChange.type_2 .item a:hover svg {
  fill: #FFF;
}

.pageChange.type_2 .item a.active {
  background-color: #0056cc;
  color: #FFF;
  opacity: 1;
}

.pageChange.type_2 .item a.active svg {
  fill: #FFF;
}

.crumbsNav {
  margin-top: 55px;
  padding: 30px 0;
  border-bottom: 1px solid #dcdcdc;
  display: flex;
  gap: 8px;
   
  font-size: 14px;
  color: #201f28;
  align-items: center;
}

.crumbsNav a {
  font-size: inherit;
  line-height: 1;
  text-decoration: none;
}

.crumbsNav .list {
  display: flex;
  align-items: center;
  gap: 25px;
}

.crumbsNav .list .item {
  position: relative;
  font-size: inherit;
}

.crumbsNav .list .item:not(:last-child)::after {
  content: '>';
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translate(100%, -50%);
}

.myForm {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.myForm .line {
  display: flex;
  gap: 28px;
  width: 100%;
   
  font-size: 18px;
  color: #959595;
  align-items: center;
}

.myForm .line .ps {
   
  font-size: 18px;
  color: #095ebf;
  flex: 1;
}

.myForm .line .myInput {
  width: calc((100% - 28px) / 2);
}

.myForm .line .myInput.point {
  position: relative;
}

.myForm .line .myInput.point input {
  padding-left: 32px;
}

.myForm .line .myInput.point:before {
  content: '*';
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.myForm .line .mySelect {
  width: calc((100% - 28px) / 2);
  font-size: inherit;
}

.myForm .line .mySelect .layui-form-select dl dd.layui-this {
  color: #105de5;
}

.myForm .line .mySelect input:hover {
  border-color: transparent !important;
}

.myForm .line .mySelect input:focus {
  border-color: #105de5 !important;
}

.myForm .line input {
  aspect-ratio: 415 / 60;
  max-height: 60px;
  width: 100%;
  height: auto;
  background-color: #ffffff;
  border: 0;
  border-radius: 10px;
  outline: none;
  box-sizing: border-box;
  padding-left: 20px;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}

.myForm .line input:focus {
  border-color: #105de5;
  box-shadow: 0 0 10px 2px rgba(16, 93, 229, 0.2);
}

.myForm .line input[type='date'] {
  padding-right: 20px;
}

.myForm .line .myTea {
  aspect-ratio: 860 / 250;
  width: 100%;
  height: auto;
  resize: none;
  border: 1px solid transparent;
  transition: all 0.3s ease;
  outline: none;
  border-radius: 10px;
  padding: 20px;
}

.myForm .line .myTea:focus {
  border-color: #105de5;
  box-shadow: 0 0 10px 2px rgba(16, 93, 229, 0.2);
}

.myForm .line .code {
  width: 32.09%;
}

.myForm .line .code input {
  aspect-ratio: 276 / 60;
}

.myForm .line .img {
  aspect-ratio: 110 / 28;
}

.myForm .line button {
  flex: 1;
  height: 100%;
  border: none;
  height: 60px;
  background-color: #095ebf;
  border-radius: 10px;
   
  font-size: 20px;
  color: #ffffff;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}

.myForm .line button:hover {
  background-color: #ffffff;
  color: #095ebf;
  border-color: #095ebf;
  box-shadow: 0 0 10px 2px rgba(16, 93, 229, 0.2);
  cursor: pointer;
}

#index .banner {
  overflow: hidden;
}

#index .banner .mySwiper_1 {
  position: relative;
}

#index .banner .mySwiper_1 .swiper-pagination_1 {
  position: absolute;
  text-align: center;
  bottom: 60px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 2;
}

#index .banner .mySwiper_1 .swiper-pagination_1 .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  margin: 0 10px;
  background-color: #FFF;
  opacity: 1;
}

#index .banner .mySwiper_1 .swiper-pagination_1 .swiper-pagination-bullet-active {
  background-color: #0056cc;
}

#index .banner .swiper-slide {
  position: relative;
}

#index .banner .swiper-slide .banner_text {
  position: absolute;
  top: 33.25%;
  left: 50%;
  transform: translate(-50%, 0);
  width: 90%;
}

#index .banner .swiper-slide .banner_img {
  width: 100%;
}

#index .banner .swiper-slide .banner_img img {
  width: 100%;
  height: auto;
  min-height: 400px;
  object-fit: cover;
  object-position: right;
}

#index .about {
  aspect-ratio: 192 / 96;
  width: 100%;
  height: auto;
  background-image: url(../images/index_about_bg_02.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
  background-attachment: fixed;
}

#index .about .aboutContent {
  padding: 160px 0;
}

#index .about .aboutContent .text {
  max-width: 820px;
   
  font-size: 20px;
  line-height: 1.5;
  color: #ffffff;
  padding-top: 30px;
}

#index .about .aboutContent .btn {
  width: 166px;
  height: 60px;
   
  font-size: 20px;
  line-height: 1.5;
  color: #ffffff;
  border-radius: 30px;
  margin-top: 70px;
  outline: none;
  border: 0;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
  transition: all 0.3s;
}

#index .about .aboutContent .btn:hover {
  box-shadow: 0 0 10px 2px rgba(16, 93, 229, 0.2);
  opacity: 0.8;
}

#index .about .aboutContent .btn a {
  color: inherit;
  text-decoration: none;
}

#index .advantage {
  background-image: url(../images/index_advantage_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#index .advantage .advantageContent {
  padding: 120px 0;
}

#index .advantage .advantageContent .list {
  display: flex;
  gap: 0 15px;
  flex-wrap: wrap;
}

#index .advantage .advantageContent .list li {
  width: calc((100% - 456px) / 4);
  display: flex;
  margin-top: 68px;
  flex-direction: column;
  gap: 24px;
  cursor: pointer;
}

#index .advantage .advantageContent .list li .iconBox {
  width: 51.28%;
  aspect-ratio: 1 / 1;
  height: auto;
  background-color: #ffffff;
  border-radius: 20px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}

#index .advantage .advantageContent .list li .iconBox .icon {
  max-width: 45%;
  height: auto;
}

#index .advantage .advantageContent .list li .bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #1a1a1a;
  transition: all 0.5s;
   
}

#index .advantage .advantageContent .list li .bottom .sTitle {
  font-size: 28px;
}

#index .advantage .advantageContent .list li .bottom .text {
  font-size: 18px;
  line-height: 1.333;
  text-align: center;
}

#index .advantage .advantageContent .list li:hover .iconBox {
  background-color: #c9dcf8;
}

#index .advantage .advantageContent .list li:hover .bottom {
  color: #0056cc;
}

#index .expert {
  background-color: #f1f5f8;
}

#index .expert .expertContent {
  padding: 150px 0;
}

#index .expert .expertContent .mySwiper_2 {
  margin: 70px;
}

#index .expert .expertContent .mySwiper_2 .swiper_2 {
  overflow: hidden;
  position: relative;
}

#index .expert .expertContent .mySwiper_2 a {
  text-decoration: none;
}

#index .expert .expertContent .mySwiper_2 .swiper-slide .item .imgBox {
  width: 72.36%;
  aspect-ratio: 1 / 1;
  height: auto;
  margin: auto;
}

#index .expert .expertContent .mySwiper_2 .swiper-slide .item .imgBox .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}

#index .expert .expertContent .mySwiper_2 .swiper-slide .item .text {
  text-align: center;
   
}

#index .expert .expertContent .mySwiper_2 .swiper-slide .item .text .call {
  padding: 40px 0 25px;
  font-size: 24px;
  color: #1a1a1a;
}

#index .expert .expertContent .mySwiper_2 .swiper-slide .item .text .describe {
  font-size: 18px;
  line-height: 1.66;
  color: #1a1a1a;
}

.arrows {
    display: flex;
	justify-content: space-between;
	margin-top: 10px;
	position: absolute;
	top: 50%;
	width: 100%;
}

.arrows button {
    background-color: rgba(128, 128, 128, 0.1);
	border: none;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	border-radius: 50%;
	color: #fff;
}
.arrows .prev-arrow{
	position: absolute;
	left: 0px;
	z-index: 99;
}
.arrows .next-arrow{
	position: absolute;
	right: 0px;
	z-index: 99;
}

#index .news {
  padding: 100px 0;
  background: url(../images/index_news_bg_02.jpg) no-repeat;
  background-size: cover;
}

#index .news .newsContent .list {
  margin: 75px 0;
  display: flex;
  gap: 5vw;
  align-items: stretch;
  flex-wrap: wrap;
}

#index .news .newsContent .list .item {
  border-radius: 30px;
  width: calc((100% - 10vw) / 3);
  overflow: hidden;
  background: #FFF;
  height: auto;
  display: flex;
  flex-direction: column;
  transition: all 0.5s;
  color: #1a1a1a;
  cursor: pointer;
  text-decoration: none;
}

#index .news .newsContent .list .item .top {
  aspect-ratio: 420 / 236;
  width: 100%;
  height: auto;
  position: relative;
}

#index .news .newsContent .list .item .top .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#index .news .newsContent .list .item .top .time {
  position: absolute;
  width: 76px;
  height: 68px;
  background-color: #0056cc;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: Gilroy;
  font-weight: bold;
  right: 34px;
  bottom: -20px;
}

#index .news .newsContent .list .item .top .time .year {
  font-size: 20px;
  color: #00ffff;
  line-height: 1;
}

#index .news .newsContent .list .item .top .time .mouth {
  font-size: 24px;
  line-height: 1;
  color: #ffffff;
}

#index .news .newsContent .list .item .bottom {
  padding: 45px 27px 60px;
  position: relative;
  flex: 1;
   
}

#index .news .newsContent .list .item .bottom .sTitle {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
}

#index .news .newsContent .list .item .bottom .text {
  font-size: 16px;
  line-height: 1.375;
}

#index .news .newsContent .list .item .bottom .more {
  position: absolute;
  left: 30px;
  bottom: 34px;
}

#index .news .newsContent .list .item:hover {
  background-color: #0056cc;
  color: #FFF;
}

#about .banner {
  position: relative;
}

#about .banner .bg {
  width: 100%;
  height: auto;
  min-height: 400px;
  object-fit: cover;
  object-position: center;
}

#about .banner .text {
  position: absolute;
  top: 37.08%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-family: Gilroy;
  font-size: 70px;
  color: #ffffff;
}

#about .banner .text .en {
  font-weight: bold;
  position: relative;
  margin-bottom: 3%;
  padding-bottom: 2%;
}

#about .banner .text .en::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  width: 15.15%;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
}

#about .banner .text .cn {
   
  font-size: 0.6em;
  color: #ffffff;
}

#about .aboutContainer {
  display: none;
}

#about .aboutContainer .treat {
  padding: 90px 0;
  background-image: url(../images/about_treat_bg_02.jpg);
  background-size: cover;
  background-position: center center;
}

#about .aboutContainer .treat .treatContent {
  display: flex;
  gap: 60px;
}

#about .aboutContainer .treat .treatContent .sTitle {
  font-family: Gilroy;
  font-size: 60px;
  color: #095ebf;
  flex-shrink: 0;
}

#about .aboutContainer .treat .treatContent .sTitle .en {
  line-height: 1;
}

#about .aboutContainer .treat .treatContent .sTitle .en .big {
  font-weight: bold;
}

#about .aboutContainer .treat .treatContent .sTitle .cn {
   
  font-size: 0.6em;
  line-height: 2.5;
  color: #313131;
}

#about .aboutContainer .treat .treatContent .text {
   
  font-size: 1.555;
  line-height: 28px;
  color: #313131;
}

#about .aboutContainer .honor {
  padding: 150px 0;
  background-image: url(../images/about_honor_bg_02.jpg);
  background-size: cover;
  background-position: right;
}

#about .aboutContainer .honor .honorContent {
  padding-top: 60px;
}

#about .aboutContainer .honor .honorContent .list .item {
   
  font-size: 20px;
  line-height: 2.2;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  gap: 19px;
  cursor: pointer;
  transition: all 0.3s;
}

#about .aboutContainer .honor .honorContent .list .item:hover {
  color: #0056cc;
}

#about .aboutContainer .honor .honorContent .list .item::before {
  content: '';
  width: 16px;
  height: 15px;
  background-image: url(../images/custom-list-img.png);
  background-size: cover;
  background-position: center;
}

#about .aboutContainer .version {
  padding: 100px 0 180px;
  background-image: url(../images/about_versioin_bg_02.jpg);
  background-size: cover;
  background-position: center center;
}

#about .aboutContainer .version .versionContent .list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 80px;
  padding-top: 100px;
  margin-bottom: 0;
}

#about .aboutContainer .version .versionContent .list .item {
  height: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#about .aboutContainer .version .versionContent .list .item .icon {
  width: 220px;
  height: auto;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border: solid 1px #095ebf;
  border-radius: 50%;
}

#about .aboutContainer .version .versionContent .list .item .icon .bg {
  width: 72.73%;
  height: auto;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../images/about_version_icon_bg.png);
  background-size: cover;
  background-position: center;
}

#about .aboutContainer .version .versionContent .list .item .icon .bg .img {
  width: 100%;
  height: 100%;
  max-width: 57.5%;
  max-height: 62.5%;
  object-fit: contain;
  object-position: center;
}

#about .aboutContainer .version .versionContent .list .item .bottom {
  text-align: center;
}

#about .aboutContainer .version .versionContent .list .item .stitle {
  padding-top: 26px;
  line-height: 1;
   
  font-weight: bold;
  font-size: 36px;
  color: #095ebf;
}

#about .aboutContainer .version .versionContent .list .item .describe {
   
  font-size: 30px;
  line-height: 1.5333;
  color: #095ebf;
}

#about .aboutContainer .version .versionContent .list .item .text {
   
  font-size: 18px;
  line-height: 1.444;
  color: #1a1a1a;
}

#about .aboutContainer .cultrue {
  padding: 100px 0 200px;
}

#about .aboutContainer .cultrue .cultureContent .list {
  padding-top: 150px;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

#about .aboutContainer .cultrue .cultureContent .list .item {
  width: 400px;
  background: #f1f9ff;
  border-radius: 30px;
  padding: 73px 43px;
  box-sizing: border-box;
  transition: all 0.3s;
}

#about .aboutContainer .cultrue .cultureContent .list .item .sTitle {
   
  font-weight: bold;
  font-size: 30px;
  line-height: 1;
  padding-top: 47px;
  color: #095ebf;
  transition: all 0.3s;
}

#about .aboutContainer .cultrue .cultureContent .list .item .describe {
   
  font-size: 24px;
  line-height: 2.16;
  color: #1a1a1a;
  transition: all 0.3s;
}

#about .aboutContainer .cultrue .cultureContent .list .item .text {
   
  font-size: 18px;
  line-height: 1.444;
  color: #1a1a1a;
  transition: all 0.3s;
}

#about .aboutContainer .cultrue .cultureContent .list .item:hover {
  background: #d7e8fa;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
}

#about .aboutContainer .cultrue .cultureContent .list .item:hover .describe {
  color: #095ebf;
}

#about .aboutContainer .cultrue .cultureContent .list .item:hover .text {
  color: #095ebf;
}

#about .aboutContainer .social {
  overflow: hidden;
  padding: 100px 0 230px;
  background-image: url(../images/about_social_bg.jpg);
  background-size: cover;
}

#about .aboutContainer .social .socialContent {
  padding-top: 150px;
}

#about .aboutContainer .social .socialContent .mySwiper_1 {
  position: relative;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_btn_1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
  transition: all 0.3s;
  cursor: pointer;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_btn_1:hover {
  opacity: 0.8;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_btn_1.swiper-button-disabled {
  opacity: 0.6;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper-button-prev_1 {
  background-image: url(../images/prev_1.png);
  left: -100px;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper-button-next_1 {
  background-image: url(../images/next_1.png);
  right: -100px;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_1 {
  overflow: hidden;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_1 .swiper-pagination_1 {
  display: none;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_1 .box {
  overflow: hidden;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_1 .box .img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_1 .box .img .pay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  transition: all 0.5s;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_1 .box .img .pay .layui-icon {
  font-size: 40px;
  color: inherit;
  text-decoration: none;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_1 .box .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_1 .box .text {
  padding-top: 25px;
   
  font-size: 18px;
  color: #ffffff;
  transition: all 0.3s;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_1 .box:hover .text {
  opacity: 0.6;
}

#about .aboutContainer .chain {
  padding: 100px 0 180px;
  overflow: hidden;
  font-size: 14px;
}

#about .aboutContainer .chain .chainContent {
  position: relative;
  padding: 17em 0 19em;
  overflow: visible;
  font-size: inherit;
}

#about .aboutContainer .chain .chainContent .timeLine {
  font-size: inherit;
}

#about .aboutContainer .chain .chainContent .timeLine .time {
  position: absolute;
}

#about .aboutContainer .chain .chainContent .timeLine .time:nth-child(1) {
  left: 1.2143em;
  top: 18.1429em;
}

#about .aboutContainer .chain .chainContent .timeLine .time:nth-child(2) {
  top: 49.9286em;
  left: 11.7143em;
}

#about .aboutContainer .chain .chainContent .timeLine .time:nth-child(3) {
  top: 17.5714em;
  left: 22.2857em;
}

#about .aboutContainer .chain .chainContent .timeLine .time:nth-child(4) {
  top: 48.0714em;
  left: 33.2143em;
}

#about .aboutContainer .chain .chainContent .timeLine .time:nth-child(5) {
  top: 14.2857em;
  left: 43.0714em;
}

#about .aboutContainer .chain .chainContent .timeLine .time:nth-child(6) {
  top: 42.7143em;
  left: 53.7143em;
}

#about .aboutContainer .chain .chainContent .timeLine .time:nth-child(7) {
  top: 7.0714em;
  left: 64.2857em;
}

#about .aboutContainer .chain .chainContent .timeLine .time:nth-child(8) {
  top: 34.2143em;
  left: 74.8571em;
}

#about .aboutContainer .chain .chainContent .timeLine .time:nth-child(9) {
  top: -3.0714em;
  left: 85.1429em;
}

#about .aboutContainer .chain .chainContent .timeLine .time .img {
  width: 10.7143em;
  height: 10.7143em;
  margin: auto;
  overflow: hidden;
  border-radius: 50%;
  overflow: hidden;
}

#about .aboutContainer .chain .chainContent .timeLine .time .img img {
  display: block;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}

#about .aboutContainer .chain .chainContent .timeLine .time .num {
  font-family: OPPOSans-H;
  font-size: 1.7143em;
  line-height: 1.25;
  color: #0457c7;
  padding-top: 1.0714em;
}

#about .aboutContainer .chain .chainContent .timeLine .time .text {
  width: 13.7143em;
   
  font-size: 1.1429em;
  color: #1a1a1a;
  transition: all 0.3s;
}

#about .aboutContainer .chain .chainContent .timeLine .time:hover .img img {
  transform: scale(1.2);
}

#about .aboutContainer .chain .chainContent .timeLine .time:hover .text {
  color: #0056cc;
}

#about .aboutContainer .chain .chainContent .timeLine .bg {
  width: 100%;
  height: auto;
}

#about .aboutContainer .bright_hospital {
  background-image: url(../images/about_bright_eye_bg.jpg);
  background-size: cover;
  background-position: right center;
  padding: 270px 0 400px;
}

#about .aboutContainer .bright_hospital .brightHospitalContent {
  display: block;
}

#about .aboutContainer .bright_hospital .brightHospitalContent .textContent {
   
  font-size: 18px;
  line-height: 1.555;
  color: #313131;
  max-width: 557px;
}

#about .aboutContainer .quality {
  padding: 105px 0 72px;
  overflow: hidden;
}

#about .aboutContainer .quality .qualityContent {
  display: flex;
}

#about .aboutContainer .quality .qualityContent .left {
  width: 32.28%;
  flex-shrink: 0;
}

#about .aboutContainer .quality .qualityContent .left .text {
   
  font-size: 18px;
  line-height: 1.555;
  color: #313131;
  padding-top: 90px;
  width: 90%;
  max-width: 377px;
}

#about .aboutContainer .tips {
  padding: 120px 0;
  background-image: url(../images/about_tips_bg.png);
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 {
  overflow: hidden;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper-pagination_2 {
  text-align: center;
  padding-top: 10px;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper-pagination_2 .swiper-pagination-bullet {
  background-color: #fff;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper_2 .swiper-wrapper {
  align-items: stretch;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper_2 .swiper-wrapper .swiper-slide {
  height: auto;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper_2 .tipItem {
  width: 100%;
  height: 100%;
  border-radius: 25px;
  background-color: #FFF;
  overflow: hidden;
  transition: all 0.3s;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper_2 .tipItem .top {
  aspect-ratio: 445 / 300;
  width: 100%;
  height: auto;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper_2 .tipItem .top .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper_2 .tipItem .bottom {
  padding: 0 34px 39px;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper_2 .tipItem .bottom .sTitle {
  width: fit-content;
  margin: auto;
  padding: 40px 0 25px;
  margin-bottom: 30px;
  position: relative;
   
  font-size: 36px;
  line-height: 1;
  color: #313131;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper_2 .tipItem .bottom .sTitle::after {
  content: '';
  position: absolute;
  width: 34.482%;
  height: 2px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #095ebf;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper_2 .tipItem .bottom .text {
   
  font-size: 16px;
  line-height: 1.625;
  color: #313131;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper_2 .tipItem:hover {
  background-color: #d7e8fa;
}

#about .aboutContainer .honors {
  overflow: hidden;
  padding: 100px 0 140px;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 {
  padding: 80px 95px 90px;
  position: relative;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper-pagination_3 {
  padding-top: 10px;
  text-align: center;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3_btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  aspect-ratio: 1 / 1;
  height: auto;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3_btn.swiper-button-prev_3 {
  left: 0;
  background-image: url(../images/prev_3.png);
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3_btn.swiper-button-next_3 {
  right: 0;
  background-image: url(../images/next_3.png);
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3_btn:hover {
  opacity: 0.8;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3 {
  width: 100%;
  overflow: hidden;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3 .swiper-wrapper {
  align-items: center;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3 .swiper-slide {
  width: 27.58%;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3 .swiper-slide.swiper-slide-prev {
  width: 34.1%;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3 .swiper-slide.swiper-slide-active {
  width: 39.636%;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3 .swiper-slide.swiper-slide-next {
  width: 34.1%;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3 .swiper-slide .imgBox {
  width: 100%;
  height: auto;
  aspect-ratio: 48 / 32;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3 .swiper-slide .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#about .aboutContainer .honors .honorsContent .describe {
  display: flex;
  max-width: 929px;
  margin: auto;
  width: 90.5%;
}

#about .aboutContainer .honors .honorsContent .describe .list {
  display: flex;
  flex-direction: column;
}

#about .aboutContainer .honors .honorsContent .describe .list .item {
  list-style: none;
  padding-left: 20px;
  position: relative;
   
  font-size: 18px;
  line-height: 2;
  color: #1a1a1a;
}

#about .aboutContainer .honors .honorsContent .describe .list .item::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #095ebf;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

#about .aboutContainer .honors .honorsContent .describe .list:nth-child(1) {
  padding-right: 100px;
  border-right: 1px solid #dcdcdc;
}

#about .aboutContainer .honors .honorsContent .describe .list:nth-child(2) {
  margin-left: 100px;
}

#about .aboutContainer .mediaReport {
  padding: 90px 0 120px;
  background-color: #eeeeee;
}

#about .aboutContainer .mediaReport .mediaReportContent .list {
  padding-bottom: 70px;
  display: flex;
  gap: 3vw;
  align-items: stretch;
  flex-wrap: wrap;
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item {
  text-decoration: none;
  border-radius: 30px;
  width: calc((100% - 6vw) / 3);
  overflow: hidden;
  background: #FFF;
  height: auto;
  display: flex;
  flex-direction: column;
  transition: all 0.5s;
  color: #1a1a1a;
  cursor: pointer;
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item .top {
  aspect-ratio: 420 / 236;
  width: 100%;
  height: auto;
  position: relative;
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item .top .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item .top .time {
  position: absolute;
  width: 76px;
  height: 68px;
  background-color: #0056cc;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: Gilroy-Bold;
  right: 34px;
  bottom: -20px;
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item .top .time .year {
  font-size: 20px;
  color: #00ffff;
  line-height: 1;
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item .top .time .mouth {
  font-size: 24px;
  line-height: 1;
  color: #ffffff;
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item .bottom {
  padding: 45px 27px 60px;
  position: relative;
  flex: 1;
   
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item .bottom .sTitle {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item .bottom .text {
  font-size: 16px;
  line-height: 1.375;
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item .bottom .more {
  position: absolute;
  left: 30px;
  bottom: 34px;
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item:hover {
  background-color: #0056cc;
  color: #FFF;
}

#about .aboutContainer .puruiPoint {
  padding-top: 90px;
}

#about .aboutContainer .puruiPoint .sTitle {
  font-size: 100px;
  padding-bottom: 60px;
}

#about .aboutContainer .puruiPoint .sTitle .big {
  font-family: Gilroy-Bold;
  color: #095ebf;
}

#about .aboutContainer .puruiPoint .sTitle .small {
  padding-left: 2em;
  font-family: Gilroy;
  font-size: 0.6em;
  color: #095ebf;
}

#about .aboutContainer .puruiPoint .sTitle .small .cn {
   
  font-size: 0.6em;
  color: #313131;
}

#about .aboutContainer .puruiPoint .img {
  display: block;
  margin: 68px 0;
}

#about .aboutContainer .puruiPoint p {
   
  font-size: 18px;
  line-height: 1.555;
  color: #313131;
}

#about .aboutContainer .safety {
  padding: 90px 0 120px;
}

#about .aboutContainer .safety .sTitle {
   
  font-size: 60px;
  line-height: 1.333;
  color: #1a1a1a;
}

#about .aboutContainer .safety .sTitle .blue {
  color: #095ebf;
}

#about .aboutContainer .safety .list {
  padding-top: 80px;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

#about .aboutContainer .safety .list .item {
  display: flex;
  flex-direction: column;
  gap: 80px;
  background-color: #f4f4f4;
  border-radius: 40px;
  padding-bottom: 60px;
}

#about .aboutContainer .safety .list .item .top {
  padding: 68px 54px;
  display: flex;
  gap: 40px;
  background-color: #095ebf;
  border-radius: 40px;
  background-image: url(../images/about_puruiPoint_item_bg.png);
  background-size: auto 100%;
  background-position: right center;
  background-repeat: no-repeat;
  transition: all 0.5s;
  cursor: pointer;
}

#about .aboutContainer .safety .list .item .top:nth-child(2n) {
  background-position: left center;
  flex-direction: row-reverse;
}

#about .aboutContainer .safety .list .item .top .text {
  color: #ffffff;
  transition: all 0.5s;
}

#about .aboutContainer .safety .list .item .top .text .pTitle {
   
  font-size: 36px;
  line-height: 2.222;
}

#about .aboutContainer .safety .list .item .top .text .t {
   
  font-size: 18px;
  line-height: 1.555;
}

#about .aboutContainer .safety .list .item .top .avatar {
  width: 25.42%;
  flex-shrink: 0;
  position: relative;
}

#about .aboutContainer .safety .list .item .top .avatar .img {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

#about .aboutContainer .safety .list .item .top:hover {
  background-color: #ccc;
}

#about .aboutContainer .safety .list .item .top:hover .text {
  color: #32455f;
}

#about .aboutContainer .safety .list .item .bottom {
  display: flex;
  gap: 80px;
  padding: 0 60px;
}

#about .aboutContainer .safety .list .item .bottom .step {
  width: calc((100% - 240px) / 4);
}

#about .aboutContainer .safety .list .item .bottom .step .imgBox {
  aspect-ratio: 26 / 18;
  width: 100%;
  height: auto;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

#about .aboutContainer .safety .list .item .bottom .step .imgBox .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#about .aboutContainer .safety .list .item .bottom .step .imgBox .pay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.5s;
}

#about .aboutContainer .safety .list .item .bottom .step .imgBox .pay a {
  color: #FFF;
  text-decoration: none;
  font-size: 20px;
}

#about .aboutContainer .safety .list .item .bottom .step .imgBox:hover .pay {
  opacity: 1;
}

#about .aboutContainer .safety .list .item .bottom .step .describe {
  text-align: center;
  padding-top: 25px;
   
  font-size: 20px;
  color: #535353;
}

#about .aboutContainer .qualifications {
  overflow: hidden;
  padding: 100px 0 140px;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 {
  padding: 80px 95px 90px;
  position: relative;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper-pagination_4 {
  padding-top: 10px;
  text-align: center;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4_btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  aspect-ratio: 1 / 1;
  height: auto;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4_btn.swiper-button-prev_4 {
  left: 0;
  background-image: url(../images/prev_3.png);
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4_btn.swiper-button-next_4 {
  right: 0;
  background-image: url(../images/next_3.png);
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4_btn:hover {
  opacity: 0.8;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4 {
  width: 100%;
  overflow: hidden;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4 .swiper-wrapper {
  align-items: center;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4 .swiper-slide {
  width: 27.58%;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4 .swiper-slide.swiper-slide-prev {
  width: 34.1%;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4 .swiper-slide.swiper-slide-active {
  width: 39.636%;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4 .swiper-slide.swiper-slide-next {
  width: 34.1%;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4 .swiper-slide .imgBox {
  width: 100%;
  height: auto;
  aspect-ratio: 48 / 32;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4 .swiper-slide .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#about .aboutContainer .qualifications .honorsContent .describe {
  display: flex;
  max-width: 929px;
  margin: auto;
  width: 90.5%;
}

#about .aboutContainer .qualifications .honorsContent .describe .list {
  display: flex;
  flex-direction: column;
}

#about .aboutContainer .qualifications .honorsContent .describe .list .item {
  list-style: none;
  padding-left: 20px;
  position: relative;
   
  font-size: 18px;
  line-height: 2;
  color: #1a1a1a;
}

#about .aboutContainer .qualifications .honorsContent .describe .list .item::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #095ebf;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

#about .aboutContainer .qualifications .honorsContent .describe .list:nth-child(1) {
  padding-right: 100px;
  border-right: 1px solid #dcdcdc;
}

#about .aboutContainer .qualifications .honorsContent .describe .list:nth-child(2) {
  margin-left: 100px;
}

#about .aboutContainer.active {
  display: block;
}

#about #newsDetail {
  display: none;
}

#about #newsDetail.active {
  display: block;
}

#about #newsDetail .detailContent {
  padding-top: 90px;
}

#about #newsDetail .detailContent .pTitle {
  text-align: center;
   
  font-size: 50px;
  color: #0056cc;
}

#about #newsDetail .detailContent .tool {
  padding: 50px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 45px;
   
  font-size: 18px;
  color: #313131;
}

#about #newsDetail .detailContent .tool .item {
  display: flex;
  align-items: center;
  gap: 10px;
}

#about #newsDetail .detailContent .content {
  padding: 70px 0;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
   
  font-size: 18px;
  line-height: 1.666;
  color: #201f28;
}

#about #newsDetail .detailContent .content .img {
  width: 100%;
  height: auto;
  display: block;
}

#advantage .banner {
  position: relative;
}

#advantage .banner .bg {
  width: 100%;
  height: auto;
  min-height: 400px;
  object-fit: cover;
  object-position: center;
}

#advantage .banner .text {
  position: absolute;
  top: 37.08%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-family: Gilroy;
  font-size: 70px;
  color: #ffffff;
}

#advantage .banner .text .en {
  font-weight: bold;
  position: relative;
  margin-bottom: 3%;
  padding-bottom: 2%;
}

#advantage .banner .text .en::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  width: 15.15%;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
}

#advantage .banner .text .cn {
   
  font-size: 0.6em;
  color: #ffffff;
}

#advantage .pefractive {
  background-image: url(../images/advantage_refractive_bg.jpg);
  background-size: cover;
  background-position: center center;
  padding: 90px 0;
  overflow: hidden;
}

#advantage .pefractive .pefractiveContent {
  display: flex;
  gap: 50px;
  align-items: flex-start;
}

#advantage .pefractive .pefractiveContent .icon {
  aspect-ratio: 1 / 1;
  width: 140px;
  height: auto;
  background-color: #ffffff;
  border-radius: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

#advantage .pefractive .pefractiveContent .icon .img {
  width: auto;
  height: 60px;
  object-fit: cover;
  object-position: center;
}

#advantage .pefractive .pefractiveContent .describe .pTitle {
  font-family: Gilroy-Bold;
  font-size: 60px;
  line-height: 1;
  color: #095ebf;
}

#advantage .pefractive .pefractiveContent .describe .pTitle .cn {
  padding: 25px 0;
  font-size: 0.6em;
   
  color: #313131;
}

#advantage .pefractive .pefractiveContent .describe .text {
   
  font-size: 18px;
  line-height: 1.555;
  color: #313131;
}

#advantage .encyclopedia {
  padding: 110px 0;
}

#advantage .encyclopedia .encyclopediaContent .list {
  padding-top: 40px;
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}

#advantage .encyclopedia .encyclopediaContent .list .item {
  width: calc(((100% - 40px)/ 2));
  padding: 50px;
  background-color: #f2f5f9;
  border-radius: 30px;
  box-sizing: border-box;
}

#advantage .encyclopedia .encyclopediaContent .list .item .top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid #c3c9d1;
  align-items: center;
}

#advantage .encyclopedia .encyclopediaContent .list .item .top .sTitle {
  padding-left: 40px;
   
  font-size: 30px;
  color: #095ebf;
  position: relative;
}

#advantage .encyclopedia .encyclopediaContent .list .item .top .sTitle::before {
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 24px;
  aspect-ratio: 1 / 1;
  height: auto;
  background-image: url(../images/about_encyclopedia_title_icon.png);
  background-size: 100% 100%;
  border-radius: 50%;
}

#advantage .encyclopedia .encyclopediaContent .list .item .top .more {
  font-family: Gilroy-Bold;
  font-weight: bold;
  font-size: 20px;
  color: #1a1a1a;
  transition: all 0.3s;
  cursor: pointer;
}

#advantage .encyclopedia .encyclopediaContent .list .item .top .more:hover {
  color: #095ebf;
}

#advantage .encyclopedia .encyclopediaContent .list .item .bottom {
  padding-top: 35px;
}

#advantage .encyclopedia .encyclopediaContent .list .item .bottom a {
   
  font-size: 20px;
  line-height: 2.2;
  color: #1a1a1a;
  margin: 0;
  transition: all 0.3s;
  cursor: pointer;
  display: block;
  text-decoration: none;
}

#advantage .encyclopedia .encyclopediaContent .list .item .bottom a:hover {
  color: #095ebf;
}

#advantage .guarantee {
  padding: 110px 0 160px;
  background-image: url(../images/advantage_guarantee_bg.jpg);
  background-size: cover;
}

#advantage .guarantee .guaranteeContent .mySwiper_1 {
  padding: 0 170px;
  padding-top: 100px;
}

#advantage .guarantee .guaranteeContent .mySwiper_1 .swiper_1 {
  overflow: hidden;
}

#advantage .guarantee .guaranteeContent .mySwiper_1 .swiper_1 .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#advantage .guarantee .guaranteeContent .mySwiper_1 .swiper_1 .item .avatar {
  aspect-ratio: 1 / 1;
  width: 220px;
  height: auto;
}

#advantage .guarantee .guaranteeContent .mySwiper_1 .swiper_1 .item .describe {
  padding-top: 20px;
  text-align: center;
}

#advantage .guarantee .guaranteeContent .mySwiper_1 .swiper_1 .item .describe .name {
   
  font-size: 24px;
  color: #095ebf;
}

#advantage .guarantee .guaranteeContent .mySwiper_1 .swiper_1 .item .describe .post {
   
  font-size: 18px;
  color: #1a1a1a;
}

#advantage .guarantee .guaranteeContent .mySwiper_1 .swiper_1 .item .describe .text {
  padding-top: 8px;
   
  font-size: 18px;
  line-height: 1.333;
  color: #1a1a1a;
  text-align: left;
}

#advantage .equipment {
  padding: 110px 0 130px;
}

#advantage .equipment .equipmentContent .list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  padding-top: 40px;
}

#advantage .equipment .equipmentContent .list .item {
  width: calc((100% - 120px) / 4);
  background-color: #ffffff;
  border-radius: 30px;
  border: solid 1px #e5e5e5;
  box-sizing: border-box;
}

#advantage .equipment .equipmentContent .list .item .imgBox {
  aspect-ratio: 1 / 1;
  width: 100%;
  height: auto;
}

#advantage .equipment .equipmentContent .list .item .imgBox .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#advantage .equipment .equipmentContent .list .item .describe {
  text-align: center;
   
  font-size: 18px;
  color: #1a1a1a;
  padding: 40px 15px;
  box-sizing: border-box;
}

#advantage .advantage_detail .detailSlide {
  display: flex;
  margin-top: 90px;
  height: 80px;
  border: 1px solid #dcdcdc;
}

#advantage .advantage_detail .detailSlide .item {
   
  font-size: 24px;
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5f5f5;
  color: #1a1a1a;
}

#advantage .advantage_detail .detailSlide .item a {
  text-decoration: none;
  color: inherit;
}

#advantage .advantage_detail .detailSlide .item:not(:last-child) {
  border-right: 1px solid #dcdcdc;
}

#advantage .advantage_detail .detailSlide .item.active {
   
  color: #ffffff;
  background-color: #065bc4;
}

#advantage .advantage_detail .advantageContent {
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 55px;
}

#advantage .advantage_detail .advantageContent .item {
  display: flex;
  justify-content: space-between;
   
  font-size: 20px;
  color: #1a1a1a;
  text-decoration: none;
}

#team .banner {
  position: relative;
}

#team .banner .bg {
  width: 100%;
  height: auto;
  min-height: 400px;
  object-fit: cover;
  object-position: center;
}

#team .banner .text {
  position: absolute;
  top: 37.08%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-family: Gilroy;
  font-size: 70px;
  color: #ffffff;
}

#team .banner .text .en {
  font-weight: bold;
  position: relative;
  margin-bottom: 3%;
  padding-bottom: 2%;
}

#team .banner .text .en::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  width: 15.15%;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
}

#team .banner .text .cn {
   
  font-size: 0.6em;
  color: #ffffff;
}

#team .doctor {
  padding: 90px 0 210px;
  background-image: url(../images/team_bg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

#team .doctor .doctorContent .list {
  display: flex;
  padding-top: 70px;
  flex-wrap: wrap;
  gap: 40px;
  padding-bottom: 40px;
}

#team .doctor .doctorContent .list .item {
  width: calc((100% - 120px) / 4);
  display: flex;
  flex-direction: column;
  align-items: center;
  height: auto;
  text-decoration: none;
}

#team .doctor .doctorContent .list .item .avatar {
  aspect-ratio: 1 / 1;
  width: 180px;
  height: auto;
  z-index: 2;
  position: relative;
}

#team .doctor .doctorContent .list .item .avatar .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#team .doctor .doctorContent .list .item .describe {
  margin-top: -80px;
  background-color: #ffffff;
  border-radius: 30px;
  width: 100%;
  padding: 100px 20px 46px;
  text-align: center;
  box-sizing: border-box;
  flex: 1;
}

#team .doctor .doctorContent .list .item .describe .name {
   
  font-size: 24px;
  color: #095ebf;
}

#team .doctor .doctorContent .list .item .describe .post {
   
  font-size: 18px;
  color: #1a1a1a;
}

#team .doctor .doctorContent .list .item .describe .text {
  padding-top: 15px;
  text-align: left;
   
  font-size: 18px;
  line-height: 1.333;
  color: #1a1a1a;
}

#teamDetail .banner {
  position: relative;
}

#teamDetail .banner .bg {
  width: 100%;
  height: auto;
  min-height: 400px;
  object-fit: cover;
  object-position: center;
}

#teamDetail .banner .text {
  position: absolute;
  top: 37.08%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-family: Gilroy;
  font-size: 70px;
  color: #ffffff;
}

#teamDetail .banner .text .en {
  font-weight: bold;
  position: relative;
  margin-bottom: 3%;
  padding-bottom: 2%;
}

#teamDetail .banner .text .en::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  width: 15.15%;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
}

#teamDetail .banner .text .cn {
   
  font-size: 0.6em;
  color: #ffffff;
}

#teamDetail .introduction {
  padding: 70px 0 160px;
}

#teamDetail .introduction .intorductionContent {
  display: flex;
  gap: 80px;
}

#teamDetail .introduction .intorductionContent .left {
  background-color: #ffffff;
  box-shadow: 5px 9px 30px 0px rgba(0, 0, 0, 0.11);
  border-radius: 30px;
  width: 30%;
  flex-shrink: 0;
}

#teamDetail .introduction .intorductionContent .left .avatar {
  aspect-ratio: 1 / 1;
  width: 100%;
  height: auto;
  border-radius: 30px;
  overflow: hidden;
}

#teamDetail .introduction .intorductionContent .left .avatar .img {
  width: 100%;
  height: 100%;
}

#teamDetail .introduction .intorductionContent .left .describe {
  padding: 20px 50px 50px;
}

#teamDetail .introduction .intorductionContent .left .describe .name {
   
  font-size: 28px;
  line-height: 1.714;
  color: #1a1a1a;
}

#teamDetail .introduction .intorductionContent .left .describe .text {
   
  font-size: 20px;
  color: #1a1a1a;
}

#teamDetail .introduction .intorductionContent .right .sTitle {
   
  font-size: 32px;
  line-height: 1;
  color: #313131;
}

#teamDetail .introduction .intorductionContent .right .text {
  padding-top: 40px;
   
  font-size: 22px;
  line-height: 1.63;
  color: #313131;
}

#teamDetail .introduction .intorductionContent .right .btns {
  display: flex;
  padding-top: 70px;
  gap: 30px;
}

#teamDetail .introduction .intorductionContent .right .btns .btn {
  border: 0;
  width: 250px;
  height: 70px;
   
  font-size: 24px;
  line-height: 1.5;
  color: #ffffff;
  border-radius: 35px;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  outline: none;
}

#teamDetail .introduction .intorductionContent .right .btns .btn .icon .img {
  width: 30px;
  height: auto;
  display: block;
}

#teamDetail .introduction .intorductionContent .right .btns .btn:nth-child(1) {
  background-color: #0056cc;
}

#teamDetail .introduction .intorductionContent .right .btns .btn:nth-child(2) {
  background-color: #6bb62f;
}

#equipment .banner {
  position: relative;
}

#equipment .banner .bg {
  width: 100%;
  height: auto;
  min-height: 400px;
  object-fit: cover;
  object-position: center;
}

#equipment .banner .text {
  position: absolute;
  top: 37.08%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-family: Gilroy;
  font-size: 70px;
  color: #ffffff;
}

#equipment .banner .text .en {
  font-weight: bold;
  position: relative;
  margin-bottom: 3%;
  padding-bottom: 2%;
}

#equipment .banner .text .en::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  width: 15.15%;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
}

#equipment .banner .text .cn {
   
  font-size: 0.6em;
  color: #ffffff;
}

#equipment .equipment {
  padding: 90px 0 130px;
}

#equipment .equipment .equipmentContent .list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

#equipment .equipment .equipmentContent .list .item {
  width: calc((100% - 120px) / 4);
  background-color: #ffffff;
  border-radius: 30px;
  border: solid 1px #e5e5e5;
  box-sizing: border-box;
  text-decoration: none;
}

#equipment .equipment .equipmentContent .list .item .imgBox {
  aspect-ratio: 1 / 1;
  width: 100%;
  height: auto;
}

#equipment .equipment .equipmentContent .list .item .imgBox .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#equipment .equipment .equipmentContent .list .item .describe {
  text-align: center;
   
  font-size: 18px;
  color: #1a1a1a;
  padding: 40px 15px;
  box-sizing: border-box;
}

#equipmentDetail .banner {
  position: relative;
}

#equipmentDetail .banner .bg {
  width: 100%;
  height: auto;
  min-height: 400px;
  object-fit: cover;
  object-position: center;
}

#equipmentDetail .banner .text {
  position: absolute;
  top: 37.08%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-family: Gilroy;
  font-size: 70px;
  color: #ffffff;
}

#equipmentDetail .banner .text .en {
  font-weight: bold;
  position: relative;
  margin-bottom: 3%;
  padding-bottom: 2%;
}

#equipmentDetail .banner .text .en::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  width: 15.15%;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
}

#equipmentDetail .banner .text .cn {
   
  font-size: 0.6em;
  color: #ffffff;
}

#equipmentDetail .equipmentDetail {
  padding: 90px 0 150px;
}

#equipmentDetail .equipmentDetail .equipmentDetailContent {
  padding: 50px;
  display: flex;
  gap: 80px;
  background-color: #ffffff;
  box-shadow: 5px 9px 30px 0px rgba(0, 0, 0, 0.11);
  border-radius: 30px;
  border: solid 1px #e5e5e5;
}

#equipmentDetail .equipmentDetail .equipmentDetailContent .left {
  width: 34.61%;
  aspect-ratio: 1 / 1;
  height: auto;
}

#equipmentDetail .equipmentDetail .equipmentDetailContent .left .img {
  width: 100%;
  /* height: 100%;
  object-fit: cover;
  object-position: center; */
}

#equipmentDetail .equipmentDetail .equipmentDetailContent .right {
  width: 100%;
}

#equipmentDetail .equipmentDetail .equipmentDetailContent .right .top {
   
  font-size: 30px;
  color: #1a1a1a;
  padding: 30px 0;
  border-bottom: 1px solid #dcdcdc;
}

#equipmentDetail .equipmentDetail .equipmentDetailContent .right .bottom {
  padding-top: 30px;
   
  font-size: 20px;
  line-height: 1.8;
  color: #1a1a1a;
}

#service_1 .banner {
  position: relative;
}

#service_1 .banner .bg {
  width: 100%;
  height: auto;
  min-height: 400px;
  object-fit: cover;
  object-position: center;
}

#service_1 .banner .text {
  position: absolute;
  top: 37.08%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-family: Gilroy;
  font-size: 70px;
  color: #ffffff;
}

#service_1 .banner .text .en {
  font-weight: bold;
  position: relative;
  margin-bottom: 3%;
  padding-bottom: 2%;
}

#service_1 .banner .text .en::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  width: 15.15%;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
}

#service_1 .banner .text .cn {
   
  font-size: 0.6em;
  color: #ffffff;
}

#service_1 .procecss {
  padding: 90px 0 180px;
  background-image: url(../images/service_process_bg.jpg);
  background-size: cover;
  background-position: center;
}

#service_1 .procecss .img {
  width: 100%;
  height: auto;
  margin-top: 70px;
}

#service_1 .layout {
  padding: 100px 0;
}

#service_1 .layout .img {
  width: 100%;
  height: auto;
}

#service_2 .banner {
  position: relative;
}

#service_2 .banner .bg {
  width: 100%;
  height: auto;
  min-height: 400px;
  object-fit: cover;
  object-position: center;
}

#service_2 .banner .text {
  position: absolute;
  top: 37.08%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-family: Gilroy;
  font-size: 70px;
  color: #ffffff;
}

#service_2 .banner .text .en {
  font-weight: bold;
  position: relative;
  margin-bottom: 3%;
  padding-bottom: 2%;
}

#service_2 .banner .text .en::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  width: 15.15%;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
}

#service_2 .banner .text .cn {
   
  font-size: 0.6em;
  color: #ffffff;
}

#service_2 .regist {
  padding: 90px 0 130px;
  background-image: url(../images/service_3_bg.jpg);
  background-size: cover;
  background-position: center;
}

#service_2 .regist .registContent {
  padding-top: 74px;
  display: flex;
  gap: 68px;
}

#service_2 .regist .registContent .left {
  width: 33.85%;
  flex-shrink: 0;
}

#service_2 .regist .registContent .left .text {
   
  font-size: 20px;
  color: #1a1a1a;
}

#service_2 .regist .registContent .left .text .ps {
   
  font-size: 1.2em;
  line-height: 1.66;
  color: #1a1a1a;
}

#service_2 .regist .registContent .left .icon .img {
  display: block;
  margin: auto;
  max-width: 321px;
  width: 100%;
  height: auto;
}

#service_2 .regist .registContent .right {
  flex: 1;
}

#service_3 .banner {
  position: relative;
}

#service_3 .banner .bg {
  width: 100%;
  height: auto;
  min-height: 400px;
  object-fit: cover;
  object-position: center;
}

#service_3 .banner .text {
  position: absolute;
  top: 37.08%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-family: Gilroy;
  font-size: 70px;
  color: #ffffff;
}

#service_3 .banner .text .en {
  font-weight: bold;
  position: relative;
  margin-bottom: 3%;
  padding-bottom: 2%;
}

#service_3 .banner .text .en::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  width: 15.15%;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
}

#service_3 .banner .text .cn {
   
  font-size: 0.6em;
  color: #ffffff;
}

#service_3 .map {
  padding: 90px 0 140px;
  background-image: url(../images/service_3_bg.jpg);
  background-size: cover;
  background-position: center;
}

#service_3 .map .mapContent {
  padding-top: 74px;
}

#service_3 .map .mapContent .describe {
  display: flex;
  gap: 44px;
  padding-top: 60px;
  align-items: center;
}

#service_3 .map .mapContent .describe .left {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

#service_3 .map .mapContent .describe .left .cn {
   
  font-size: 24px;
  color: #1a1a1a;
}

#service_3 .map .mapContent .describe .left .num {
  font-family: Gilroy-Bold;
  font-size: 36px;
  color: #095ebf;
  font-weight: bold;
}

#service_3 .map .mapContent .describe .right {
  padding-left: 36px;
  border-left: 1px solid #c9c9c9;
  display: flex;
  flex-direction: column;
  gap: 25px;
   
  font-size: 18px;
  line-height: 1.333;
  color: #1a1a1a;
}

#contact .banner {
  position: relative;
}

#contact .banner .bg {
  width: 100%;
  height: auto;
  min-height: 400px;
  object-fit: cover;
  object-position: center;
}

#contact .banner .text {
  position: absolute;
  top: 37.08%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-family: Gilroy;
  font-size: 70px;
  color: #ffffff;
}

#contact .banner .text .en {
  font-weight: bold;
  position: relative;
  margin-bottom: 3%;
  padding-bottom: 2%;
}

#contact .banner .text .en::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  width: 15.15%;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
}

#contact .banner .text .cn {
   
  font-size: 0.6em;
  color: #ffffff;
}

#contact .contact {
  background-image: url(../images/service_3_bg.jpg);
  background-size: cover;
  background-position: center;
  padding: 90px 0 170px;
}

#contact .contact .contactContent {
  padding-top: 70px;
}

#contact .contact .contactContent .describe {
  display: flex;
  gap: 44px;
  padding-top: 60px;
  align-items: center;
  background: #FFF;
  border-radius: 10px;
  padding: 20px 50px;
  margin-top: 60px;
}

#contact .contact .contactContent .describe .left {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

#contact .contact .contactContent .describe .left .cn {
   
  font-size: 24px;
  color: #1a1a1a;
}

#contact .contact .contactContent .describe .left .num {
  font-family: Gilroy-Bold;
  font-size: 36px;
  color: #095ebf;
  font-weight: bold;
}

#contact .contact .contactContent .describe .right {
  padding-left: 36px;
  border-left: 1px solid #c9c9c9;
  display: flex;
  flex-direction: column;
  gap: 25px;
   
  font-size: 18px;
  line-height: 1.333;
  color: #1a1a1a;
}

.myFooter {
  background-color: #0056cc;
  padding: 38px 0 0;
}

.myFooter .uk-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.myFooter .top {
  padding: 35px 0;
  border-bottom: 1px solid #3378d6;
}

.myFooter .top .logo {
  max-width: 224px;
  height: auto;
}

.myFooter .top .list {
  display: flex;
  align-items: center;
  gap: 90px;
}

.myFooter .top .list .item {
   
  font-size: 20px;
  color: #ffffff;
  transition: all 0.5s;
  cursor: pointer;
}

.myFooter .top .list .item a {
  color: inherit;
  text-decoration: none;
}

.myFooter .top .list .item:hover {
  color: #ccc;
}

.myFooter .bottom {
  padding: 50px 0;
}

.myFooter .bottom .left {
   
  font-size: 14px;
  line-height: 1.714;
  color: #ffffff;
}

.myFooter .bottom .left a {
  color: #ffffff;
}

.myFooter .bottom .way {
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
}

.myFooter .bottom .way .icon {
  transition: all 0.5s;
}

.myFooter .bottom .way .icon:hover {
  opacity: 0.7;
}