<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
.about-us-wrap .banner{
  height: 392px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.vertical-line {
  position: absolute;
  top: 28px;
  z-index: 2;
}

.group {
  display: flex;
  padding: 54.4px 0 32px;
}

.group .left-pic {
  margin-right: 76.8px;
  align-self: baseline;
}

.group .right {
  flex: 1;
  position: relative;
  padding-left: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #c9c9c9;
}

.group .vertical-line {
  top: 96px;
  left: 0;
}

.about-us-wrap .title {
  font-size: 25.6px;
  margin-bottom: 12px;
  position: relative;
  text-align: right;
  padding-right: 16px;
}

.about-us-wrap .title span {
  position: absolute;
  top: -8px;
  right: 2px;
  z-index: -1;
  font-size: 33.6px;
  color: #eee;
}

.group .desc {
  font-size: 12.8px;
  line-height: 2;
  margin-bottom: 12px;
}

.time-views {
  display: block;
  color: #c8161e;
  font-size: 19.2px;
  text-align: right;
  padding-right: 8px;
}



.culture {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.culture .right {
  flex: 1;
  margin-right: 96px;
  padding-right: 20px;
  position: relative;
  padding-bottom: 8px;
  border-bottom: 1px solid #c9c9c9;
}

.culture .title {
  text-align: left;
}
.culture .title span {
  left: 0;
}
.tags {
  display: flex;
  margin-bottom: 12px;
}

.tags .tag {
  font-size: 11.2px;
  min-width: 168px;
}

.tags .tag .text1 {
  color: #c8161e;
  font-size: 14.4px;
}
.culture .img2 {
  text-align: right;
  padding-top: 16px;
}
.culture .vertical-line {
  right: 0;
}


.h2 {
  font-size: 27.2px;
  font-weight: 400;
}

.history {
  padding: 56px 0 76px;
}
.img-locate {
  height: 452.8px;
  display: flex;
  align-items: center;
  margin-top: 40px;
}
.right-list {
  width: 544px;
  height: 100%;
  overflow: auto;
  background: #f6f6f6;
}
.list-item {
  border-bottom:1px solid #dbdbdb;
  padding: 28px;
  cursor: pointer;
  font-size: 14.4px;
}

.list-item .text1{
  font-size: 19.2px;
  color: #c8161e;
  margin-bottom: 4px;
}

.left-bg {
  background-color: #d8d8d8;
  flex: 1;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.hardware {
  background: #f6f6f8;
  padding: 40px 0;
}
.swiper-container1 .swiper-slide {
  height: 324px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(0.7);
}
.swiper-container1 .swiper-slide-active, .swiper-slide-duplicate-active {
  transform: scale(1.8);
  z-index: 9;
}
.hardware .desc {
  padding: 24px 0 40px;
  font-size: 14.4px;
}

.teachers {
  display: flex;
  padding: 72px 0;
}

.teachers .left {
  position: relative;
  padding: 0 56px 48px 0;
  font-size: 14.4px;
  border-bottom: 1px solid #ccc;
  margin-right: 30.4px;
}
.teachers .text2 {
  font-size: 27.2px;
  margin-bottom: 16px;
}
.teachers .vertical-line {
  right: 0;
}

.patent {
  padding-top: 40px;
}
.patent .text3 {
  text-align: center;
  font-size: 11.2px;
  padding: 20px 0;
}

.patent .swiper-wrapper {
  padding-bottom: 24px;
}

.swiper-container2 .swiper-slide {
  width: 120px;
  height: 160px;
  margin: 0 17.6px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-container3 .swiper-slide {
  width: 188.8px;
  height: 134.4px;
  margin: 0 16px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.customer {
  margin-top: 80px;
}
.customer .images {
  padding-top: 60px;
  background-image: url("/resources/common/img/corp-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
.customer .logos {
  display: flex;
  flex-wrap: wrap;
  padding: 32px 120px 128px;
}
.customer .swiper-slide {
  width: 104px;
  height: 52px;
  background-color: white;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border-radius: 4.8px;
  margin: 4px 14.4px;
}

.popup-patent {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1990;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,.7);
  display: none;
}
.popup-patent .image-div {
  position: relative;
  left: 50%;
  top: 50%;
  width: 800px;
  height: 560px;
  margin: -280px 0 0 -400px;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.popup-patent .close {
  position: absolute;
  top: -64px;
  right: 0;
  color: white;
  z-index: 2;
  font-size: 40px;
  cursor: pointer;
}

.underline2 {
  position: absolute;
  background: #c8161e;
  height: 5.6px;
  left: 50%;
  bottom: 2px;
  width: 96px;
  margin-left: -40px;
}

.maps {
  background: #f6f6f8;
  padding: 80px 0 24px;
}
.maps .h2.center {  margin-bottom: -96px;}
.maps .middle-width {
  position: relative;
}
.nanhaiqundao {
  position: absolute;
  right: 120px;
  bottom: 4px;
  width: 88px;
  z-index: 2;
}
.nanhaiqundao img {
  width: 100%;
  position: relative;
  z-index: -1;
  margin-top: -144px;
}
#mapTipContent {  display: none;}
/*.mapTipText{  padding: 20px;  box-shadow: 0 0 8px 0 #ccc;  background-color: #ffffff;}
.mapTipText h4 {  font-size: 20px;  margin-bottom: 15px;}
.mapTipText a {  display: inline-block;  line-height: 2;  font-size: 14px;}
.mapTipText a:hover {  color: #c8161e;}*/
.mapTipText{width: 280px;height: 110px;background-color: #ffffff;}
.mapTipText .mapTipImg{height: 66px; width: 66px; float: left;border: 2px solid #ffffff; border-radius: 50%;overflow: hidden;margin: -12px 5px 0 -12px;}
.mapTipText .mapTipImg img{width: 100%;height: 100%;}
.mapTipText .mapTipList{float: left;margin-left: 4px;}
.mapTipText .mapTipList h2{text-align: left;}
.mapTipText .mapTipList h2 a{font-size: 24px; color: #262626;text-decoration:none;}
.mapTipText .mapTipList h2 a:hover{ color: #0085d2;}
.mapTipText .mapTipList h2 a span{font-size: 14px;margin-left: 3px;}
.mapTipText .mapTipList ul{ width: 203px;padding-right: 10px;}
.mapTipText .mapTipList ul li{list-style: none;float: left;padding: 0px 3px 0 3px;}
.mapTipText .mapTipList ul li a{color: #262626;text-decoration:none;}
.mapTipText .mapTipList ul li a:hover{color:#c8161e;}</pre></body></html>