@font-face {  font-family: 'iconfont';  /* Project id 5128459 */  src: url('//at.alicdn.com/t/c/font_5128459_m2ceadd3smi.woff2?t=1772000591102') format('woff2'), url('//at.alicdn.com/t/c/font_5128459_m2ceadd3smi.woff?t=1772000591102') format('woff'), url('//at.alicdn.com/t/c/font_5128459_m2ceadd3smi.ttf?t=1772000591102') format('truetype');}@font-face {  font-family: Regular;  src: url('https://website-ishutime.oss-cn-chengdu.aliyuncs.com/font/SourceHanSansCN-Regular.otf');}* {  margin: 0px;  padding: 0px;  box-sizing: border-box;}html,body {  color: #272727;  font-family: Regular;}input,textarea {  font-family: 'SourceHanSans', "思源黑体", "Microsoft YaHei", '微软雅黑', "Arial";}:root {  --mainC: #000000;}.iconfont {  font-family: "iconfont" !important;  font-style: normal;  -webkit-font-smoothing: antialiased;  -webkit-text-stroke-width: 0.2px;  -moz-osx-font-smoothing: grayscale;}/* 修改滚动条的样式 */::-webkit-scrollbar {  width: 8px;  /* 滚动条宽度 */  height: 8px;  /* 滚动条高度 */}/* 修改滚动条滑块的样式 */::-webkit-scrollbar-thumb {  background-color: #000000;  /* 滑块背景颜色 */  border-radius: 6px;  /* 滑块圆角 */}@keyframes fadeIniup {  0% {    opacity: 0;    transform: translateY(60px);  }  100% {    opacity: 1;    transform: translateY(0);  }}.he_fadeup1 {  -webkit-animation: fadeIniup 1s ease both;  animation: fadeIniup 1s ease both;  -ms-animation: fadeInUp 1s ease both;  animation-delay: 0.3s;}.cpthActive.animated {  -webkit-clip-path: polygon(100% 0, 0 0, 0% 100%, 100% 100%) !important;}.cpth {  -webkit-clip-path: polygon(0% 0, 0 0, 0% 100%, 0% 100%);  -webkit-transition: 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;}.animate-on-scroll {  /* 初始状态：透明 + 偏移 */  opacity: 0;  transition: all 1.5s cubic-bezier(0.25, 0.1, 0.25, 1);  /* 1.8秒慢动画（时长可调） */  transform-origin: center center;  /* skew倾斜中心点（避免变形偏移） */  transform: translateY(80px);}/* 动画触发后的状态 */.animate-on-scroll.is-visible {  opacity: 1;  transform: translate(0);  /* 重置偏移和skew */}.animate-img {  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);  overflow: hidden;}.animate-img.active {  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}.loading {  width: 100%;  height: 100vh;  position: fixed;  top: 0;  left: 0;  background: white;  z-index: 9999;  display: flex;  align-items: center;  justify-content: center;  transition: opacity 1s ease, visibility 1s ease;}.loading.hide {  opacity: 0;  visibility: hidden;}.loading .loadingLogo {  width: 18vw;  height: 5vw;  position: relative;  overflow: hidden;  transition: 1.5s all ease;}.loading .loadingLogo img {  width: auto;  position: absolute;  transform: translateY(5vw);  transition: transform 1s ease;}.loading .loadingLogo .loadingLogo1 {  opacity: 0.7;}.loading .loadingLogo .loadingLogo2 {  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);  transition: -webkit-clip-path 1s ease;}.loading .loadingLogo .loadingLogo2.active {  -webkit-clip-path: polygon(100% 0%, 0% 0%, 0% 100%, 100% 100%);}.loading .loadingLogo.active img {  transform: translateY(0);}.loading .loadingLogo.active2 {  transform: scale(0.5) translateY(-15vw);  opacity: 0;}header {  width: 100%;  position: absolute;  z-index: 999;  display: flex;  justify-content: space-between;  padding: 5px 8vw;  align-items: center;  -webkit-transition: all 0.5s;}header .logo {  width: 110px;}header .logo img:nth-child(2) {  display: none;}header .nav ul {  display: flex;  align-items: center;}header .nav ul li {  margin-right: 3vw;  position: relative;}header .nav ul li a {  font-size: 18px;  line-height: 65px;  color: white;}header .nav ul li a::after {  width: 0%;  height: 1px;  position: absolute;  right: 5%;  bottom: 16px;  content: '';  background: rgba(255, 255, 255, 0.45);  transition: all 0.45s cubic-bezier(0.38, 0, 0, 1);}header .nav ul li .second-lab {  width: max-content;  position: absolute;  left: 50%;  top: 78px;  display: flex;  opacity: 0;  transform: translateX(-50%) translateY(15px);  pointer-events: none;  transition: all 0.5s cubic-bezier(0.38, 0, 0, 1);  gap: 1vw;}header .nav ul li .second-lab a {  padding: 0;  line-height: 35px;  text-align: center;  font-weight: 200;  font-size: 16px;  transition: 0.8s cubic-bezier(0.38, 0, 0, 1);  opacity: 1;  transform: translateY(0%);  will-change: transform;  display: block;  width: auto;}header .nav ul li .second-lab a::after {  content: inherit;}header .nav ul li .second-lab::before {  width: 100%;  height: 20px;  position: absolute;  left: 0;  top: -20px;  content: '';}header .nav ul li .serach {  font-size: 1.3vw;  cursor: pointer;}header .nav ul li:hover .second-lab {  opacity: 1;  pointer-events: auto;  transform: translateX(-50%) translateY(0px);}header .nav ul li:hover a::after {  width: 90%;  right: auto;  left: 5%;}header .nav ul li:last-child {  margin: 0;}header .serach {  font-size: 24px;  padding: 0 0 0 1.2vw;  cursor: pointer;  color: white;  transition: 0.3s all;}header .serach input {  width: 0;  position: absolute;  right: 1.5vw;  margin-top: 0.3vw;  border: transparent;  outline: none;  border-bottom: 1px solid white;  background: transparent;  color: white;  font-size: 16px;  font-family: inherit;  transition: 0.3s all;}header .serach.active {  transform: translateX(2vw);}header .serach.active input {  width: 10vw;}.show nav ul li .second-lab {  pointer-events: none;  opacity: 0;}header.active {  background: rgba(0, 0, 0, 0.25);  backdrop-filter: blur(10px);}header.active .logo img:nth-child(1) {  display: none;}header.active .logo img:nth-child(2) {  display: block;}header.active .nav ul li a {  color: white;}header::before {  width: 100%;  height: 50px;  position: absolute;  left: 0;  top: 100%;  content: '';  background: rgba(0, 0, 0, 0.55);  transform: scaleY(0) translateY(0%);  backdrop-filter: blur(10px);  transition: transform 0.8s cubic-bezier(0.38, 0, 0, 1);  will-change: transform;  transform-origin: top;}header.show::before {  transform: scaleY(1);}footer {  width: 100%;  position: relative;  background: url('../images/footer.jpg') center no-repeat;  background-size: cover !important;  padding: 3vw 8vw 2vw 8vw;  z-index: 2;}footer .footerHead {  width: 100%;  display: flex;  justify-content: space-between;  align-items: end;}footer .footerHead .logo {  width: 110px;}footer .footerHead .qrcode {  position: relative;}footer .footerHead .qrcode .icon {  width: 2vw;  height: 2vw;  background: rgba(255, 255, 255, 0.5);  border-radius: 50%;  color: white;  font-size: 1.2vw;  text-align: center;  cursor: pointer;}footer .footerHead .qrcode .qrcodeImg {  width: 6vw;  position: absolute;  top: -6.5vw;  margin-left: -2vw;  opacity: 0;  transition: 0.3s all;  pointer-events: none;}footer .footerHead .qrcode:hover .qrcodeImg {  opacity: 1;  pointer-events: all;}footer .footerNav {  width: 100%;  margin: 2vw 0;  border-top: 1px solid rgba(255, 255, 255, 0.2);  border-bottom: 1px solid rgba(255, 255, 255, 0.2);  padding: 2vw 0;}footer .footerNav ul {  display: flex;  justify-content: space-between;}footer .footerNav ul li a {  font-size: 1vw;  font-family: Medium;  color: white;}footer .footerNav ul li ul {  display: block;  margin-top: 1.5vw;}footer .footerNav ul li ul li {  margin-bottom: 0.5vw;  text-align: left;  position: relative;}footer .footerNav ul li ul li a {  font-size: 0.85vw;  font-family: Regular;  position: relative;  opacity: 0.8;  color: white;}footer .footerNav ul li ul li a::after {  width: 0%;  height: 1px;  position: absolute;  left: 50%;  bottom: -3px;  content: '';  background: rgba(255, 255, 255, 0.5);  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);}footer .footerNav ul li ul li a:hover {  opacity: 1;}footer .footerNav ul li ul li a:hover::after {  width: 100%;  left: 0%;}footer .footerNav ul li:last-child {  margin-right: 0;}footer .footerInfo {  width: 100%;  display: flex;  justify-content: space-between;  align-items: center;}footer .footerInfo .info {  color: white;  font-size: 0.8vw;  line-height: 1.7;  opacity: 0.8;}footer .footerInfo .info a{  color: white;}footer .footerInfo .friends {  background: white;  padding: 0.5vw 1vw;  border-radius: 5vw;}footer .footerInfo .friends select {  width: 6vw;  border: none;  outline: none;  font-family: initial;  font-size: 0.85vw;}.more {  background: white;  color: #245AA8;  font-size: 0.9vw;  border-radius: 5vw;  padding: 0.5vw 1.5vw;  display: inline-flex;  align-items: center;}.more i {  transform: rotate(180deg);  position: relative;  margin-left: 0.5vw;  transition: 0.3s all;}.more:hover i {  transform: rotate(145deg);}.titBox {  position: relative;}.titBox .tit {  font-size: 2.3vw;  font-weight: 500;  position: relative;  display: inline;}.titBox .tit::before {  content: '';  position: absolute;  width: 0.6vw;  height: 0.6vw;  background: #245AA8;  right: -1vw;  margin-top: 0.5vw;  transform: rotate(45deg);}.titBox .en {  font-size: 1.1vw;  text-transform: uppercase;}.bannerBox {  width: 100%;  height: 70vh;  position: relative;  overflow: hidden;}.bannerBox .banner {  width: 100%;  height: 100%;  background-size: cover !important;  transform: scale(1.1);  animation: bannerAnm 1s ease-in-out forwards;}@keyframes bannerAnm {  0% {    transform: scale(1.1);  }  100% {    transform: scale(1);  }}.bannerBox .text {  position: absolute;  left: 8vw;  top: 50%;  transform: translateY(-50%);  color: white;}.bannerBox .text .t {  font-size: 3vw;  font-weight: 400;}.bannerBox .text .d {  font-size: 1.2vw;  font-weight: 100;}.bannerBox::before {  content: '';  position: absolute;  width: 100%;  height: 10vw;  top: 0;  left: 0;  pointer-events: none;  z-index: 1;}.index {  width: 100%;  position: relative;}.index .f1 {  width: 100%;  height: 100vh;  position: relative;}.index .f1 .f1Swiper {  width: 100%;  height: 100vh;  transition: 1s all;  transform: translateY(30vw) scale(1.5);}.index .f1 .f1Swiper .text {  position: absolute;  top: 60%;  left: 8vw;  transform: translateY(-50%);  font-size: 3vw;  color: #fff;  opacity: 0;  transition: 1s 0.5s all;}.index .f1 .f1Swiper .img {  width: 100%;  height: 100%;  background-size: cover !important;}.index .f1 .f1Swiper .swiper-slide-active .text {  opacity: 1;  top: 50%;}.index .f1 .f1Swiper .swiper-pagination {  bottom: 5vh;}.index .f1 .f1Swiper .swiper-pagination .swiper-pagination-bullet {  width: 8px;  height: 8px;  border-radius: 1px;  background: white;  margin: 0 0.5vw;  transition: 0.3s all ease;  transform: rotate(45deg);}.index .f1 .f1Swiper .swiper-pagination .swiper-pagination-bullet-active {  background-color: white;}.index .f1 .f1Swiper .swiper-button-next {  right: 3vw;}.index .f1 .f1Swiper .swiper-button-prev {  left: 3vw;}.index .f1 .f1Swiper .swiper-button-next:after,.index .f1 .f1Swiper .swiper-button-prev:after {  color: white;  font-size: 24px;}.index .f1 .f1Swiper.active {  transform: translateY(0) scale(1);}.index .f1 .home-hero-backdrop {  z-index: 1;  backdrop-filter: blur(0);  pointer-events: none;  width: 100%;  height: 100%;  top: 0;  position: absolute;  inset: 0%;}.index .f1 .home-hero-backdrop.active {  backdrop-filter: blur(20px);}.index .f1Text {  width: 100%;  height: 100vh;  z-index: 9;  position: absolute;  top: 0;  pointer-events: none;}.index .f1Text .text {  width: 50vw;  position: absolute;  transform: translate(-50%, -50%);  top: 60%;  left: 50%;  opacity: 0;  color: white;  text-align: center;}.index .f1Text .text .t {  font-size: 1.8vw;}.index .f1Text .text .d {  font-size: 1vw;  line-height: 1.7;  margin: 2vw 0;}.index .f1Text .text .its {  display: flex;  justify-content: center;  text-align: left;}.index .f1Text .text .its .it {  margin: 0 3vw;}.index .f1Text .text .its .it p {  font-size: 0.9vw;  color: #245AA8;  background: white;  border-radius: 5vw;  padding: 0.1vw 1vw;  display: inline-block;}.index .f1Text .text .its .it .num {  line-height: 1.2;  font-size: 1.5vw;}.index .f1Text .text .its .it .num span {  font-size: 3vw;}.index .f1Text .text .more {  margin-top: 3vw;}.index .f1Text .f1Box {  width: 100%;  position: absolute;}.index .f1Text .f1Box .item {  border-radius: 1vw;  overflow: hidden;}.index .f1Text .f1Box .item .img {  width: 100%;  height: 100%;  position: relative;  transition: 0.5s all;  background-size: cover !important;}.index .f1Text .f1Box .item .txt {  position: absolute;  bottom: -3vw;  padding: 1vw;  color: white;  transition: 0.5s all;}.index .f1Text .f1Box .item .txt .t {  font-size: 1vw;}.index .f1Text .f1Box .item .txt .more {  margin-top: 1vw;  opacity: 0;}.index .f1Text .f1Box .item:hover .img {  transform: scale(1.1);}.index .f1Text .f1Box .item:hover .txt {  bottom: 0;}.index .f1Text .f1Box .item:hover .txt .more {  opacity: 1;}.index .f1Text .f1Box .item1 {  width: 25vw;  height: 14vw;  top: 8vw;  left: 3vw;  position: absolute;  transform: translate(35vw, 55vw);  cursor: pointer;}.index .f1Text .f1Box .item2 {  width: 22vw;  height: 13vw;  top: 7vw;  right: 8vw;  position: absolute;  transform: translate(-30vw, 55vw);  cursor: pointer;}.index .f1Text .f1Box .item3 {  width: 22vw;  height: 13vw;  top: 30vw;  left: 2vw;  position: absolute;  transform: translate(35vw, 30vw);  cursor: pointer;}.index .f1Text .f1Box .item4 {  width: 25vw;  height: 15vw;  top: 30vw;  right: 2vw;  position: absolute;  transform: translate(-35vw, 30vw);  cursor: pointer;}.index .f3 {  width: 100%;  height: 100vh;  position: relative;  background-size: cover !important;  padding: 5vw 8vw;}.index .f3 .f3Box {  width: 100%;  position: relative;  display: flex;  margin-top: 3vw;}.index .f3 .f3Box .item {  flex: 1;  height: 28vw;  border-radius: 0.5vw;  position: relative;  overflow: hidden;  cursor: pointer;  transition: 0.5s all;}.index .f3 .f3Box .item .img {  width: 100%;  height: 100%;  background-size: cover !important;  background-position: left;}.index .f3 .f3Box .item .text {  position: absolute;  bottom: 0;  padding: 2vw;  color: white;  transition: 0.5s all;}.index .f3 .f3Box .item .text .t {  font-size: 1.5vw;  text-align: center;}.index .f3 .f3Box .item .text .d {  font-size: 0.9vw;  line-height: 1.7;  text-align: justify;  margin: 1vw 0;  opacity: 0;  height: 0;  transition: 0.5s all;}.index .f3 .f3Box .item .text .more {  opacity: 0;  height: 0;  transition: 0.5s all;}.index .f3 .f3Box .item:nth-child(2) {  margin: 0 2vw;}.index .f3 .f3Box .active {  flex: 2;}.index .f3 .f3Box .active .text .d {  width: 36vw;  opacity: 1;  height: auto;}.index .f3 .f3Box .active .text .more {  opacity: 1;  height: auto;}.index .f4 {  width: 100%;  height: 100vh;  position: relative;  overflow: hidden;}.index .f4 .f4Bg {  width: 60%;  height: 60%;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}.index .f4 .titBox {  text-align: center;  padding-top: 5vw;  color: white;  opacity: 0;  position: relative;  z-index: 2;}.index .f4 .titBox .tit::before {  background: white;}.index .f4 .f4Box {  width: 100%;  height: 100vh;  position: absolute;  display: flex;  justify-content: space-between;  align-items: center;  opacity: 0;  top: 0;}.index .f4 .f4Box .item {  height: 100vh;  padding-top: 18vw;  flex: 1;  border-right: 1px solid rgba(255, 255, 255, 0.3);  color: white;  text-align: center;  position: relative;  transition: 0.5s all;}.index .f4 .f4Box .item .icon {  width: 8vw;  height: 8vw;  border-radius: 50%;  border: 1px solid white;  margin: 0 auto;}.index .f4 .f4Box .item .icon img {  width: auto;  margin: 3vw auto 0 auto;  height: 2.2vw;}.index .f4 .f4Box .item .t {  font-size: 1.5vw;  margin: 1.5vw 0;}.index .f4 .f4Box .item .d {  font-size: 1vw;  line-height: 2;}.index .f4 .f4Box .item:hover {  backdrop-filter: blur(5px);}.index .f5 {  width: 100%;  position: relative;  background: url('../images/img8.jpg') center no-repeat;  background-size: cover !important;  padding: 5vw 8vw;}.index .f5 .f5Head {  width: 100%;  display: flex;  justify-content: space-between;  align-items: center;}.index .f5 .f5Top {  width: 100%;  position: relative;  display: flex;  justify-content: space-between;  margin-top: 2vw;  overflow: hidden;}.index .f5 .f5Top .item {  width: 66%;  height: 26vw;  border-radius: 1vw;  display: block;  position: relative;  overflow: hidden;}.index .f5 .f5Top .item .img {  width: 100%;  height: 100%;  background-size: cover !important;  transition: 0.5s all;}.index .f5 .f5Top .item .text {  width: 100%;  position: absolute;  bottom: 0;  color: white;  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);  padding: 2vw 3vw;  transform: translateY(2vw);  transition: 0.5s all;}.index .f5 .f5Top .item .text .time {  font-size: 0.9vw;  position: relative;}.index .f5 .f5Top .item .text .name {  font-size: 1.2vw;  margin-top: 0.5vw;}.index .f5 .f5Top .item .text .more {  opacity: 0;}.index .f5 .f5Top .item .text .more i {  transform: rotate(0);}.index .f5 .f5Top .item:hover {  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}.index .f5 .f5Top .item:hover .img {  transform: scale(1.05);}.index .f5 .f5Top .item:hover .text {  transform: translateY(0);}.index .f5 .f5Top .item:hover .text .more {  opacity: 1;  margin-top: 1vw;  font-size: 0.8vw;}.index .f5 .f5Top .item2 {  width: 32%;  height: 26vw;  position: relative;  border-radius: 1vw;  background: #245AA8;  display: block;  overflow: hidden;}.index .f5 .f5Top .item2 .text {  width: 100%;  height: 100%;  position: absolute;  top: 0;  color: white;  padding: 2vw 3vw;}.index .f5 .f5Top .item2 .text .time {  font-size: 0.9vw;  position: relative;}.index .f5 .f5Top .item2 .text .name {  font-size: 1.2vw;  margin-top: 0.5vw;}.index .f5 .f5Top .item2 .text .d {  font-size: 0.9vw;  line-height: 2;  margin-top: 2vw;}.index .f5 .f5Top .item2 .text .more {  position: absolute;  bottom: 2vw;  background: transparent;  color: white;  padding: 0;  font-size: 0.8vw;}.index .f5 .f5Top .item2 .text .more i {  transform: rotate(0);}.index .f5 .f5Top .item2::before {  content: '';  position: absolute;  width: 18vw;  height: 18vw;  background: url('../images/icon4.png') center no-repeat;  background-size: cover !important;  right: 0;  bottom: 0;  opacity: 0;  transition: 0.3s all;}.index .f5 .f5Top .item2:hover {  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}.index .f5 .f5Top .item2:hover .img {  transform: scale(1.05);}.index .f5 .f5Top .item2:hover::before {  opacity: 1;}.index .f5 .f5Box {  width: 100%;  margin-top: 2vw;  display: flex;  justify-content: space-between;}.index .f5 .f5Box .item {  width: 32%;  display: block;  border-radius: 1vw;  padding: 1.5vw 2vw;  background: #F5F5F7;  transition: 0.5s all;  position: relative;}.index .f5 .f5Box .item .time {  font-size: 0.9vw;  position: relative;}.index .f5 .f5Box .item .name {  font-size: 1vw;  margin-top: 0.5vw;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}.index .f5 .f5Box .item .more {  background: transparent;  padding: 0;  margin-top: 1vw;  font-size: 0.8vw;}.index .f5 .f5Box .item .more i {  transform: rotate(0);}.index .f5 .f5Box .item::before {  content: '';  position: absolute;  width: 6vw;  height: 6vw;  background: url('../images/icon5.png') center no-repeat;  background-size: cover !important;  right: 0;  bottom: 0;  opacity: 0;  transition: 0.3s all;}.index .f5 .f5Box .item:hover {  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}.index .f5 .f5Box .item:hover::before {  opacity: 1;}.about {  width: 100%;  position: relative;}.about .f1 {  width: 100%;  position: relative;  background: url('../images/img13.jpg') center no-repeat;  background-size: cover !important;  padding: 8vw 8vw 20vw 8vw;  display: flex;  justify-content: space-between;}.about .f1 .f1Box {  width: 58%;}.about .f1 .f1Box .des {  font-size: 1vw;  line-height: 2;  text-align: justify;}.about .f1 .f1Box .des p {  margin-bottom: 1vw;}.about .f1 .f1Box .its {  width: 100%;  margin-top: 3vw;  display: flex;  text-align: left;}.about .f1 .f1Box .its .it {  margin-right: 8vw;}.about .f1 .f1Box .its .it p {  font-size: 0.9vw;  color: #245AA8;  border: 1px solid #245AA8;  border-radius: 5vw;  padding: 0.1vw 1vw;  display: inline-block;}.about .f1 .f1Box .its .it .num {  line-height: 1.2;  font-size: 1.5vw;}.about .f1 .f1Box .its .it .num span {  font-size: 3vw;}.about .f2 {  width: 100%;  position: relative;  margin-top: -10vw;}.about .f2 .f2Box {  width: 84%;  background: url('../images/img14.jpg') center no-repeat;  background-size: cover !important;  padding: 5vw 8vw;  margin: 0 auto;  border-radius: 1vw;  overflow: hidden;}.about .f2 .f2Box .titBox {  text-align: center;}.about .f2 .f2Box .des {  font-size: 1vw;  text-align: center;  line-height: 2;  margin-top: 3vw;}.about .f3 {  width: 100%;  position: relative;  padding: 6vw 8vw;}.about .f3 .f3Swiper {  width: 100%;  position: relative;  margin-top: 3vw;  padding-bottom: 3vw;}.about .f3 .f3Swiper .swiper-slide .imgBox {  width: 100%;  height: 18vw;  border-radius: 0.5vw;  overflow: hidden;}.about .f3 .f3Swiper .swiper-slide .imgBox .img {  width: 100%;  height: 100%;  background-size: cover !important;  transition: 0.3s all;}.about .f3 .f3Swiper .swiper-slide .imgBox:hover .img {  transform: scale(1.1);}.about .f3 .f3Swiper .swiper-pagination {  height: 2px;  bottom: 0;  top: inherit;}.about .f3 .f3Swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {  background: #245AA8;}.about .f3 .swiper-button-next {  width: 2.5vw;  height: 2.5vw;  border-radius: 50%;  border: 1px solid #245AA8;  right: 8vw;  top: 10vw;}.about .f3 .swiper-button-prev {  width: 2.5vw;  height: 2.5vw;  border-radius: 50%;  border: 1px solid #245AA8;  right: 12vw;  left: inherit;  top: 10vw;}.about .f3 .swiper-button-next:after,.about .f3 .swiper-button-prev:after {  color: #245AA8;  font-size: 0.9vw;}.about .f4 {  width: 100%;  position: relative;  padding: 6vw 8vw 0 8vw;  background: url('../images/img18.jpg') center no-repeat;  background-size: cover !important;}.about .f4 .f4Box {  width: 100%;  display: flex;  justify-content: space-between;  margin-top: 3vw;}.about .f4 .f4Box .imginfo {  width: 25vw;  margin-left: -3vw;}.about .f4 .f4Box .f4Swiper {  width: 60vw;  height: 33vw;  margin: 0;  overflow: hidden;}.about .f4 .f4Box .f4Swiper .swiper-slide {  height: 15vw;}.about .f4 .f4Box .f4Swiper .swiper-slide .item {  height: 15vw;  background: url('../images/img20.png') center no-repeat;  background-size: cover !important;  padding: 3vw 1vw 1vw 1vw;  transition: 0.3s all;}.about .f4 .f4Box .f4Swiper .swiper-slide .item .txt {  width: 60%;}.about .f4 .f4Box .f4Swiper .swiper-slide .item .txt .year {  color: #999999;  font-size: 0.9vw;}.about .f4 .f4Box .f4Swiper .swiper-slide .item .txt .name {  font-size: 1vw;  margin-top: 0.5vw;}.about .f4 .f4Box .f4Swiper .swiper-slide .img {  position: absolute;  top: 2.5vw;  width: 100%;  left: 0;  transition: 0.3s all;  transform: rotateY(90deg);}.about .f4 .f4Box .f4Swiper .swiper-slide:hover .item {  transform: rotateY(180deg);  opacity: 0;}.about .f4 .f4Box .f4Swiper .swiper-slide:hover .img {  transform: rotateY(0deg);}.about .f4 .f4Box .swiper-button-next {  width: 2.5vw;  height: 2.5vw;  border-radius: 50%;  border: 1px solid #245AA8;  right: 2vw;  top: -4vw;}.about .f4 .f4Box .swiper-button-prev {  width: 2.5vw;  height: 2.5vw;  border-radius: 50%;  border: 1px solid #245AA8;  right: 6vw;  left: inherit;  top: -4vw;}.about .f4 .f4Box .swiper-button-next:after,.about .f4 .f4Box .swiper-button-prev:after {  color: #245AA8;  font-size: 0.9vw;}.about .f5 {  width: 100%;  position: relative;  padding: 5vw 8vw;}.about .f5 .f5Img {  width: 100%;}.news {  width: 100%;  position: relative;  background: #F9F9F9;}.news .f1 {  width: 100%;  position: relative;  padding: 4vw 8vw;}.news .f1 .f1Head {  width: 100%;  display: flex;  justify-content: space-between;  align-items: center;}.news .f1 .f1Head .tabBox {  display: flex;}.news .f1 .f1Head .tabBox .tab {  color: #666666;  border: 1px solid #666666;  font-size: 0.9vw;  padding: 0.3vw 1.5vw;  border-radius: 5vw;  margin-left: 1vw;  display: block;}.news .f1 .f1Head .tabBox .tab:hover {  color: #245AA8;  border: 1px solid #245AA8;}.news .f1 .f1Head .tabBox .active {  color: #245AA8;  border: 1px solid #245AA8;}.news .f1 .f1Swiper {  width: 100%;  margin: 3vw 0;  position: relative;  overflow: hidden;}.news .f1 .f1Swiper .swiper-slide {  width: 100%;  position: relative;  display: flex;}.news .f1 .f1Swiper .swiper-slide .imgBox {  width: 55%;  height: 23vw;  position: relative;  border-radius: 0.5vw;  overflow: hidden;}.news .f1 .f1Swiper .swiper-slide .imgBox .img {  width: 100%;  height: 100%;  transition: 0.5s all;  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.15);  background-size: cover !important;}.news .f1 .f1Swiper .swiper-slide .imgBox:hover .img {  transform: scale(1.1);}.news .f1 .f1Swiper .swiper-slide .text {  width: 45%;  padding: 1vw 0 0 3vw;}.news .f1 .f1Swiper .swiper-slide .text .time {  font-size: 0.8vw;  color: #999999;}.news .f1 .f1Swiper .swiper-slide .text .name {  font-size: 1.5vw;  font-weight: 400;  margin: 1vw 0;  line-height: 1.7;  text-align: justify;  -webkit-line-clamp: 2;  display: -webkit-box;  -webkit-box-orient: vertical;  overflow: hidden;}.news .f1 .f1Swiper .swiper-slide .text .des {  font-size: 1vw;  line-height: 2;  margin-top: 1vw;  text-align: justify;  color: #666666;}.news .f1 .f1Swiper .swiper-slide .text .more {  font-size: 0.9vw;  color: #0055B9;  margin-top: 2vw;  padding: 0;  background: transparent;}.news .f1 .f1Swiper .swiper-slide .text .more i {  font-size: 0.8vw;  transform: rotate(0);}.news .f1 .f1Swiper .swiper-button-next {  width: 2.5vw;  height: 2.5vw;  border-radius: 50%;  border: 1px solid #245AA8;  color: #245AA8;  font-size: 2vw;  right: inherit;  top: inherit;  bottom: 0;  left: 63%;}.news .f1 .f1Swiper .swiper-button-prev {  width: 2.5vw;  height: 2.5vw;  border-radius: 50%;  border: 1px solid #245AA8;  color: #245AA8;  font-size: 2vw;  left: 59%;  top: inherit;  bottom: 0;}.news .f1 .f1Swiper .swiper-button-next:after,.news .f1 .f1Swiper .swiper-button-prev:after {  color: #245AA8;  font-size: 0.9vw;}.news .f1 .f1Box {  width: 100%;  display: flex;  justify-content: space-between;  flex-wrap: wrap;}.news .f1 .f1Box .item {  width: 31.5%;  position: relative;  display: block;  border-radius: 0.5vw;  overflow: hidden;  padding: 1vw;  margin-bottom: 2vw;  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.05);}.news .f1 .f1Box .item .imgBox {  width: 100%;  height: 12vw;  overflow: hidden;}.news .f1 .f1Box .item .imgBox .img {  width: 100%;  height: 100%;  background-size: cover !important;  transition: 0.5s all;}.news .f1 .f1Box .item .text {  padding: 1vw;}.news .f1 .f1Box .item .text .time {  color: #999999;  font-size: 0.9vw;}.news .f1 .f1Box .item .text .name {  font-size: 1vw;  line-height: 1.7;  text-align: justify;  margin-top: 0.5vw;  -webkit-line-clamp: 2;  display: -webkit-box;  -webkit-box-orient: vertical;  overflow: hidden;}.news .f1 .f1Box .item .text .more {  padding: 0;  margin-top: 2vw;  background: transparent;}.news .f1 .f1Box .item .text .more i {  transform: rotate(0);}.news .f1 .f1Box .item::before {  content: '';  position: absolute;  width: 8vw;  height: 8vw;  background: url('../images/icon5.png') center no-repeat;  background-size: cover !important;  right: 0;  bottom: 0;}.news .f1 .f1Box .item:hover {  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.15);}.news .f1 .f1Box .item:hover .imgBox .img {  transform: scale(1.1);}.news2 {  width: 100%;  position: relative;  background: #F9F9F9;}.news2 .f1 {  width: 100%;  position: relative;  padding: 4vw 0;}.news2 .f1 .f1Head {  width: 100%;  display: flex;  justify-content: space-between;  align-items: center;  padding: 0 8vw;}.news2 .f1 .f1Head .tabBox {  display: flex;}.news2 .f1 .f1Head .tabBox .tab {  color: #666666;  border: 1px solid #666666;  font-size: 0.9vw;  padding: 0.3vw 1.5vw;  border-radius: 5vw;  margin-left: 1vw;  display: block;}.news2 .f1 .f1Head .tabBox .tab:hover {  color: #245AA8;  border: 1px solid #245AA8;}.news2 .f1 .f1Head .tabBox .active {  color: #245AA8;  border: 1px solid #245AA8;}.news2 .f1 .f1Item {  width: 100%;  position: relative;  margin-top: 1vw;}.news2 .f1 .f1Item .item {  width: 100%;  display: flex;  position: relative;  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  padding: 3vw 8vw;}.news2 .f1 .f1Item .item .time {  font-weight: bold;  padding-top: 2vw;}.news2 .f1 .f1Item .item .time .day {  font-size: 1.2vw;}.news2 .f1 .f1Item .item .time .year {  font-size: 0.9vw;}.news2 .f1 .f1Item .item .imgBox {  width: 28vw;  height: 15vw;  position: relative;  overflow: hidden;  margin: 0 3vw;  border-radius: 0.5vw;}.news2 .f1 .f1Item .item .imgBox .img {  width: 100%;  height: 100%;  background-size: cover !important;  transition: 0.5s all;}.news2 .f1 .f1Item .item .text {  width: 48vw;  padding: 1vw;}.news2 .f1 .f1Item .item .text .name {  font-size: 1.3vw;  font-weight: 400;  line-height: 1.7;  text-align: justify;  -webkit-line-clamp: 2;  display: -webkit-box;  -webkit-box-orient: vertical;  overflow: hidden;}.news2 .f1 .f1Item .item .text .des {  font-size: 0.9vw;  margin-top: 2vw;  line-height: 1.7;  text-align: justify;  -webkit-line-clamp: 5;  display: -webkit-box;  -webkit-box-orient: vertical;  overflow: hidden;  color: #5E6A71;}.news2 .f1 .f1Item .item::before {  content: '';  position: absolute;  width: 0;  height: 1px;  bottom: 0;  left: 0;  background: #245AA8;  transition: 1s all;}.news2 .f1 .f1Item .item:hover .imgBox .img {  transform: scale(1.05);}.news2 .f1 .f1Item .item:hover .text .name {  color: #245AA8;}.news2 .f1 .f1Item .item:hover::before {  width: 100%;}.notice {  width: 100%;  position: relative;  background: #F9F9F9;}.notice .f1 {  width: 100%;  position: relative;  padding: 4vw 8vw;}.notice .f1 .f1Box {  width: 100%;  display: flex;  justify-content: space-between;  flex-wrap: wrap;  margin-top: 3vw;}.notice .f1 .f1Box .item {  width: 31.5%;  position: relative;  display: block;  border-radius: 0.5vw;  overflow: hidden;  padding: 1vw;  margin-bottom: 2vw;  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.05);}.notice .f1 .f1Box .item .imgBox {  width: 100%;  height: 12vw;  overflow: hidden;}.notice .f1 .f1Box .item .imgBox .img {  width: 100%;  height: 100%;  background-size: cover !important;  transition: 0.5s all;}.notice .f1 .f1Box .item .text {  padding: 1vw;}.notice .f1 .f1Box .item .text .time {  color: #999999;  font-size: 0.9vw;}.notice .f1 .f1Box .item .text .name {  font-size: 1vw;  line-height: 1.7;  text-align: justify;  margin-top: 0.5vw;}.notice .f1 .f1Box .item .text .more {  padding: 0;  margin-top: 2vw;  background: transparent;}.notice .f1 .f1Box .item .text .more i {  transform: rotate(0);}.notice .f1 .f1Box .item::before {  content: '';  position: absolute;  width: 8vw;  height: 8vw;  background: url('../images/icon5.png') center no-repeat;  background-size: cover !important;  right: 0;  bottom: 0;}.notice .f1 .f1Box .item:hover {  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.15);}.notice .f1 .f1Box .item:hover .imgBox .img {  transform: scale(1.1);}.product {  width: 100%;  position: relative;  background: #F9F9F9;}.product .f1 {  width: 100%;  position: relative;  padding: 4vw 8vw;}.product .f1 .f1Head {  width: 100%;  display: flex;  justify-content: space-between;  align-items: center;}.product .f1 .f1Head .tit {  font-size: 1.8vw;  font-weight: 500;}.product .f1 .f1Head .tabBox {  display: flex;}.product .f1 .f1Head .tabBox .tab {  color: #666666;  border: 1px solid #666666;  font-size: 0.9vw;  padding: 0.3vw 1.5vw;  border-radius: 5vw;  margin-left: 1vw;  display: block;}.product .f1 .f1Head .tabBox .tab:hover {  color: #245AA8;  border: 1px solid #245AA8;}.product .f1 .f1Head .tabBox .active {  color: #245AA8;  border: 1px solid #245AA8;}.product .f1 .f1Box {  width: 100%;  position: relative;  display: flex;  justify-content: space-between;  flex-wrap: wrap;  margin-top: 2vw;}.product .f1 .f1Box .item {  width: 32%;  position: relative;  overflow: hidden;  padding: 1vw;  border-radius: 0.5vw;  background: white;  margin-top: 1.5vw;}.product .f1 .f1Box .item .imgBox {  width: 100%;  height: 18vw;  overflow: hidden;}.product .f1 .f1Box .item .imgBox .img {  width: 100%;  height: 100%;  background-size: cover !important;  transition: 0.3s all;}.product .f1 .f1Box .item .name {  padding: 1vw 0;  font-size: 1vw;  text-align: center;}.product .f1 .f1Box .item:hover {  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.05);}.product .f1 .f1Box .item:hover .imgBox .img {  transform: scale(1.1);}.product2 {  width: 100%;  position: relative;  background: #F9F9F9;}.product2 .f1 {  width: 100%;  position: relative;  padding: 4vw 8vw;}.product2 .f1 .f1Head {  width: 100%;  display: flex;  justify-content: space-between;}.product2 .f1 .f1Head .tit {  font-size: 1.8vw;  font-weight: 500;}.product2 .f1 .f1Head .des {  width: 60%;  font-size: 1vw;  line-height: 1.7;  text-align: justify;}.product2 .f1 .f1Box {  width: 100%;  position: relative;  margin-top: 5vw;}.product2 .f1 .f1Box .item {  width: 100%;  position: relative;  border-radius: 0.5vw;  overflow: hidden;  margin-top: 2vw;}.product2 .f1 .f1Box .item .img {  width: 100%;  height: 30vw;  background-size: cover !important;  transition: 0.3s all;}.product2 .f1 .f1Box .item .txt {  position: absolute;  color: white;  bottom: 0;  padding: 3vw;  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);}.product2 .f1 .f1Box .item .txt .t {  font-size: 1.5vw;  font-weight: 500;}.product2 .f1 .f1Box .item .txt .d {  width: 55%;  font-size: 1vw;  margin-top: 1vw;  line-height: 1.7;  text-align: justify;}.product2 .f1 .f1Box .item:hover {  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.15);}.product2 .f1 .f1Box .item:hover .img {  transform: scale(1.05);}.equipment {  width: 100%;  position: relative;}.equipment .f1 {  width: 100%;  position: relative;  padding: 4vw 12vw;}.equipment .f1 .mySwiper2 {  width: 100%;  margin-top: 3vw;  border-radius: 0.5vw;  overflow: hidden;}.equipment .f1 .mySwiper2 .txt {  color: white;  position: absolute;  z-index: 2;  bottom: 0;  padding: 3vw;}.equipment .f1 .mySwiper2 .txt .t {  font-size: 1.5vw;  font-weight: 500;}.equipment .f1 .mySwiper2 .txt .d {  font-size: 1vw;  margin-top: 0.5vw;  line-height: 1.7;}.equipment .f1 .mySwiper2 .swiper-slide .img {  width: 100%;  height: 32vw;  background-size: cover !important;}.equipment .f1 .mySwiper {  width: 100%;  margin-top: 1.5vw;  overflow: hidden;}.equipment .f1 .mySwiper .swiper-slide {  border-radius: 0.5vw;  overflow: hidden;  cursor: pointer;}.equipment .f1 .mySwiper .swiper-slide .img {  width: 100%;  height: 10vw;  position: relative;  background-size: cover !important;}.equipment .f1 .mySwiper .swiper-slide .img .name {  color: white;  font-size: 1vw;  bottom: 0;  position: absolute;  padding: 1vw;  z-index: 2;}.equipment .f1 .mySwiper .swiper-slide::before {  content: '';  position: absolute;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.3);  z-index: 1;}.equipment .f1 .mySwiper .swiper-slide-thumb-active::before {  background: transparent;}.equipment .f1:nth-child(even) {  background: #F9F9F9;}.companies {  width: 100%;  position: relative;  background: #F9F9F9;}.companies .f1 {  width: 100%;  position: relative;  padding: 4vw 8vw;}.companies .f1 .item {  width: 100%;  position: relative;  padding: 1.5vw;  border-radius: 0.5vw;  overflow: hidden;  display: flex;  justify-content: space-between;  align-items: center;  background: white;  margin-top: 2vw;  transition: 0.3s all;}.companies .f1 .item .imgBox {  width: 30vw;  height: 25vw;  overflow: hidden;}.companies .f1 .item .imgBox .img {  width: 100%;  height: 100%;  transition: 0.3s all;  background-size: cover !important;}.companies .f1 .item .text {  width: 48vw;  padding: 0 2vw;}.companies .f1 .item .text .tit {  display: flex;  align-items: center;}.companies .f1 .item .text .tit img {  width: 7vw;  margin-right: 2vw;}.companies .f1 .item .text .tit p {  font-size: 1.3vw;  font-weight: 500;}.companies .f1 .item .text .des {  font-size: 0.9vw;  line-height: 2;  text-align: justify;  margin: 2vw 0;}.companies .f1 .item .text .more {  padding: 0;}.companies .f1 .item .text .more i {  transform: rotate(0);}.companies .f1 .item:hover {  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.05);}.companies .f1 .item:hover .imgBox .img {  transform: scale(1.05);}.join {  width: 100%;  position: relative;}.join .f1 {  width: 100%;  position: relative;  padding: 4vw 8vw;}.join .f1 .f1Box {  width: 100%;  position: relative;  border-radius: 1vw;  overflow: hidden;  background-size: cover !important;  color: white;  padding: 5vw;}.join .f1 .f1Box .titBox .tit::before {  background: white;}.join .f1 .f1Box .txt {  margin-top: 8vw;}.join .f1 .f1Box .txt .icon {  width: 4vw;}.join .f1 .f1Box .txt .des {  font-size: 1.5vw;  line-height: 1.7;  margin-top: 1vw;}.join .f2 {  width: 100%;  position: relative;  padding: 2vw 8vw 4vw 8vw;}.join .f2 .recruitmentTab {  display: flex;  margin: 2vw 0;}.join .f2 .recruitmentTab .tab {  color: #999999;  border: 1px solid #999999;  padding: 0.3vw 2vw;  border-radius: 5vw;  margin-right: 1vw;  font-size: 0.9vw;  cursor: pointer;}.join .f2 .recruitmentTab .tab:hover {  color: #245AA8;  border: 1px solid #245AA8;}.join .f2 .recruitmentTab .active {  color: #245AA8;  border: 1px solid #245AA8;}.join .f2 .f2Box {  width: 100%;  position: relative;  display: flex;  justify-content: space-between;  align-items: flex-start;}.join .f2 .f2Box .social {  width: 75%;  position: relative;}.join .f2 .f2Box .social .item {  width: 100%;  background: #f5f5f5;  position: relative;  border-radius: 0.5vw;  overflow: hidden;  padding: 1.5vw;  margin-bottom: 1.5vw;  cursor: pointer;}.join .f2 .f2Box .social .item .tit {  width: 100%;  position: relative;}.join .f2 .f2Box .social .item .tit .t {  font-size: 1.2vw;  font-weight: 500;}.join .f2 .f2Box .social .item .tit .d {  font-size: 0.9vw;  color: #999999;  margin-top: 0.5vw;}.join .f2 .f2Box .social .item .tit .icon::before {  content: '+';  position: absolute;  font-size: 1.5vw;  right: 1vw;  top: 0.5vw;  color: #666666;}.join .f2 .f2Box .social .item .des {  font-size: 0.9vw;  line-height: 1.7;  height: 0;  opacity: 0;}.join .f2 .f2Box .social .item .btn {  background: #245AA8;  color: white;  font-size: 0.9vw;  padding: 0.5vw 5vw;  border-radius: 0.5vw;  display: none;}.join .f2 .f2Box .social .active {  border: 1px solid #245AA8;  background: #FFF;  box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 0.05);}.join .f2 .f2Box .social .active .tit {  padding-bottom: 1vw;  border-bottom: 1px solid rgba(0, 0, 0, 0.2);}.join .f2 .f2Box .social .active .tit .icon::before {  content: '-';  font-size: 2vw;  top: 0;}.join .f2 .f2Box .social .active .des {  height: auto;  opacity: 1;  padding: 1vw 0;}.join .f2 .f2Box .social .active .btn {  display: inline-block;  margin-top: 1vw;}.join .f2 .f2Box .right {  width: 20%;  background: #f7f7f7;  border: 1px solid #245AA8;  position: relative;  padding: 1.5vw;  border-radius: 0.5vw;  overflow: hidden;}.join .f2 .f2Box .right .tit {  padding-bottom: 1vw;  border-bottom: 1px solid rgba(0, 0, 0, 0.2);}.join .f2 .f2Box .right .tit .icon {  width: 2vw;}.join .f2 .f2Box .right .tit .t {  font-size: 1.2vw;  font-weight: 500;  margin-top: 0.5vw;}.join .f2 .f2Box .right .its {  padding: 1vw 0;}.join .f2 .f2Box .right .its .t {  font-size: 1vw;}.join .f2 .f2Box .right .its .d {  font-size: 0.9vw;  color: #666666;}.join .f3 {  width: 100%;  position: relative;  padding: 0 8vw 4vw 8vw;}.join .f3 .f3Swiper {  width: 100%;  position: relative;  margin-top: 3vw;  padding-bottom: 1vw;}.join .f3 .f3Swiper .swiper-slide {  position: relative;}.join .f3 .f3Swiper .swiper-slide .imgBox {  width: 100%;  height: 26vw;  border-radius: 0.5vw;  overflow: hidden;}.join .f3 .f3Swiper .swiper-slide .imgBox .img {  width: 100%;  height: 100%;  transition: 0.3s all;  background-size: cover !important;}.join .f3 .f3Swiper .swiper-slide .name {  font-size: 1vw;  padding: 1vw 0;}.join .f3 .f3Swiper .swiper-slide:hover .img {  transform: scale(1.1);}.join .f3 .swiper-pagination {  height: 2px;  bottom: 0;  top: inherit;}.join .f3 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {  background: #245AA8;}.join .f3 .swiper-button-next {  width: 2.5vw;  height: 2.5vw;  border-radius: 50%;  border: 1px solid #245AA8;  right: 8vw;  top: 4vw;}.join .f3 .swiper-button-prev {  width: 2.5vw;  height: 2.5vw;  border-radius: 50%;  border: 1px solid #245AA8;  left: inherit;  right: 12vw;  top: 4vw;}.join .f3 .swiper-button-next:after,.join .f3 .swiper-button-prev:after {  color: #245AA8;  font-size: 0.75vw;}.contactUs {  width: 100%;  position: relative;}.contactUs .f1 {  width: 100%;  height: 100vh;  position: relative;  background-size: cover !important;  padding: 4vw 8vw;}.contactUs .f1 .textBox {  width: 35vw;  border-radius: 0.5vw;  overflow: hidden;  background: rgba(255, 255, 255, 0.5);  box-shadow: 0 4px 80px 0 rgba(0, 0, 0, 0.05);  backdrop-filter: blur(20px);  padding: 3vw;}.contactUs .f1 .textBox .titBox {  padding-bottom: 2vw;  border-bottom: 1px solid rgba(0, 0, 0, 0.2);}.contactUs .f1 .textBox .des {  margin-top: 2vw;}.contactUs .f1 .textBox .des .t {  font-size: 1.5vw;  font-weight: 500;}.contactUs .f1 .textBox .des .d {  font-size: 0.9vw;  line-height: 2;  margin-top: 1vw;}.contactUs .f1 .textBox .qrcodeBox {  display: flex;  justify-content: space-between;  align-items: flex-end;  margin-top: 1vw;}.contactUs .f1 .textBox .qrcodeBox .info {  font-size: 0.9vw;}.contactUs .f1 .textBox .qrcodeBox .qrcode {  width: 8vw;  border: 1px solid #1F4397;  border-radius: 0.5vw;  padding: 0.2vw;  background: white;}.contactUs .f1 .textBox .btn {  background: #F3F3F3;  width: 100%;  display: flex;  justify-content: space-between;  padding: 1vw;  font-size: 0.9vw;  margin-top: 2vw;  border-radius: 0.5vw;  transition: 0.3s all;}.contactUs .f1 .textBox .btn .icon {  transform: rotate(180deg);}.contactUs .f1 .textBox .btn:hover {  background: #245AA8;  color: white;}.pc {  display: block;}.mobile {  display: none;}@media screen and (max-width: 1660px) {  header .serach.active {    transform: translateX(5vw);  }}@media screen and (max-width: 1440px) {  header .serach.active {    transform: translateX(6vw);  }  header .serach.active input {    width: 8vw;  }  header .nav ul li{    margin-right: 2vw;  }  header .nav ul li a{    font-size: 16px;  }  header .nav ul li .second-lab a{    font-size: 14px;  }}@media screen and (max-width: 900px) {  .pc {    display: none;  }  .mobile {    display: block;  }  .sp_header {    height: 50px;    overflow: hidden;    background: #004098;    position: fixed;    z-index: 999;    width: 100%;    top: 0;  }  .sp_logo {    padding: 10px;    float: left;  }  .sp_logo img {    margin: auto;    width: 90px;    transition: .35s all ease-in-out;  }  .sp_nav {    width: 50px;    height: 50px;    float: right;    position: relative;    cursor: pointer;    margin: 0 2vw;  }  .sp_nav span {    display: block;    background: white;    width: 30px;    height: 2px;    position: absolute;    left: 10px;    transition: all ease .35s  }  .sp_nav span:nth-of-type(1) {    top: 15px;  }  .sp_nav span:nth-of-type(2) {    top: 25px  }  .sp_nav span:nth-of-type(3) {    top: 35px  }  .sp_nav_se span:nth-of-type(1) {    top: 25px;    transform: rotate(45deg)  }  .sp_nav_se span:nth-of-type(2) {    width: 0  }  .sp_nav_se span:nth-of-type(3) {    top: 25px;    transform: rotate(-45deg)  }  .nav_sp_logo{    width: 40px !important;    position: fixed;    z-index: 999;  }  .sp_flex{    display: flex;  }  .sp_black{    width: 50px;    height: 100%;    position: fixed;    background: black;    right: -100%;    top: 0;    transition: top ease .35s  }  .sjj_nav {    position: fixed;    z-index: 999;    background: white;    width: 85%;    height: 100%;    font-size: 14px;    line-height: 40px;    top: 0;    right: -100%;    padding-top: 15vw;    overflow: auto;    overflow-x: hidden;    transition: right ease .35s  }  .sp_flex .mengBan{    width: 15%;    height: 100%;    background: rgba(0,0,0,.5);    position: fixed;    z-index: 999;    top: 0;    right: -100%;    transition: right ease .35s  }  .nav_show2 {    right: 85% !important;  }  .nav_show {    right: 0;  }  .sp_bottom{    width: 100%;    margin: 8vw auto;    display: inline-block;    text-align: center;  }  .sp_bottom .sp_serach{    width: 31vw;    height: 12vw;    background-color: #ffffff;    border-radius: 30px;    border: 1px solid #777777;    display: inline-block;    text-align: center;    font-size: 14px;    margin-right: 5vw;  }  .sp_bottom .sp_serach i{    color: black;    font-size: 16px;    margin-right: 2vw;  }  .sp_bottom .sp_lag{    width: 31vw;    height: 12vw;    display: inline-block;    background-color: #ffffff;    border-radius: 30px;    border: 1px solid #777777;    text-align: center;  }  .sp_bottom .sp_lag i{    color: black;    font-size: 16px;    margin-right: 2vw;  }  .sjj_nav > ul > li:first-child {    overflow: hidden;    border-top: 0  }  .sjj_nav > ul > li:first-child > a {    /*float: left;*/    /*width: calc(100% - 70px)*/  }  .sjj_nav > ul > li:first-child .language {    float: right;    width: 70px;    overflow: hidden;    line-height: 30px;    margin-top: 5px  }  .sjj_nav > ul > li:first-child .language a {    width: 35px;    float: left;    border-left: 1px #ddd solid;    text-align: center;    color: #999  }  .sjj_nav ul li i {    position: absolute;    top: 5px;    right: 0;    height: 30px;    padding: 0 7px  }  .sjj_nav ul li i svg {    transform: rotate(-90deg);    transition: all ease .35s  }  .sjj_nav ul li .sjj_nav_i_se svg {    transform: rotate(0)  }  .sjj_nav ul li {    border-top: 1px #ddd solid;    position: relative;    line-height: 55px;    font-size: 14px  }  .sjj_nav ul li.active{    background: #f3f3f3;  }  .sjj_nav > ul > li:last-child {    border-bottom: 1px #ddd solid  }  .sjj_nav ul li ul {    background: #f3f3f3;    display: none;    border-top: 1px #ddd solid;    padding: 10px 0;  }  .sjj_nav ul li a {    color: rgba(0, 0, 0, .8);    width: 80%;    display: block;    font-size: 16px;    padding-left: 25px;  }  .sjj_nav ul li ul li{    border: transparent;    line-height: 30px;  }  .sjj_nav ul li ul li a {    color: rgba(0, 0, 0, .5);    display: block;    text-align: left;    font-size: 14px;    padding-left: 45px;  }  .sjj_nav ul li i svg {    width: 20px;    height: 20px;    fill: #004098;  }  .sjj_nav ul li .sjj_nav_i_se svg {    fill: #004098;  }  .sjj_nav ul li ul li > ul {    margin-left: 10px  }  .sjj_nav .iconBox{    width: 100%;    display: inline-block;    text-align: center;    margin-top: 15vw;  }  .sjj_nav .iconBox .icon{    width: 50px;    margin: 0 3vw;    display: inline-block;  }  .sp_flex .sjj_nav .close{    position: absolute;    right: 4vw;    top: 1vw;    font-size: 22px;    color: #004098;  }  .sp_flex .sjj_nav .bgImg{    position: absolute;    width: 70vw;    top: 60vw;    z-index: -1;    right: 0;  }  header{    padding: 0;    left: 0;  }  main{    margin-top: 50px;  }  .loading .loadingLogo {    width: 35vw;    height: 15vw;  }  .loading .loadingLogo img {    transform: translateY(16vw);  }  .bannerBox {    height: 50vw;  }  .bannerBox .text {    left: 5vw;  }  .bannerBox .text .t {    font-size: 24px;  }  .bannerBox .text .d {    font-size: 14px;  }  .about .f1 {    padding: 10vw 5vw;    display: block;  }  .titBox .tit {    font-size: 22px;  }  .titBox .en {    font-size: 12px;  }  .titBox .tit::before {    width: 2vw;    height: 2vw;    right: -4vw;    margin-top: 2vw;  }  .about .f1 .f1Box {    width: 100%;    margin-top: 5vw;  }  .about .f1 .f1Box .des {    font-size: 14px;  }  .about .f1 .f1Box .its {    margin-top: 5vw;    justify-content: space-between;  }  .about .f1 .f1Box .its .it {    margin-right: 0;  }  .about .f1 .f1Box .its .it p {    font-size: 14px;    padding: 0.5vw 3vw;  }  .about .f1 .f1Box .its .it .num {    font-size: 16px;  }  .about .f1 .f1Box .its .it .num span {    font-size: 36px;  }  .about .f2 {    margin-top: 0;  }  .about .f2 .f2Box {    width: 100%;    border-radius: 0;    padding: 10vw 5vw;  }  .about .f2 .f2Box .des {    font-size: 14px;    line-height: 2;  }  .about .f3 {    padding: 10vw 5vw;  }  .about .f3 .swiper-button-next,  .about .f3 .swiper-button-prev {    display: none;  }  .about .f3 .f3Swiper .swiper-slide .imgBox {    height: 35vw;  }  .about .f4 {    padding: 10vw 5vw 0 5vw;  }  .about .f4 .f4Box .swiper-button-next{    width: 7vw;    height: 7vw;  }  .about .f4 .f4Box .swiper-button-prev {    width: 7vw;    height: 7vw;    right: 12vw;  }  .about .f4 .f4Box .swiper-button-next:after, .about .f4 .f4Box .swiper-button-prev:after{    font-size: 10px;  }  .about .f4 .f4Box .f4Swiper .swiper-slide .item .txt .year {    font-size: 12px;  }  .about .f4 .f4Box .f4Swiper .swiper-slide .item .txt .name {    font-size: 14px;  }  .about .f4 .f4Box .f4Swiper {    height: auto;  }  .about .f4 .f4Box .f4Swiper .swiper-slide {    height: 45vw;  }  .about .f4 .f4Box .f4Swiper .swiper-slide .item {    height: 100%;    padding: 12vw 0 0 5vw;  }  .about .f4 .f4Box .imginfo {    width: 40vw;  }  footer {    padding: 5vw;  }  footer .footerHead .logo {    width: 25vw;  }  footer .footerNav {    display: none;  }  footer .footerInfo {    display: block;    margin: 5vw 0;  }  footer .footerInfo .info {    font-size: 12px;  }  footer .footerInfo .friends {    display: none;  }  footer .footerHead .qrcode .qrcodeImg {    width: 22vw;    right: 0;    margin-left: 0;    opacity: 1;    top: inherit;  }  footer .footerHead .qrcode .icon {    display: none;  }  .news .f1 {    padding: 10vw 5vw;  }  .news .f1 .f1Head .tabBox .tab {    font-size: 14px;    padding: 0.5vw 3vw;    margin-left: 2vw;  }  .news .f1 .f1Swiper {    margin: 5vw 0;  }  .news .f1 .f1Swiper .swiper-slide {    display: block;  }  .news .f1 .f1Swiper .swiper-slide .imgBox {    width: 100%;    height: 45vw;  }  .news .f1 .f1Swiper .swiper-slide .text {    width: 100%;    padding: 5vw;    background: white;  }  .news .f1 .f1Swiper .swiper-slide .text .time {    font-size: 14px;  }  .news .f1 .f1Swiper .swiper-slide .text .name {    font-size: 16px;  }  .news .f1 .f1Swiper .swiper-slide .text .des {    display: none;  }  .news .f1 .f1Swiper .swiper-slide .text .more {    display: none;  }  .news .f1 .f1Swiper .swiper-button-next,  .news .f1 .f1Swiper .swiper-button-prev {    display: none;  }  .news .f1 .f1Box {    display: block;  }  .news .f1 .f1Box .item {    width: 100%;    margin-bottom: 5vw;  }  .news .f1 .f1Box .item .imgBox {    height: 45vw;  }  .news .f1 .f1Box .item .text {    padding: 5vw;  }  .news .f1 .f1Box .item .text .time {    font-size: 14px;  }  .news .f1 .f1Box .item .text .name {    font-size: 16px;  }  .news .f1 .f1Box .item .text .more {    display: none;  }  .news2 .f1 {    padding: 10vw 0;  }  .news2 .f1 .f1Head {    padding: 0 5vw;  }  .news2 .f1 .f1Head .tabBox .tab {    font-size: 14px;    padding: 0.5vw 3vw;    margin-left: 2vw;  }  .news2 .f1 .f1Item {    margin-top: 5vw;  }  .news2 .f1 .f1Item .item {    padding: 5vw;    display: block;  }  .news2 .f1 .f1Item .item .imgBox {    width: 100%;    height: 45vw;    margin: 0;  }  .news2 .f1 .f1Item .item .text {    width: 100%;    padding: 5vw;    background: white;  }  .news2 .f1 .f1Item .item .time {    font-weight: normal;    padding: 0;  }  .news2 .f1 .f1Item .item .time .day {    font-size: 14px;  }  .news2 .f1 .f1Item .item .text .name {    font-size: 16px;    margin: 1vw 0;  }  .news2 .f1 .f1Item .item .text .des {    display: none;  }  .notice .f1 {    padding: 10vw 5vw;  }  .notice .f1 .f1Box {    display: block;    margin-top: 0;  }  .notice .f1 .f1Box .item {    width: 100%;    margin-top: 5vw;    margin-bottom: 0;    padding: 5vw;  }  .notice .f1 .f1Box .item .text {    padding: 0;  }  .notice .f1 .f1Box .item .text .time {    font-size: 14px;  }  .notice .f1 .f1Box .item .text .name {    font-size: 16px;  }  .notice .f1 .f1Box .item .text .more {    display: none;  }  .product .f1 {    padding: 10vw 5vw;  }  .product .f1 .f1Head {    display: block;  }  .product .f1 .f1Head .tit {    font-size: 20px;  }  .product .f1 .f1Head .tabBox {    width: 100%;    margin-top: 3vw;    white-space: nowrap;    overflow-x: scroll;  }  .product .f1 .f1Head .tabBox .tab {    font-size: 14px;    padding: 0.5vw 3vw;    margin-left: 2vw;  }  .product .f1 .f1Box .item {    width: 100%;    margin-top: 5vw;    padding: 3vw;  }  .product .f1 .f1Box .item .imgBox {    height: 60vw;  }  .product .f1 .f1Box .item .name {    font-size: 16px;    padding-top: 3vw;  }  .product2 .f1 {    padding: 10vw 5vw;  }  .product2 .f1 .f1Head {    display: block;  }  .product2 .f1 .f1Head .tit {    font-size: 20px;  }  .product2 .f1 .f1Head .des {    width: 100%;    font-size: 14px;    margin-top: 3vw;  }  .product2 .f1 .f1Box .item {    margin-top: 5vw;  }  .product2 .f1 .f1Box .item .img {    height: 35vw;  }  .product2 .f1 .f1Box .item .txt {    position: relative;    padding: 5vw;    background: white;    color: #333333;  }  .product2 .f1 .f1Box .item .txt .t {    font-size: 16px;    font-weight: bold;  }  .product2 .f1 .f1Box .item .txt .d {    width: 100%;    font-size: 14px;    color: #666666;  }  .equipment .f1 {    padding: 10vw 5vw;  }  .equipment .f1 .mySwiper2 .swiper-slide .img {    height: 35vw;  }  .equipment .f1 .mySwiper2 .txt {    color: #333333;    position: relative;    padding: 0;    margin-bottom: 2vw;  }  .equipment .f1 .mySwiper2 .txt .t {    display: none;  }  .equipment .f1 .mySwiper2 .txt .d {    font-size: 14px;  }  .equipment .f1 .mySwiper {    margin-top: 5vw;  }  .equipment .f1 .mySwiper2 {    display: none;  }  .equipment .f1 .mySwiper .swiper-slide .img {    height: 40vw;  }  .equipment .f1 .mySwiper .swiper-slide .img .name {    font-size: 14px;    padding: 3vw;  }  .equipment .f1 .titBox .d {    font-size: 14px;    margin: 2vw 0;  }  .companies .f1 {    padding: 10vw 5vw;  }  .companies .f1 .item {    margin-top: 0;    margin-bottom: 5vw;    display: block;    padding: 3vw;  }  .companies .f1 .item .imgBox {    width: 100%;    height: 65vw;  }  .companies .f1 .item .text {    width: 100%;    padding: 3vw;  }  .companies .f1 .item .text .tit {    display: block;  }  .companies .f1 .item .text .tit img {    width: 22vw;    margin-right: 0;    margin-top: 2vw;  }  .companies .f1 .item .text .tit p {    font-size: 16px;    margin: 3vw 0;  }  .companies .f1 .item .text .des {    font-size: 14px;  }  .companies .f1 .item .text .more {    font-size: 14px;  }  .join .f1 {    padding: 10vw 5vw;  }  .join .f1 .f1Box .txt .icon {    width: 10vw;  }  .join .f1 .f1Box .txt .des {    font-size: 14px;    margin-top: 3vw;  }  .join .f2 {    padding: 0 5vw 10vw 5vw;  }  .join .f2 .recruitmentTab {    margin: 3vw 0;  }  .join .f2 .recruitmentTab .tab {    font-size: 14px;    padding: 0.5vw 5vw;    margin-left: 2vw;  }  .join .f2 .f2Box {    display: block;  }  .join .f2 .f2Box .social {    width: 100%;  }  .join .f2 .f2Box .social .item {    margin-top: 3vw;    padding: 3vw;  }  .join .f2 .f2Box .social .item .tit .t {    font-size: 16px;  }  .join .f2 .f2Box .social .item .tit .d {    font-size: 14px;  }  .join .f2 .f2Box .social .item .tit .icon::before {    font-size: 20px;  }  .join .f2 .f2Box .social .active .tit {    padding-bottom: 3vw;  }  .join .f2 .f2Box .social .active .des {    padding: 3vw 0;  }  .join .f2 .f2Box .social .item .des {    font-size: 14px;  }  .join .f2 .f2Box .social .item .btn {    font-size: 14px;    padding: 1.5vw 10vw;  }  .join .f2 .f2Box .right {    width: 100%;    margin-top: 5vw;    padding: 3vw;  }  .join .f2 .f2Box .right .tit {    padding-bottom: 3vw;  }  .join .f2 .f2Box .right .tit .icon {    width: 7vw;  }  .join .f2 .f2Box .right .tit .t {    font-size: 16px;  }  .join .f2 .f2Box .right .its {    padding: 3vw 0;  }  .join .f2 .f2Box .right .its .t {    font-size: 14px;  }  .join .f2 .f2Box .right .its .d {    font-size: 16px;  }  .join .f3 {    padding: 0 5vw 10vw 5vw;  }  .join .f3 .swiper-button-next,  .join .f3 .swiper-button-prev {    display: none;  }  .join .f3 .f3Swiper {    margin-top: 5vw;    padding-bottom: 3vw;  }  .join .f3 .f3Swiper .swiper-slide .imgBox {    height: 75vw;  }  .join .f3 .f3Swiper .swiper-slide .name {    font-size: 16px;    padding: 3vw;  }  .contactUs .f1 {    height: auto;    background: transparent !important;    padding: 10vw 5vw;  }  .contactUs .f1 .textBox {    width: 100%;    padding: 5vw;  }  .contactUs .f1 .textBox .des {    margin-top: 5vw;  }  .contactUs .f1 .textBox .des .t {    font-size: 20px;  }  .contactUs .f1 .textBox .des .d {    font-size: 14px;  }  .contactUs .f1 .textBox .qrcodeBox {    margin-top: 5vw;  }  .contactUs .f1 .textBox .qrcodeBox .info {    font-size: 14px;  }  .contactUs .f1 .textBox .qrcodeBox .qrcode {    width: 25vw;  }  .contactUs .f1 .textBox .btn {    margin-top: 10vw;    font-size: 14px;    padding: 3vw;  }  .index .f1 .f1Swiper {    height: 55vw;  }  .index .f1Text {    height: auto;    position: relative;    top: inherit;    pointer-events: all;    padding: 10vw 5vw;  }  .index .f1 .f1Swiper .swiper-button-next,  .index .f1 .f1Swiper .swiper-button-prev {    display: none;  }  .index .f1 .f1Swiper .swiper-pagination {    bottom: 3vw;  }  .index .f1 .f1Swiper .swiper-pagination .swiper-pagination-bullet {    width: 5px;    height: 5px;    margin: 0 1vw;  }  .index .f1Text .text {    width: 100%;    transform: inherit;    position: relative;    top: inherit;    left: inherit;    opacity: 1;    color: #333333;  }  .index .f1 .f1Swiper .text {    font-size: 16px;    left: 5vw;  }  .home-hero-backdrop {    display: none;  }  .index .f1 {    height: auto;  }  .index .f1Text .f1Box {    position: relative;  }  .index .f1Text .f1Box .item {    width: 100% !important;    height: 50vw;    position: relative;    top: inherit;    left: inherit;    right: inherit;    transform: inherit;    margin-top: 5vw;  }  .index .f1Text .text .t {    font-size: 20px;  }  .index .f1Text .text .d {    font-size: 14px;  }  .index .f1Text .text .its {    margin: 5vw 0;    justify-content: space-between;  }  .index .f1Text .text .its .it {    margin-right: 0;  }  .index .f1Text .text .its .it p {    font-size: 14px;    padding: 0.5vw 3vw;    color: white;    background: #245AA8;  }  .index .f1Text .text .its .it .num {    font-size: 16px;  }  .index .f1Text .text .its .it .num span {    font-size: 36px;  }  .index .f1Text .text .more {    font-size: 14px;  }  .index .f1Text .f1Box .item .txt {    width: 100%;    bottom: 0;    padding: 5vw;  }  .index .f1Text .f1Box .item .txt .t {    font-size: 16px;    margin-bottom: 2vw;  }  .index .f1Text .f1Box .item .txt .more {    font-size: 12px;    opacity: 1;    padding: 1.2vw 3vw;  }  .index .f3 {    height: auto;    padding: 10vw 5vw;  }  .index .f3 .f3Box {    display: block;  }  .index .f3 .f3Box .item {    width: 100%;    height: auto;    margin-top: 5vw;  }  .index .f3 .f3Box .item:nth-child(2) {    margin: 0;    margin-top: 5vw;  }  .index .f3 .f3Box .item .img {    height: 60vw;  }  .index .f3 .f3Box .item .text {    width: 100%;    padding: 5vw;    position: relative;    color: #333333;    background: white;  }  .index .f3 .f3Box .item .text .t {    font-size: 16px;    font-weight: bold;    text-align: left;  }  .index .f3 .f3Box .item .text .d {    width: 100%;    font-size: 14px;    margin-top: 1vw;    opacity: 1;    height: auto;    color: #666666;  }  .index .f3 .f3Box .item .text .more {    display: none;  }  .index .f4 {    height: auto;    background: url(../images/img7.jpg) center no-repeat;    background-size: cover !important;    padding: 10vw 5vw;  }  .index .f4 .f4Bg {    display: none;  }  .index .f4 .titBox {    opacity: 1;  }  .index .f4 .f4Box {    height: auto;    position: relative;    display: block;    top: inherit;    opacity: 1;  }  .index .f4 .f4Box .item {    height: auto;    padding-top: 0;    border-right: transparent;    border-bottom: 1px solid rgba(255, 255, 255, 0.3);    padding: 10vw 0;  }  .index .f4 .f4Box .item:last-child {    border-bottom: transparent;  }  .index .f4 .f4Box .item .icon {    width: 12vw;    height: 12vw;  }  .index .f4 .f4Box .item .icon img {    height: 5vw;  }  .index .f4 .f4Box .item .t {    font-size: 18px;    margin: 3vw 0;  }  .index .f4 .f4Box .item .d {    font-size: 14px;  }  .index .f5 {    padding: 10vw 5vw;  }  .more {    font-size: 12px;    padding: 1vw 3vw;  }  .more i {    margin-left: 2vw;  }  .index .f5 .f5BoxM {    width: 100%;  }  .index .f5 .f5BoxM .item {    width: 100%;    position: relative;    display: block;    border-radius: 0.5vw;    overflow: hidden;    padding: 1vw;    margin-top: 5vw;    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.05);  }  .index .f5 .f5BoxM .item::before {    content: '';    position: absolute;    width: 15vw;    height: 15vw;    background: url(../images/icon5.png) center no-repeat;    background-size: cover !important;    right: 0;    bottom: 0;  }  .index .f5 .f5BoxM .item .text {    background: white;    padding: 5vw;  }  .index .f5 .f5BoxM .item .text .time {    font-size: 14px;    color: #999999;  }  .index .f5 .f5BoxM .item .text .name {    line-height: 1.7;    text-align: justify;    margin-top: 0.5vw;    font-size: 16px;    -webkit-line-clamp: 2;    display: -webkit-box;    -webkit-box-orient: vertical;    overflow: hidden;  }  .index .f5 .f5BoxM .item .imgBox {    width: 100%;    height: 45vw;    overflow: hidden;  }  .index .f5 .f5BoxM .item .imgBox .img {    width: 100%;    height: 100%;    background-size: cover !important;    transition: 0.5s all;  }  .news .f1 .f1Box .item::before {    width: 15vw;    height: 15vw;  }  .about .f5 {    padding: 10vw 5vw;  }  .about .f5 .f5Img {    margin-top: 5vw;  }  .news5 ul{    display: block;  }  .news5 ul li{    width: 100%;    margin-right: 0;    margin-top: 10vw;  }  .news5 ul li a .thum .pic{    height: 50vw;  }  .news5 ul li a .time{    font-size: 14px;  }  .news5 ul li a .title{    font-size: 16px;  }}