@charset "utf-8";



:root {

  --main-color: #D72726;

  /* ====== Transition ====== */

  --tran-03: all 0.3s ease;

  --tran-04: all 0.4s ease;

  --tran-05: all 0.5s ease;

  --tran-06: all 0.6s ease;

}



/* 引入字体 */

@font-face {

  font-family: "SourceHanSansCN";

  src: url(../font/SourceHanSansCN-Regular.otf);

}



@font-face {

  font-family: "Poppins";

  src: url(../font/Poppins-Regular.ttf);

}





body,

input,

textarea,

button {

  font-family: "SourceHanSansCN", "PingFang SC", "Microsoft YaHei", "Tahoma", "Arial", "sans-serif";

}



/* 滚动条 */

::-webkit-scrollbar {

  width: 5px;

}



body::-webkit-scrollbar {

  width: 5px;

}



::-webkit-scrollbar-track {

  background: #eee;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}



::-webkit-scrollbar-thumb {

  background: var(--main-color);

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}



::-webkit-scrollbar-thumb:vertical:hover {

  background: var(--main-color);

}



input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */

  font-size: 14px;

  color: #D72726;

}



input::-moz-placeholder,

textarea::-moz-placeholder {

  /* Firefox 19+ */

  font-size: 14px;

  color: #D72726;

}



input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

  /* IE 10+ */

  font-size: 14px;

  color: #D72726;

}



input:-moz-placeholder,

textarea:-moz-placeholder {

  /* Firefox 18- */

  font-size: 14px;

  color: #D72726;

}



.navbar-toggle {

  display: none;

  padding: 0;

  margin: 0;

  background: transparent;

  border: none !important;

  z-index: 100;

}



.navbar-toggle .line-top,

.navbar-toggle .line-middle,

.navbar-toggle .line-bottom {

  display: block;

  width: 20px;

  height: 3px;

  background: #D72726;

  margin: 3px 0;

  transition: 0.4s;

}



.open .line-top {

  -webkit-transform: rotate(45deg) translate(2px, 7px);

  transform: rotate(45deg) translate(2px, 7px);

}



.open .line-middle {

  opacity: 0;

}



.open .line-bottom {

  -webkit-transform: rotate(-45deg) translate(1px, -7px);

  transform: rotate(-45deg) translate(1px, -7px);

}



/* css动画 */

@-webkit-keyframes fadeInMaxToMinTan {

  0% {

    opacity: 0.1;

  }



  25% {

    opacity: 0.15;

  }



  50% {

    opacity: 0.25;

  }



  75% {

    opacity: 0.15;

  }



  100% {

    opacity: 0.1;

  }

}



@keyframes fadeInMaxToMinTan {

  0% {

    opacity: 0.1;

  }



  25% {

    opacity: 0.15;

  }



  50% {

    opacity: 0.25;

  }



  75% {

    opacity: 0.15;

  }



  100% {

    opacity: 0.1;

  }

}



/* 圆圈闪烁 */

@keyframes boderM {

  0% {

    transform: translate(-50%, -50%) scale(1);

    -webkit-transform: translate(-50%, -50%) scale(1);

    opacity: 0;

  }



  20% {

    opacity: 1;

  }



  75% {

    transform: translate(-50%, -50%) scale(2);

    -webkit-transform: translate(-50%, -50%) scale(2);

    opacity: 0;

  }



  100% {

    opacity: 0;

  }

}



@-webkit-keyframes boderM {

  0% {

    transform: translate(-50%, -50%) scale(1);

    -webkit-transform: translate(-50%, -50%) scale(1);

    opacity: 0;

  }



  20% {

    opacity: 1;

  }



  75% {

    transform: translate(-50%, -50%) scale(2);

    -webkit-transform: translate(-50%, -50%) scale(2);

    opacity: 0;

  }



  100% {

    opacity: 0;

  }

}



/* 横向滚动 */

@keyframes scroll-l {

  0% {

    transform: translateX(-50%) translateZ(0px);

    -webkit-transform: translateX(-50%) translateZ(0px);

  }



  100% {

    transform: translateX(0) translateZ(0px);

    -webkit-transform: translateX(0) translateZ(0px);

  }

}



@-webkit-keyframes scroll-l {

  0% {

    transform: translateX(-50%) translateZ(0px);

    -webkit-transform: translateX(-50%) translateZ(0px);

  }



  100% {

    transform: translateX(0) translateZ(0px);

    -webkit-transform: translateX(0) translateZ(0px);

  }

}



@keyframes scroll-r {

  0% {

    transform: translateX(0) translateZ(0px);

    -webkit-transform: translateX(0) translateZ(0px);

  }



  100% {

    transform: translateX(-50%) translateZ(0px);

    -webkit-transform: translateX(-50%) translateZ(0px);

  }

}



@-webkit-keyframes scroll-r {

  0% {

    transform: translateX(0) translateZ(0px);

    -webkit-transform: translateX(0) translateZ(0px);

  }



  100% {

    transform: translateX(-50%) translateZ(0px);

    -webkit-transform: translateX(-50%) translateZ(0px);

  }

}



@keyframes scrollAni {

  0% {

    top: 10px;

    opacity: 0;

  }



  100% {

    top: 20px;

    opacity: 1;

  }

}



@-webkit-keyframes scrollAni {

  0% {

    top: 10px;

    opacity: 0;

  }



  100% {

    top: 20px;

    opacity: 1;

  }

}



.container {

  width: 100%;

}



.wrap {

  width: 100%;

}



.row {

  width: 100%;

}



.more_t {

  width: 6.771vw;

  height: 2.083vw;

  background: transparent;

  border: 1px solid #FFFFFF;

  cursor: pointer;

  transition: all ease .5s;

}



.more_t:hover {

  background: #D72726;

  border: 1px solid #D72726;

}



.more_t span {

  font-size: 0.833vw;

  font-weight: 400;

  color: #FFFFFF;

  transition: all ease .5s;

}



.more_t i {

  font-size: 0.833vw;

  /* font-weight: bold; */

  color: #FFFFFF;

  margin-left: 0.781vw;

  transition: all ease .5s;

}



.more_w {

  width: 6.771vw;

  height: 2.083vw;

  background: #FFFFFF;

  border: none;

  cursor: pointer;

  transition: all ease .5s;

}



.more_w:hover {

  background: #D72726;

}



.more_w span {

  font-size: 0.833vw;

  font-weight: 400;

  color: #0F0F0F;

  transition: all ease .5s;

}



.more_w i {

  font-size: 0.833vw;

  /* font-weight: bold; */

  color: #0F0F0F;

  margin-left: 0.781vw;

  transition: all ease .5s;

}



.more_w:hover span,

.more_w:hover i {

  color: #FFFFFF;

}



.more_g {

  width: 7.771vw;

  height: 2.083vw;

  background: #E3E3E3;

  cursor: pointer;

  transition: all ease .5s;

}



.more_g:hover {

  background: #D72726;

}



.more_g span {

  font-size: 0.833vw;

  font-weight: 400;

  color: #333333;

  transition: all ease .5s;

}



.more_g i {

  font-size: 0.833vw;

  /* font-weight: bold; */

  color: #333333;

  margin-left: 0.781vw;

  transition: all ease .5s;

}



.more_g:hover span,

.more_g:hover i {

  color: #FFFFFF;

}



.learn_b {

  width: auto;

  transition: all ease .5s;

}



.learn_b span {

  font-weight: 400;

  font-size: 1.042vw;

  color: #D72726;

  transition: all ease .5s;

}





.tit_b {

  width: 100%;

  position: relative;

}



.tit_b h2 {

  font-size: 2.083vw;

  font-weight: bold;

  color: #5E5E5E;

  transition: all ease .5s;

}



.tit_b p {

  font-size: 0.833vw;

  font-weight: 400;

  color: #646464;

  line-height: 1.5;

  margin: 1.563vw 0 0;

  transition: all ease .5s;

}



.s_btn {

  width: 3.646vw;

  height: 3.646vw;

  background: rgba(255, 255, 255, 0.26);

  opacity: 1;

  border: 1px solid #FFFFFF;

  border-radius: 50%;

  cursor: pointer;

  transition: all ease .5s;

}



.s_btn:hover {

  background: #D72726;

  border: 1px solid #D72726;

}



.s_btn i {

  font-size: 0.833vw;

  /* font-weight: bold; */

  color: #FFFFFF;

  transition: all ease .5s;

}



.s_btn.prev {

  transform: rotate(180deg);

}



.b_btn {

  width: 2.865vw;

  height: 2.865vw;

  background: #FFFFFF;

  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);

  border: 1px solid #FFFFFF;

  border-radius: 50%;

  cursor: pointer;

  transition: all ease .5s;

}



.b_btn:hover {

  background: #D72726;

  border: 1px solid #D72726;

}



.b_btn i {

  font-size: 0.833vw;

  /* font-weight: bold; */

  color: #D72726;

  transition: all ease .5s;

}



.b_btn.prev i {

  transform: rotate(180deg);

}



.b_btn:hover i {

  color: #FFFFFF;

}





.pagelist {

  width: 100%;

}





.pagelist a>span {

  width: 1.563vw;

  height: 1.563vw;

  background: transparent;

  border-radius: 2px;

  font-size: 0.729vw;

  font-weight: 400;

  color: #272727;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 0.521vw;

  transition: all ease 0.5s;

}





.pagelist a.on>span,

.pagelist a:hover>span {

  background: #D72726;

  color: #FFFFFF;

}



.turnpage {

  width: 100%;

}



.turnpage a {

  display: block;

  font-size: 1.042vw;

  font-weight: 400;

  color: #000000;

  margin: 1.042vw 0 0;

  transition: all ease .5s;

}



.turnpage a:hover {

  color: #D72726;

  text-decoration: underline;

}



.banner {

  width: 100%;

  margin: 4.688vw 0 0;

  position: relative;

}



.banner .pic {

  width: 100%;

  overflow: hidden;

  position: relative;

  transition: all ease .5s;

}



.banner .pic::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  background: rgba(0, 0, 0, 0.1);

  transition: all ease .5s;

}



.banner .pic img {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



.banner .intr {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 100%;

  z-index: 5;

  padding: 0 8.333vw;

  text-align: center;

  transition: all ease .5s;

}



.banner .intr h1 {

  font-size: 2.5vw;

  font-weight: bold;

  color: #FFFFFF;

  transition: all ease .5s;

}



.banner .intr p {

  max-width: 1150px;

  font-weight: 400;

  font-size: 1.25vw;

  line-height: 1.4;

  color: #FFFFFF;

}



.banner .tag {

  position: absolute;

  left: 8.333vw;

  bottom: 2.604vw;

  z-index: 5;

  padding: 0.26vw 0.781vw;

  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.48) 100%);

  transition: all ease .5s;

}



.banner .tag p {

  font-size: 1.25vw;

  font-weight: 400;

  color: #0F0F0F;

  position: relative;

  transition: all ease .5s;

}



.banner .tag p::before,

.banner .tag p::after {

  content: "";

  position: absolute;

  z-index: 5;

  width: 0.729vw;

  height: 0.729vw;

  background-image: url(../img/sz.svg);

  background-repeat: no-repeat;

  background-size: cover;

  transition: all ease .5s;

}



.banner .tag p::before {

  top: 0;

  left: -0.521vw;

}



.banner .tag p::after {

  bottom: 0;

  right: -0.521vw;

  transform: rotate(180deg);

}



.banner .tag em {

  font-size: 2.083vw;

  font-weight: bold;

  color: #D72726;

  margin-right: 0.26vw;

  transition: all ease .5s;

}



.sticky {

  width: 100%;

  padding: 0.781vw 8.333vw;

  position: relative;

  background: #F6F6F6;

  transition: all ease .5s;

}



.sticky .deli {

  width: 100%;

  transition: all ease .5s;

}



.sticky .deli img {

  width: 0.781vw;

  margin-right: 0.781vw;

}



.sticky .deli span {

  font-size: 0.833vw;

  font-weight: 400;

  color: #9F9F9F;

  transition: all ease .5s;

}



.sticky .deli>a:last-child span {

  color: #D72726;

}









.Pop_bg {

  position: fixed;

  left: 0;

  top: 0;

  z-index: 101;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.6);

  opacity: 0;

  visibility: hidden;

  transition: all ease 0.5s;

}



.Pop_bg.on {

  opacity: 1;

  visibility: visible;

}



.Pop_video {

  position: fixed;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%) scale(0.7);

  z-index: 105;

  width: 60vw;

  margin: 0 auto;

  opacity: 0;

  visibility: hidden;

  transition: all ease 0.5s;

}



.Pop_video.on {

  opacity: 1;

  visibility: visible;

  transform: translate(-50%, -50%) scale(1);

}



.Pop_video .close {

  position: absolute;

  top: -2.083vw;

  right: -2.083vw;

  z-index: 105;

  cursor: pointer;

  transition: all ease .5s;

}



.Pop .close i {

  font-weight: bold;

  font-size: 1.563vw;

  color: #FFFFFF;

  transition: all ease .5s;

}



.Pop_video .video {

  width: 100%;

  transition: all ease .5s;

}



.Pop_video video {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}





/* 公共头部 */

header {

  position: fixed;

  left: 0;

  top: 0;

  z-index: 99;

  width: 100%;

  height: 4.688vw;

  background: #FFFFFF;

  transition: all ease .5s;

}





.scroll header {

  box-shadow: 0px 3px 6px 1px rgb(0 0 0 / 7%);

}



header .row {

  height: 100%;

  padding: 0 8.333vw;

}



header .logo img {

  width: 9.635vw;

  position: relative;

  z-index: 105;

  transition: all ease .5s;

}



header .menu {

  width: auto;

  height: 100%;

  transition: all ease .5s;

}



header .link {

  width: auto;

  height: 100%;

  margin: 0 0.781vw;

  padding: 0 0.781vw;

  position: relative;

  transition: all ease .5s;

}



header .link::after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: 0;

  transform: translateX(-50%);

  z-index: 5;

  width: 0%;

  height: 4px;

  background: #D72726;

  transition: all ease .5s;

}



header .link.on::after,

header .link:hover::after {

  width: 100%;

}



header .link>a {

  font-size: 0.833vw;

  font-weight: 600;

  color: #000000;

  transition: all ease .5s;

}



header .link.on>a,

header .link:hover>a {

  color: #D72726;

}



header .downmenu {

  position: absolute;

  top: 120%;

  left: -500vw;

  transform: translateX(-50%);

  z-index: 5;

  text-align: center;

  opacity: 0;

  visibility: hidden;

  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 16%);

  opacity: 0;

  visibility: hidden;

  transition: opacity ease .5s, visibility ease .5s, top ease .5s;

}



header .link:hover .downmenu {

  top: 100%;

  left: 50%;

  opacity: 1;

  visibility: visible;

}



header .downmenu>a {

  width: max-content;

  min-width: 100%;

  max-width: 100%;

  display: block;

  font-size: 0.833vw;

  font-weight: 400;

  color: #000000;

  padding: 0.521vw 2.344vw;

  border-bottom: 1px solid #ECECEC;

  background: #FFFFFF;

  transition: all ease .5s;

}



header .downmenu>a:hover {

  color: #FFFFFF;

  background: #D72726;

}



header .downmenu>a:last-child {

  border: none;

}



header .mold {

  width: auto;

  height: 100%;

}



header .line {

  margin: 0 0.521vw;

}



header .search {

  height: 100%;

  position: relative;

  cursor: pointer;

  transition: all ease .5s;

}



header .search i {

  font-size: 1vw;

  font-weight: bold;

  color: #0F0F0F;

  transition: all ease 0.5s;

}



header .language {

  height: 100%;

  position: relative;

  transition: all ease .5s;

}



header .language span {

  font-size: 1vw;

  font-weight: 400;

  color: #0F0F0F;

  transition: all ease 0.5s;

}



header .language i {

  font-size: 0.833vw;

  font-weight: bold;

  color: #0F0F0F;

  transition: all ease 0.5s;

}





header .language:hover .downmenu {

  top: 100%;

  left: 50%;

  opacity: 1;

  visibility: visible;

}







footer {

  width: 100%;

  position: relative;

  background: #F1F1F1;

}



footer .FoA {

  width: 100%;

  position: relative;

  padding: 5.208vw 8.333vw;

}



.FoA .coot_b {

  width: 12.5%;

}



.coot_b .logo_b img {

  width: 10.417vw;

}



.coot_b .app_b {

  margin: 1.302vw 0 0;

}



.app_b .app {

  width: 2.083vw;

  height: 2.083vw;

  border: 1px solid #000000;

  margin-right: 0.521vw;

  cursor: pointer;

  position: relative;

  transition: all ease .5s;

}



.app_b .app:hover {

  border: 1px solid #D72726;

}



.app_b .app>img {

  width: 0.938vw;

  filter: grayscale(1);

  transition: all ease .5s;

}



.app_b .app:hover>img {

  filter: grayscale(0);

}



.app .ewm {

  position: absolute;

  left: 0;

  top: 100%;

  z-index: 5;

  width: 6.25vw;

  height: 6.25vw;

  background: #FFFFFF;

  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.12);

  padding: 0.521vw;

  opacity: 0;

  visibility: hidden;

  transform-origin: left;

  transition: all ease .5s;

}



.app:hover .ewm {

  top: 150%;

  opacity: 1;

  visibility: visible;

}



.app .ewm img {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



.icon_b .icon {

  margin: 0 0 1.042vw;

  position: relative;

  align-items: center;

  cursor: pointer;

  transition: all ease .5s;

}



.icon_b .icon>img {

  width: 0.938vw;

  margin-right: 0.26vw;

  transition: all ease .5s;

}



.icon_b .icon span {

  font-size: 0.833vw;

  font-weight: 400;

  color: #151515;

  transition: all ease .5s;

}



.icon_b .icon strong {

  font-size: 1.25vw;

  font-family: "Poppins", "SourceHanSansCN", "PingFang SC", "Microsoft YaHei", "Tahoma", "Arial", "sans-serif";

  font-weight: bold;

  color: #151515;

  line-height: 1;

  transition: all ease .5s;

}



.icon_b .ewm {

  position: absolute;

  left: 1.198vw;

  top: 100%;

  z-index: 5;

  width: 6.25vw;

  height: 6.25vw;

  background: #FFFFFF;

  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.12);

  padding: 0.521vw;

  opacity: 0;

  visibility: hidden;

  transition: all ease .5s;

}



.icon_b .icon:hover .ewm {

  top: 150%;

  opacity: 1;

  visibility: visible;

}



.icon_b .ewm img {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



.FoA .menu_b {

  width: 55%;

}



/* .menu_b dl{

  width: 16%;

  overflow: hidden;

} */



.menu_b dt {

  margin: 0 0 1.042vw;

}



.menu_b dd:not(:last-child) {

  margin: 0 0 1.042vw;

}



.menu_b dt a {

  font-size: 1.042vw;

  font-weight: bold;

  color: #0F0F0F;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  transition: all ease .5s;

}



.menu_b dd a {

  font-size: 0.833vw;

  font-weight: 400;

  color: #9F9F9F;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  transition: all ease .5s;

}



.menu_b dd a:hover {

  color: #D72726;

}



footer .FoB {

  width: 100%;

  padding: 0 8.333vw;

  border-bottom: 1px solid #D5D5D5;

}



.FoB span {

  font-size: 0.833vw;

  font-weight: 400;

  color: #0F0F0F;

  flex: none;

  margin-right: 1.042vw;

  transition: all ease .5s;

}



.FoB .link a {

  font-size: 0.833vw;

  font-weight: 400;

  color: #9F9F9F;

  display: inline-block;

  margin: 0 1.042vw 1.042vw 0;

  transition: all ease .5s;

}



.FoB .link a:hover {

  color: #D72726;

}



footer .Copy {

  width: 100%;

  padding: 1.042vw 8.333vw;

}



footer .Copy a,

footer .Copy span {

  font-size: 0.729vw;

  font-weight: 400;

  color: #9F9F9F;

  transition: all ease .5s;

}



footer .Copy a:hover span {

  color: #D72726;

}



footer .Copy img {

  width: 0.729vw;

  margin-right: 0.26vw;

}



/* 首页 */

.ho0 {

  width: 100%;

  position: relative;

  margin: 4.688vw 0 0;

  overflow: hidden;

}



#swiper2 .swiper-slide {

  opacity: 0 !important;

  transition: all ease .5s;

}



#swiper2 .swiper-slide-active {

  opacity: 1 !important;

}



/* #gallery>.swiper-wrapper>.swiper-slide {

  opacity: 0 !important;

  transition: all ease .5s;

}



#gallery>.swiper-wrapper>.swiper-slide-active {

  opacity: 1 !important;

}



#gallery>.swiper-slide .pic::after {

  opacity: 0;

}



#gallery .swiper-slide-active .pic::after {

  opacity: 1;

} */



.ho0 .col {

  width: 100%;

  position: relative;

  transition: all ease .5s;

}



.ho0 .pic {

  width: 100%;

  position: relative;

  overflow: hidden;

  transition: all ease .5s;

}



.ho0 .pic::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.25);

  z-index: 1;

}



.ho0 .pic img {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



.ho0 .cont_box {

  position: absolute;

  left: 8.333vw;

  bottom: 4.167vw;

  z-index: 5;

  width: 34.896vw;

  padding: 2.083vw;

  background: rgba(255, 255, 255, 0.1);

  -webkit-backdrop-filter: blur(0.41667vw);

  backdrop-filter: blur(0.41667vw);

  transition: all ease .5s;

}



.ho0 .mold {

  width: 100%;

  margin: 0 0 1.302vw;

  position: relative;

  transition: all ease .5s;

}



.ho0 .mold i {

  font-size: 0.625vw;

  color: #FFFFFF;

  font-weight: bold;

  cursor: pointer;

  transition: all ease .5s;

}



.ho0 .mold .num {

  font-size: 0.833vw;

  font-family: "Poppins", "SourceHanSansCN", "PingFang SC", "Microsoft YaHei", "Tahoma", "Arial", "sans-serif";

  font-weight: 600;

  color: #FFFFFF;

  display: inline-block;

  margin: 0 0.521vw;

  transition: all ease .5s;

}



.ho0 .swiper-pagination {

  position: relative;

  left: initial;

  bottom: initial;

  width: 9.375vw;

  height: 0.052vw;

  background: rgba(255, 255, 255, 0.34);

  transition: all ease .5s;

}



.ho0 .swiper-pagination-progressbar-fill {

  background: rgba(255, 255, 255, 1);

}



.ho0 .intr {

  width: 100%;

  position: relative;

  transition: all ease .5s;

}



.ho0 .intr h1 {

  font-size: 2.5vw;

  font-weight: bold;

  color: #FFFFFF;

  transition: all ease .5s;

}



.ho0 .intr h4 {

  font-size: 1.458vw;

  font-weight: 400;

  color: #FFFFFF;

  margin: 2.083vw 0;

  transition: all ease .5s;

}



.ho0 .more_w {

  margin-right: 1.042vw;

}



.ho0 .s_box {

  position: absolute;

  right: 3.125vw;

  top: 50%;

  transform: translateY(-50%);

  z-index: 5;

}



.ho0 .s_btn {

  margin: 1.146vw 0;

}



.scroll_btn {

  position: absolute;

  left: 50%;

  bottom: 1.302vw;

  transform: translateX(-50%);

  z-index: 5;

  transition: all ease .5s;

}



.scroll-mouse {

  width: 1.563vw;

  height: 2.083vw;

  border-radius: 15px;

  border: 1px solid #FFFFFF;

  position: relative;

  display: block;

  transition: all ease .5s;

}



.scroll-mouse::after {

  content: "";

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 0.104vw;

  height: 0.417vw;

  background-color: #FFFFFF;

  animation: scrollAni 2s infinite;

  -webkit-animation: scrollAni 2s infinite;

}



.ho1 {

  width: 100%;

  padding: 6.25vw 8.333vw;

  position: relative;

  overflow: hidden;

}



.ho1 .canvas-box {

  width: 100%;

  height: 26.042vw;

  z-index: -1;

  position: absolute;

  left: 0;

  bottom: 0;

  pointer-events: none;

  transition: all ease .5s;

}



.ho1 .down {

  width: 2.865vw;

  height: 2.865vw;

  border: 3px solid #D3D5D7;

  border-radius: 50%;

  margin: 1.563vw 0 0;

  transition: all ease .5s;

}



.ho1 .down i {

  font-size: 1.25vw;

  font-weight: bold;

  color: #D72726;

  transition: all ease .5s;

}



.theside {

  position: absolute;

  left: -7.813vw;

  top: 18.229vw;

  z-index: 3;

  transform: rotate(-90deg);

  transition: all ease .5s;

}



.theside span {

  font-size: 0.833vw;

  font-weight: 400;

  color: #E3E3E3;

  display: inline-block;

  margin-right: 1.042vw;

  transition: all ease .5s;

}



.theside em {

  width: 19.271vw;

  height: 0.104vw;

  background: #E3E3E3;

  display: inline-block;

  transition: all ease .5s;

}



.ho1 .tit_b {

  z-index: 10;

}



.ho1 .row {

  position: relative;

  margin: -9vw 0 7.813vw;

}



.ho1 .pic {

  width: 100%;

  position: relative;

  transition: all ease .5s;

}



.ho1 .pic img {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



.ho1 .pic img:nth-child(2) {

  display: none;

}



.ho1 .ev {

  position: absolute;

  z-index: 5;

  width: 9.375vw;

  transition: all ease .5s;

}



.ho1 .ev:nth-child(1) {

  left: 6vw;

  bottom: 3vw;

}



.ho1 .ev:nth-child(2) {

  left: 1vw;

  bottom: 16vw;

}



.ho1 .ev:nth-child(3) {

  left: 5vw;

  top: 8vw;

}



.ho1 .ev:nth-child(4) {

  left: 18vw;

  top: 3vw;

}



.ho1 .ev:nth-child(5) {

  left: 60vw;

  top: 3vw;

}



.ho1 .ev:nth-child(6) {

  right: 0vw;

  top: 5vw;

}



.ho1 .ev:nth-child(7) {

  right: -3vw;

  top: 18vw;

}



.ho1 .ev:nth-child(8) {

  right: -1vw;

  top: 30vw;

}



.ho1 .ev:nth-child(9) {

  right: 11vw;

  bottom: 4vw;

}



.ho1 .ev:nth-child(10) {

  right: 24vw;

  bottom: -2vw;

}



.ho1 .ev:nth-child(11) {

  left: 18vw;

  bottom: -3vw;

}



.ho1 .txt {

  width: 100%;

  background: #E3E3E3;

  padding: 0.521vw;

  border-radius: 4px 4px 0px 0px;

  text-align: center;

  transition: all ease .5s;

}



.ho1 .ev:hover .txt {

  background: #D72726;

}



.ho1 .txt p {

  font-size: 0.833vw;

  font-weight: 400;

  color: #0F0F0F;

  line-height: 1.5;

  transition: all ease .5s;

}



.ho1 .ev:hover .txt p {

  color: #FFFFFF;

}



.ho1 .img {

  width: 100%;

  background: #FFFFFF;

  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);

  border-radius: 4px;

  overflow: hidden;

  transition: all ease .5s;

}



.ho1 .img img {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



.ho1 .ev:hover .img img {

  transform: scale(1.05);

}



.ho2 {

  width: 100%;

  position: relative;

}



.ho2 .swiper_t {

  width: 100%;

  position: relative;

}



.ho2 .swiper_b {

  position: absolute;

  left: 0;

  bottom: 3.125vw;

  width: 100%;

  z-index: 5;

  padding: 0 8.333vw;

  transition: all ease .5s;

}



.ho2 .swiper {

  width: 100%;

  position: relative;

  transition: all ease .5s;

}



.ho2 .s_box {

  position: absolute;

  top: 6.25vw;

  right: 8.333vw;

  z-index: 5;

}



.ho2 .prev {

  margin-right: 2.604vw;

}



.ho2 .ev {

  width: 100%;

  position: relative;

  text-align: center;

  cursor: pointer;

  transition: all ease .5s;

}



.ho2 .ev::before,

.ho2 .ev::after {

  content: "";

  position: absolute;

  top: 1.823vw;

  z-index: -1;

  width: calc(50% - 2.865vw);

  height: 0.104vw;

  background: #FFFFFF;

  opacity: 0.73;

  transition: all ease .5s;

}



.ho2 .ev::before {

  left: 0;

}



.ho2 .ev::after {

  right: 0;

}



.ho2 .ev img {

  position: relative;

  z-index: 5;

  width: 3.646vw;

  height: 3.646vw;

  transition: all ease .5s;

}



.ho2 .swiper-slide-thumb-active .ev span {

  color: #D72726;

}



.ho2 .ev span {

  font-size: 1.25vw;

  font-weight: bold;

  color: #FFFFFF;

  display: block;

  margin: 1.042vw 0 0;

  transition: all ease .5s;

}



.ho2 .col {

  width: 100%;

}



.ho2 .txt_box {

  position: absolute;

  left: 8.333vw;

  top: 6.25vw;

  z-index: 5;

  width: 33.333%;

  transition: all ease .5s;

}



.ho2 .intr {

  width: 100%;

  transition: all ease .5s;

}



.ho2 .intr h2 {

  font-size: 2.083vw;

  font-weight: bold;

  color: #FFFFFF;

  transition: all ease .5s;

}



.ho2 .intr .tag {

  font-size: 1.875vw;

  font-weight: 400;

  color: #FFFFFF;

  padding: 0.521vw 1.563vw;

  background: #D72726;

  display: inline-block;

  margin: 2.604vw 0 0;

  transition: all ease .5s;

}



.ho2 .intr em {

  width: 2.604vw;

  height: 0.26vw;

  background: #FFFFFF;

  display: block;

  margin: 1.563vw 0;

  transition: all ease .5s;

}



.ho2 .intr p {

  max-width: 610px;

  width: 100%;

  font-size: 0.938vw;

  font-weight: 400;

  color: #FFFFFF;

  line-height: 1.5;

  transition: all ease .5s;

}



.ho2 .boxx {

  width: 100%;

  max-height: 5.208vw;

  overflow: auto;

}



.ho2 .boxx::-webkit-scrollbar {

  width: 0 !important;

  display: none !important;

}



.ho2 .txt {

  width: 100%;

  margin: 3.125vw 0 2.083vw;

  position: relative;

  transition: all ease .5s;

}



.ho2 .txt h2 {

  font-size: 2.083vw;

  font-weight: bold;

  color: #FFFFFF;

  transition: all ease .5s;

}



.ho2 .more_w {

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  z-index: 5;

}



.ho2 .icon {

  width: 5.729vw;

  height: 5.729vw;

  background: rgba(138, 138, 138, 0.8);

  padding: 0.521vw;

  border-radius: 50%;

  position: relative;

  margin: 0 auto;

  transition: all ease .5s;

}



.ho2 #swiper3 .swiper-slide-active .icon {

  background: #D72726;

}



.ho2 .icon img {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  z-index: 5;

  width: 4.948vw;

  height: 4.948vw;

  border: 0.521vw solid #FFFFFF;

  border-radius: 50%;

  transition: all ease .5s;

}



.ho2 .pic {

  width: 100%;

  position: relative;

  overflow: hidden;

  pointer-events: none;

  transition: all ease .5s;

}



.ho2 .pic::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  background: linear-gradient(129deg, rgba(0, 0, 0, 0.55) 0%, rgba(1, 1, 1, 0.54) 20%, rgba(84, 84, 84, 0) 100%);

  opacity: 0.9;

  transition: all ease .5s;

}



.ho2 .pic img {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



.ho3 {

  width: 100%;

  padding: 8.333vw 8.333vw 6.25vw;

  position: relative;

}



.ho3 .particles {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 80%;

  z-index: -1;

  pointer-events: none;

  transition: all ease .5s;

}



.ho3 .row {

  padding: 0 7.292vw;

}



.ho3 .col {

  width: auto;

  position: relative;

  text-align: center;

  transition: all ease .5s;

}



.ho3 .col span {

  font-size: 4.375vw;

  font-family: "Poppins", "SourceHanSansCN", "PingFang SC", "Microsoft YaHei", "Tahoma", "Arial", "sans-serif";

  font-weight: bold;

  color: #D72726;

  line-height: 1;

  transition: all ease .5s;

}



.ho3 .col b {

  font-size: 0.938vw;

  font-family: "Poppins", "SourceHanSansCN", "PingFang SC", "Microsoft YaHei", "Tahoma", "Arial", "sans-serif";

  font-weight: bold;

  color: #D72726;

  margin-left: 1.302vw;

  transition: all ease .5s;

}



.ho3 .col p {

  font-size: 0.833vw;

  font-weight: bold;

  color: #0F0F0F;

  margin: 2.083vw 0 0;

  transition: all ease .5s;

}



.ho4 {

  width: 100%;

  padding: 6.25vw 8.333vw 0;

  position: relative;

  /* background: #FCFCFC; */

}



.ho4 .row {

  margin: 2.083vw 0 0;

  position: relative;

}



.ho4 .pic {

  width: 100%;

  position: relative;

  transition: all ease .5s;

}



.ho4 .pic video,

.ho4 .pic img {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



.ho4 .play {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  z-index: 5;

}



.play {

  width: 2.344vw;

  height: 2.344vw;

  background: #FFFFFF;

  border-radius: 50%;

  cursor: pointer;

  transition: all ease .5s;

}



.play::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 4.167vw;

  height: 4.167vw;

  background: #FFFFFF;

  border-radius: 50%;

  animation: fadeInMaxToMinTan 2s linear infinite;

  -webkit-animation: fadeInMaxToMinTan 2s linear infinite;

}



.play i {

  font-size: 1.042vw;

  transition: all ease .5s;

}



.ho5 {

  width: 100%;

  padding: 6.25vw 8.333vw;

  position: relative;

}



.ho5 .row {

  margin: 2.604vw 0 0;

}



.ho5 .ev {

  width: 15%;

  /* height: 4.948vw; */

  background: #F8F8F8;

  box-shadow: 10px 10px 20px 1px rgba(0, 0, 0, 0.07);

  padding: 0.781vw;

  margin: 0 0 2.083vw;

  overflow: hidden;

  transition: all ease .5s;

}



.ho5 .ev img {

  max-width: 80%;

  transition: all ease .5s;

}



.ho5 .ev:hover img {

  transform: scale(1.05);

}



.ho6 {

  width: 100%;

  padding: 6.25vw 8.333vw;

  position: relative;

  background: #FCFCFC;

}



.ho6 .row {

  margin: 2.604vw 0 0;

}



.ho6 .box_l {

  width: 53%;

}



.ho6 .box_r {

  width: 45%;

}



.ho6 .box_r .col:first-child {

  display: none;

}



.ho6 .col {

  width: 100%;

  position: relative;

  transition: all ease .5s;

}



.ho6 .pic {

  width: 35%;

  overflow: hidden;

  transition: all ease .5s;

}





.ho6 .pic img {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



.ho6 .col:hover img {

  transform: scale(1.05);

}



.ho6 .intr {

  width: 61%;

  transition: all ease .5s;

}



.ho6 .box_l .pic,

.ho6 .box_l .intr {

  width: 100%;

}



.ho6 .box_l .intr {

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 5;

  padding: 0 11.979vw 2.083vw 2.604vw;

}



.ho6 .intr h6 {

  font-size: 0.938vw;

  font-weight: bold;

  color: #0F0F0F;

  display: -webkit-box;

  display: box;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  margin: 0.781vw 0 1.042vw;

  transition: all ease .5s;

}



.ho6 .box_l .intr h6 {

  font-size: 1.25vw;

}



.ho6 .box_l .intr h6,

.ho6 .box_l .intr p {

  color: #FFFFFF;

}



.ho6 .box_l .intr p {

  -webkit-line-clamp: 3;

}



.ho6 .col:hover .intr h6 {

  color: #D72726;

}



.ho6 .intr .date {

  font-size: 0.729vw;

  font-family: "Poppins", "SourceHanSansCN", "PingFang SC", "Microsoft YaHei", "Tahoma", "Arial", "sans-serif";

  font-weight: 400;

  color: #9F9F9F;

  transition: all ease .5s;

}



.ho6 .intr p {

  min-height: 2.083vw;

  font-size: 0.833vw;

  font-weight: 400;

  color: #7F7F7F;

  line-height: 1.5;

  display: -webkit-box;

  display: box;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  transition: all ease .5s;

}



.ho6 .more_g {

  width: 8.333vw;

  margin: 2.083vw auto 0;

}





/* 解决方案 */

.sol0 {

  width: 100%;

  position: relative;

  padding: 3.125vw 8.333vw 6.25vw;

}



.sol0 .box_l {

  width: 20%;

  /* position: sticky;

  position: -webkit-sticky;

  z-index: 66;

  top: 7.813vw; */

}



.sol0 .box_r {

  width: 77.5%;

}



.sol0 .menu_ul {

  width: 100%;

  position: relative;

  transition: all ease .5s;

}



.sol0 .menu_li {

  width: 100%;

  position: relative;

  transition: all ease .5s;

}



.sol0 .menu_dl {

  width: 100%;

  padding: 0.781vw 1.042vw;

  border-left: 1px solid #EBEBEB;

  border-right: 1px solid #EBEBEB;

  border-bottom: 1px solid #EBEBEB;

  transition: all ease .5s;

}



.sol0 .menu_li .menu_dl:first-child {

  background: #D72726;

}



.sol0 .menu_dl span {

  font-size: 0.833vw;

  font-weight: 400;

  color: #0F0F0F;

  transition: all ease .5s;

}



.sol0 .menu_dl i {

  font-size: 0.833vw;

  font-weight: bold;

  color: #0F0F0F;

  transition: all ease .5s;

}



.sol0 .menu_dl.on span,

.sol0 .menu_dl.on i,

.sol0 .menu_dl:hover span,

.sol0 .menu_dl:hover i {

  color: #D72726;

}



.sol0 .menu_li .menu_dl:first-child span {

  color: #FFFFFF;

}



.sol0 .menu_li .menu_dl:first-child i {

  display: none;

}



.sol0 .more {

  width: 100%;

  padding: 0.781vw 1.042vw;

  background: #C8C8C8;

  cursor: pointer;

  transition: all ease .5s;

}



.sol0 .more span {

  font-size: 0.833vw;

  font-weight: 400;

  color: #FFFFFF;

  transition: all ease .5s;

}



.sol0 .col {

  width: 50%;

  position: relative;

  padding: 0 1.042vw 2.604vw 0;

  margin: 0 0 2.604vw 0;

  border-bottom: 1px solid #D9D9D9;

  transition: all ease .5s;

}



.sol0 .col:nth-child(2n) {

  padding: 0 0 2.604vw 1.042vw;

}



.sol0 .pic {

  width: 100%;

  overflow: hidden;

  transition: all ease .5s;

}



.sol0 .pic img {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



.sol0 .col:hover .pic img {

  transform: scale(1.05);

}



.sol0 .intr {

  width: 100%;

  margin: 1.563vw 0 0;

  transition: all ease .5s;

}



.sol0 .intr h6 {

  font-size: 1.25vw;

  font-weight: bold;

  color: #5E5E5E;

  transition: all ease .5s;

}



.sol0 .col:hover h6 {

  color: #D72726;

}



.sol0 .intr p {

  min-height: 2.344vw;

  font-size: 0.938vw;

  font-weight: 400;

  color: #7F7F7F;

  line-height: 1.5;

  display: -webkit-box;

  display: box;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  margin: 1.042vw 0 0;

  transition: all ease .5s;

}



.sol0 .more_g {

  margin: 1.563vw 0 0;

}



.sol0 .col:hover .more_g {

  background: #D72726;

}



.sol0 .col:hover .more_g span,

.sol0 .col:hover .more_g i {

  color: #FFFFFF;

}



.sol0 .editor {

  width: 100%;

  position: relative;

  transition: all ease .5s;

}



.sol0 .editor h2 {

  font-size: 2.083vw;

  font-weight: bold;

  color: #5E5E5E;

  transition: all ease .5s;

}



.sol0 .editor p {

  font-size: 0.938vw;

  font-weight: 400;

  color: #0F0F0F;

  margin: 1.302vw 0 1.042vw;

  transition: all ease .5s;

}



.sol0 .editor img {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



.sol0 .editor hr {

  display: block;

  border-top: 1px solid #d72726;

  margin: 4.167vw 0;

  transition: all ease .5s;

}



/* 应用案例 */

.ca0 {

  width: 100%;

  position: relative;

  padding: 6.25vw 8.333vw;

}



.ca0 .col {

  width: 32.5%;

  margin: 0 0 1.563vw;

  position: relative;

  transition: all ease .5s;

}



.ca0 .pic {

  width: 100%;

  position: relative;

  overflow: hidden;

  transition: all ease .5s;

}



.ca0 .pic video {

  max-width: 100%;

  width: 100%;

  height: 15.156vw;

  object-fit: cover;

  transition: all ease .5s;

}



.ca0 .pic img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: all ease .5s;

}



.ca0 .intr {

  width: 100%;

  margin: 1.563vw 0 0;

  position: relative;

  transition: all ease .5s;

}



.ca0 .intr img {

  position: absolute;

  right: 0.521vw;

  top: -0.781vw;

  z-index: 5;

  width: 3.125vw;

  transition: all ease .5s;

}



.ca0 .intr h6 {

  width: 80%;

  font-size: 1.25vw;

  font-weight: bold;

  color: #5E5E5E;

  transition: all ease .5s;

}



.ca0 .col:hover .intr h6 {

  color: #D72726;

}



.ca0 .more_g {

  margin: 1.563vw 0 0;

}



.ca0 .pagelist {

  margin: 1.563vw 0 0;

}



/* 软件技术 */

.sof0 {

  width: 100%;

  padding: 6.25vw 8.333vw;

  position: relative;

}



.sof0 .col {

  width: 100%;

  margin: 0 0 6.771vw;

  position: relative;

  background: #FFFFFF;

  transition: all ease .5s;

}



.sof0 .col:nth-child(2n) {

  flex-direction: row-reverse;

}



.sof0 .col:last-child {

  margin: 0;

}



.sof0 .pic {

  width: 50%;

  overflow: hidden;

  position: relative;

  transition: all ease .5s;

}



.sof0 .pic video {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



.sof0 .pic img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: all ease .5s;

}



.sof0 .intr {

  width: 50%;

  box-shadow: 10px 10px 20px 1px rgba(0, 0, 0, 0.05);

  transition: all ease .5s;

}



.sof0 .intr .txt {

  width: 100%;

  height: 100%;

  padding: 0 5.208vw;

  transition: all ease .5s;

}



.sof0 .intr h2 {

  font-size: 2.083vw;

  font-weight: bold;

  color: #5E5E5E;

  transition: all ease .5s;

}



.sof0 .intr em {

  width: 3.125vw;

  height: 0.156vw;

  background: #D72726;

  display: block;

  margin: 1.563vw 0;

  transition: all ease .5s;

}



.sof0 .intr p {

  font-size: 1.354vw;

  font-weight: bold;

  color: #5E5E5E;

  line-height: 1.5;

}



.sof0 .more_g {

  margin: 2.083vw 0 0;

}







/* 检测技术 */

.de0 {

  width: 100%;

  padding: 6.25vw 8.333vw;

  position: relative;

}



.de0 .col {

  width: 100%;

  margin: 0 0 6.771vw;

  position: relative;

  background: #FFFFFF;

  transition: all ease .5s;

}



.de0 .col:nth-child(2n) {

  flex-direction: row-reverse;

}



.de0 .pic {

  width: 50%;

  overflow: hidden;

  position: relative;

  transition: all ease .5s;

}



.de0 .pic video {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



.de0 .pic img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: all ease .5s;

}



.de0 .intr {

  width: 50%;

  box-shadow: 10px 10px 20px 1px rgba(0, 0, 0, 0.05);

  transition: all ease .5s;

}



.de0 .intr .txt {

  width: 100%;

  height: 100%;

  padding: 0 5.208vw;

  transition: all ease .5s;

}



.de0 .intr h2 {

  font-size: 2.083vw;

  font-weight: bold;

  color: #5E5E5E;

  transition: all ease .5s;

}



.de0 .intr em {

  width: 3.125vw;

  height: 0.156vw;

  background: #D72726;

  display: block;

  margin: 1.563vw 0;

  transition: all ease .5s;

}



.de0 .intr p {

  font-size: 1.354vw;

  font-weight: bold;

  color: #5E5E5E;

  line-height: 1.5;

}



.de0 .swiper {

  width: 100%;

  margin: 1.302vw 0 0;

}



.de0 .img {

  width: 100%;

  overflow: hidden;

  transition: all ease .5s;

}



.de0 .img img {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



/* 关于大正 */

.ab0 {

  width: 100%;

  padding: 6.25vw 8.333vw;

  position: relative;

}



.ab0 .row {

  margin: 2.604vw 0 0;

}



.ab0 .box_l {

  width: 30%;

  position: relative;

}



.ab0 .box_r {

  width: 65%;

  position: relative;

}



.ab0 .intr {

  width: 100%;

  position: relative;

  transition: all ease .5s;

}



.ab0 .intr p {

  font-size: 1.042vw;

  font-weight: 400;

  color: #8E8E8E;

  padding-left: 1.042vw;

  position: relative;

  margin: 0 0 1.042vw;

  transition: all ease .5s;

}



.ab0 .intr p::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0.625vw;

  width: 0.208vw;

  height: 0.208vw;

  background: #D72726;

  transition: all ease .5s;

}



.ab0 .intr strong {

  font-weight: bold;

  color: #D72726;

  transition: all ease .5s;

}



.ab0 .pic {

  width: 100%;

  position: relative;

  overflow: hidden;

  transition: all ease .5s;

}



.ab0 .pic img,

.ab0 .pic video {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



.ab0 .play {

  position: absolute;

  left: 4.167vw;

  bottom: 4.167vw;

  z-index: 5;

}





.ab1 {

  width: 100%;

  padding: 6.25vw 8.333vw;

  position: relative;

  background: #FBFBFB;

}



.ab1 .row {

  margin: 2.604vw 0 0;

}



.ab1 .swiper_t {

  width: 100%;

  padding: 0 5.208vw;

  margin: 0 0 1.563vw;

  position: relative;

}



.ab1 .swiper_b {

  width: 100%;

  position: relative;

}



.ab1 .b_btn {

  position: absolute;

  top: -50%;

  z-index: 5;

}



.ab1 .prev {

  left: 0;

}



.ab1 .next {

  right: 0;

}



.ab1 .item-box {

  width: 100%;

  position: relative;

  text-align: center;

  padding-top: 0.208vw;

  transition: all ease .5s;

}



.ab1 .item-box::before {

  content: "";

  display: block;

  position: relative;

  top: 0;

  left: 0;

  z-index: 5;

  width: 100%;

  height: 0.104vw;

  background: #D4D4D4;

  transition: all ease .5s;

}



.ab1 .item-box::after {

  content: "";

  display: block;

  position: absolute;

  left: 50%;

  top: 0;

  transform: translateX(-50%);

  z-index: 5;

  width: 0.521vw;

  height: 0.521vw;

  background: #D4D4D4;

  border-radius: 50%;

  transition: all ease .5s;

}



.ab1 .swiper-slide-active .item-box:after {

  background: #D72726;

}



.ab1 .item-box span {

  font-size: 0.938vw;

  font-family: "Poppins", "SourceHanSansCN", "PingFang SC", "Microsoft YaHei", "Tahoma", "Arial", "sans-serif";

  font-weight: bold;

  color: #D4D4D4;

  padding-top: 1.042vw;

  display: inline-block;

  position: relative;

  transition: all ease .5s;

}



.ab1 .swiper-slide-active .item-box span {

  color: #000000;

}



.ab1 .col {

  width: 100%;

  padding: 0 0.521vw 1.042vw;

  position: relative;

  transition: all ease .5s;

}



.ab1 .pic {

  width: 100%;

  position: relative;

  overflow: hidden;

  transition: all ease .5s;

}



.ab1 .pic img {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



.ab1 .intr {

  width: 100%;

  height: 14vw;

  background: #F1F1F1;

  box-shadow: 3px 3px 16px 1px rgba(0, 0, 0, 0.09);

  border-radius: 0px 0px 10px 10px;

  padding: 1.042vw;

  overflow: auto;

  transition: all ease .5s;

}



/* .ab1 .col:hover .intr */

.ab1 .swiper-slide-active .intr {

  background: #D72726;

}



.ab1 .intr p {

  font-size: 0.938vw;

  font-weight: 400;

  color: #5E5E5E;

  line-height: 1.5;

  transition: all ease .5s;

}



/* .ab1 .col:hover .intr p */

.ab1 .swiper-slide-active .intr p {

  color: #FFFFFF;

}



.ab2 {

  width: 100%;

  padding: 6.25vw 8.333vw;

  position: relative;

}



.ab2 .row {

  margin: 2.604vw 0 0;

  position: relative;

}



.ab2 .switch {

  width: 100%;

  margin: 1.823vw 0 0;

}



.ab2 .sub {

  width: 11.979vw;

  height: 3.125vw;

  background: #E2E2E2;

  border-radius: 5px;

  border: 1px solid #C1C1C1;

  margin: 0 0.26vw;

  cursor: pointer;

  transition: all ease .5s;

}



.ab2 .sub.on {

  background: #D72726;

  border: 1px solid #D72726;

}



.ab2 .sub span {

  font-size: 0.833vw;

  font-weight: 400;

  color: #5E5E5E;

  transition: all ease .5s;

}



.ab2 .sub.on span {

  color: #FFFFFF;

}



.ab2 .swiper_b {

  width: 100%;

  display: none;

}



.ab2 .swiper_b.on {

  display: block;

}



.ab2 .b_btn {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 10;

}



.ab2 .prev {

  left: 37%;

}



.ab2 .next {

  right: 37%;

}





.ab2 .swiper-slide {

  transform: scale(.75);

  text-align: center;

  transition: transform .5s cubic-bezier(.25, 1, .3, 1);

}



.ab2 .swiper-slide-active {

  transform: scale(1);

}



/* .ab2 .swiper-slide-prev {

  text-align: left;

}



.ab2 .swiper-slide-next {

  text-align: right;

} */

.ab2 .pic {

  width: 100%;

  overflow: hidden;

  transition: all ease .5s;

}



.ab2 .pic img {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



.ab3 {

  width: 100%;

  padding: 6.25vw 8.333vw;

  position: relative;

  background: #FBFBFB;

}



.ab3 .row {

  margin: 2.604vw 0 0;

}



.ab3 .col {

  width: 17.3125%;

  height: 40.885vw;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  transition: all ease .5s;

}



.ab3 .col::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  background: rgba(0, 0, 0, 0.4);

  opacity: 1;

  transition: all ease .5s;

}



.ab3 .col.on {

  width: 48.0625%;

}



.ab3 .col.on::after {

  opacity: 0;

}



.ab3 .pic {

  width: 100%;

  overflow: hidden;

  position: relative;

  display: none;

  transition: all ease .5s;

}



.ab3 .pic img {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



.ab3 .intr {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  padding: 0 1.563vw;

  z-index: 2;

  bottom: 2.083vw;

  overflow: hidden;

  transition: all ease .5s;

}



.ab3 .col.on .intr {

  padding: 0 3.125vw;

  bottom: 3.125vw;

}



.ab3 .intr h6 {

  font-size: 1.25vw;

  font-weight: bold;

  color: #FFFFFF;

  transition: all ease .5s;

}



.ab3 .col .moretxt {

  display: none;

}



.ab3 .col.on .moretxt {

  display: block;

}



.ab3 .intr p {

  font-size: 0.938vw;

  font-weight: 400;

  color: #FFFFFF;

  line-height: 1.5;

  margin: 1.302vw 0 0;

  min-height: 5.729vw;

  /* display: -webkit-box;

  display: box;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4; */

  transition: all ease .5s;

}





.ab4 {

  width: 100%;

  padding: 6.25vw 8.333vw;

  position: relative;

}



.ab4 .row {

  margin: 2.604vw 0 0;

}



.ab4 .ev {

  width: 15%;

  /* height: 4.948vw; */

  background: #FFFFFF;

  box-shadow: 10px 10px 20px 1px rgba(0, 0, 0, 0.07);

  padding: 0.781vw;

  margin: 0 0 2.083vw;

  overflow: hidden;

  transition: all ease .5s;

}



.ab4 .ev img {

  max-width: 80%;

  transition: all ease .5s;

}



.ab4 .ev:hover img {

  transform: scale(1.05);

}



.ab5 {

  width: 100%;

  position: relative;

}



.ab5 .pic {

  width: 100%;

  position: relative;

  overflow: hidden;

  transition: all ease .5s;

}



.ab5 .pic img {

  max-width: 100%;

  width: 100%;

}



.ab5 .intr {

  position: absolute;

  left: 16.667vw;

  top: 50%;

  transform: translateY(-50%);

  z-index: 5;

  width: 25%;

  padding: 2.083vw 3.125vw;

  background: rgba(0, 0, 0, 0.25);

  -webkit-backdrop-filter: blur(0.41667vw);

  backdrop-filter: blur(0.41667vw);

  border-radius: 14px;

  transition: all ease .5s;

}



.ab5 .intr h4 {

  font-size: 1.458vw;

  font-weight: bold;

  color: #FFFFFF;

  margin: 0 0 0.26vw;

  transition: all ease .5s;

}



.ab5 .intr p {

  font-size: 0.833vw;

  font-weight: 400;

  color: #FFFFFF;

  line-height: 2;

  transition: all ease .5s;

}



/* 企业动态 */

.ne0 {

  width: 100%;

  padding: 6.25vw 16.667vw;

  position: relative;

}



.ne0 .col {

  width: 100%;

  position: relative;

  padding: 2.344vw 0;

  border-top: 1px solid #EBEBEB;

  transition: all ease .5s;

}



.ne0 .pic {

  width: 31.25%;

  overflow: hidden;

  transition: all ease .5s;

}



.ne0 .pic img {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



.ne0 .intr {

  width: 65%;

  transition: all ease .5s;

}



.ne0 .intr h6 {

  font-size: 1.25vw;

  font-weight: bold;

  color: #0F0F0F;

  line-height: 1.5;

  margin: 1.042vw 0 1.042vw;

  transition: all ease .5s;

}



.ne0 .col:hover .intr h6 {

  color: #D72726;

}



.ne0 .intr p {

  min-height: 2.083vw;

  font-size: 0.833vw;

  font-weight: 400;

  color: #5E5E5E;

  line-height: 1.5;

  display: -webkit-box;

  display: box;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  transition: all ease .5s;

}



.ne0 .intr .date {

  font-size: 0.833vw;

  font-family: "Poppins", "SourceHanSansCN", "PingFang SC", "Microsoft YaHei", "Tahoma", "Arial", "sans-serif";

  font-weight: 400;

  color: #9F9F9F;

  transition: all ease .5s;

}



.ne0 .more_w {

  margin: 1.302vw 0 0;

  box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.09);

}



.ne0 .col:hover .more_w {

  background: #D72726;

}



.ne0 .col:hover .more_w span,

.ne0 .col:hover .more_w i {

  color: #FFFFFF;

}



.ne1 {

  width: 100%;

  padding: 3.125vw 16.667vw 6.25vw;

  position: relative;

}



.ne1 .box_l {

  width: 62.5%;

}



.ne1 .box_r {

  width: 24%;

  position: sticky;

  position: -webkit-sticky;

  top: 6.25vw;

  z-index: 66;

  background: #FFFFFF;

  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.05);

  padding: 1.042vw;

  transition: all ease .5s;

}



.ne1 .turnpage {

  margin: 4.167vw 0 0;

}



.ne1 .name {

  width: 100%;

  position: relative;

  border-bottom: 1px solid #D7D7D7;

  margin: 0 0 1.302vw;

  transition: all ease .5s;

}



.ne1 .name h6 {

  font-size: 1.25vw;

  font-weight: 400;

  color: #272727;

  transition: all ease .5s;

}



.ne1 .name .date {

  font-size: 0.833vw;

  font-family: "Poppins", "SourceHanSansCN", "PingFang SC", "Microsoft YaHei", "Tahoma", "Arial", "sans-serif";

  font-weight: 400;

  color: #9F9F9F;

  margin: 1.302vw 0;

  transition: all ease .5s;

}



.ne1 .editor {

  width: 100%;

  position: relative;

  transition: all ease .5s;

}



.ne1 .editor p {

  font-size: 0.833vw;

  font-weight: 400;

  color: #7F7F7F;

  line-height: 1.5;

  transition: all ease .5s;

}



.ne1 .editor img {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



.ne1 .title {

  width: 100%;

  border-bottom: 1px dashed #E6E8EB;

  padding-bottom: 1.042vw;

  margin-bottom: 0.781vw;

  transition: all ease .5s;

}



.ne1 .title h6 {

  font-size: 0.833vw;

  font-weight: 400;

  color: #272727;

  transition: all ease .5s;

}



.ne1 .hot {

  width: 100%;

  transition: all ease .5s;

}



.ne1 .ev {

  width: 100%;

  position: relative;

  padding: 0 0.781vw 0 1.302vw;

  transition: all ease .5s;

}



.ne1 .ev::before {

  content: "";

  display: inline-block;

  position: absolute;

  top: 0.104vw;

  left: 0;

  z-index: 5;

  border: 0.26vw solid transparent;

  border-left-color: #D72726;

  width: 0;

  height: 0;

  transition: all ease .5s;

}



.ne1 .ev:not(:last-child) {

  margin: 0 0 1.042vw;

}



.ne1 .ev h6 {

  font-size: 0.729vw;

  font-weight: 400;

  color: #272727;

  transition: all ease .5s;

}



.ne1 .ev .date {

  font-size: 0.729vw;

  font-weight: 400;

  color: #7F7F7F;

  transition: all ease .5s;

}



/* 人才计划 */

.jo0 {

  width: 100%;

  padding: 6.25vw 16.667vw;

  position: relative;

}



.jo0 .row {

  position: relative;

}



.jo0 .pic {

  width: 100%;

  position: relative;

  overflow: hidden;

  transition: all ease .5s;

}



.jo0 .pic img {

  max-width: 100%;

  width: 100%;

}



.jo0 .intr {

  position: absolute;

  right: 1.302vw;

  bottom: 1.302vw;

  z-index: 5;

  width: 40.625%;

  padding: 2.344vw 3.125vw;

  background: rgba(0, 0, 0, 0.25);

  -webkit-backdrop-filter: blur(0.41667vw);

  backdrop-filter: blur(0.41667vw);

  transition: all ease .5s;

}



.jo0 .intr h2 {

  font-size: 2.083vw;

  font-weight: bold;

  color: #FFFFFF;

  margin: 0 0 2.083vw;

  transition: all ease .5s;

}



.jo0 .intr p {

  font-size: 0.833vw;

  font-weight: 400;

  color: #FFFFFF;

  line-height: 1.5;

  transition: all ease .5s;

}



.jo1 {

  width: 100%;

  padding: 6.25vw 16.667vw;

  position: relative;

  background: #FBFBFB;

}



.jo1 .row {

  margin: 2.604vw 0 0;

  position: relative;

}



.jo1 .pic {

  width: 100%;

  position: relative;

  overflow: hidden;

  transition: all ease .5s;

}



.jo1 .pic img {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



.jo1 .b_btn {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 5;

}



.jo1 .prev {

  left: -4.688vw;

}



.jo1 .next {

  right: -4.688vw;

}



.jo2 {

  width: 100%;

  padding: 6.25vw 16.667vw 0;

  position: relative;

}



.icon_g {

  position: absolute;

  top: 9.896vw;

  left: -2.083vw;

  z-index: 5;

  width: 4.167vw;

  height: 4.167vw;

  background: #ebf8e8;

  border-radius: 50%;

  transition: all ease .5s;

}



.jo2 .row {

  margin: 2.604vw 0 0;

  position: relative;

}



.jo2 .box_l {

  width: 28%;

  position: relative;

  margin: -2.083vw 0 0;

}



.jo2 .box_r {

  width: 60%;

  position: relative;

}



.jo2 .intr {

  width: 100%;

}



.jo2 .pic {

  width: 100%;

  overflow: hidden;

  transition: all ease .5s;

}



.jo2 .pic img {

  max-width: 100%;

  width: 100%;

  transition: all ease .5s;

}



.jo2 .info {

  width: 100%;

  position: relative;

  transition: all ease .5s;

}



.jo2 .info span {

  font-size: 5.521vw;

  color: #1f2329;

  opacity: 0.04;

  letter-spacing: 8px;

  line-height: 1;

  transition: all ease .5s;

}



.jo2 .info h4 {

  font-size: 1.458vw;

  font-weight: bold;

  color: #000000;

  position: absolute;

  left: 0%;

  top: 50%;

  transform: translateY(-50%);

  z-index: 5;

  transition: all ease .5s;

}



.jo2 .intr em {

  width: 100%;

  height: 0.052vw;

  display: block;

  background: #dee0e3;

  margin: 1.563vw 0 0;

}



.jo2 .intr h6 {

  font-size: 1.042vw;

  font-weight: bold;

  color: #000000;

  margin: 1.563vw 0 0;

  transition: all ease .5s;

}



.jo2 .intr p {

  font-size: 0.729vw;

  font-weight: 400;

  color: #5E5E5E;

  margin: 0.521vw 0 0;

  transition: all ease .5s;

}





.jo3 {

  width: 100%;

  padding: 6.25vw 16.667vw;

  position: relative;

}



.jo3 .row {

  margin: 2.604vw 0 0;

  position: relative;

}



.jo3 .box_l {

  width: 32%;

}



.jo3 .box_c {

  width: 32%;

}



.jo3 .box_r {

  width: 32%;

}



.jo3 .box {

  width: 100%;

  transition: all ease .5s;

}



.jo3 .pic {

  width: 100%;

  overflow: hidden;

  transition: all ease .5s;

}



.jo3 .pic img {

  max-width: 100%;

  width: 100%;

  height: 22.396vw;

  object-fit: cover;

  transition: all ease .5s;

}



.jo3 .intr {

  width: 100%;

  height: 47%;

  padding: 1.042vw;

  background: #F6F6F6;

  transition: all ease .5s;

}



.jo3 .intr h6 {

  font-size: 1.042vw;

  font-weight: bold;

  color: #000000;

  transition: all ease .5s;

}



.jo3 .intr p {

  font-size: 0.833vw;

  font-weight: 400;

  color: #5E5E5E;

  margin: 0.521vw 0 0;

  transition: all ease .5s;

}



/* 联系我们 */

.co0 {

  width: 100%;

  padding: 6.25vw 8.333vw;

  position: relative;

}



.co0 .box_l {

  width: 40%;

}



.co0 .box_r {

  width: 50%;

}



.co0 .intr {

  width: 100%;

  margin: 0 0 3.125vw;

  position: relative;

}



.co0 .intr h6 {

  font-size: 1.458vw;

  font-weight: bold;

  color: #0F0F0F;

  margin: 0 0 0.781vw;

  transition: all ease .5s;

}



.co0 .intr p {

  font-size: 0.833vw;

  font-weight: 400;

  color: #7F7F7F;

  transition: all ease .5s;

}



.co0 .form {

  width: 100%;

  position: relative;

  transition: all ease .5s;

}



.co0 label {

  width: 100%;

  display: block;

  margin: 0 0 1.563vw;

  transition: all ease .5s;

}



.co0 label h6 {

  font-size: 0.833vw;

  font-weight: 400;

  color: #0F0F0F;

  margin: 0 0 0.521vw;

  transition: all ease .5s;

}



.co0 input {

  width: 100%;

  height: 2.865vw;

  border: 1px solid #D4D4D4;

  padding: 0 15px;

  color: #000000;

  transition: all ease .5s;

}



.co0 textarea {

  width: 100%;

  height: 8.854vw;

  border: 1px solid #D4D4D4;

  padding: 10px 15px;

  color: #000000;

  transition: all ease .5s;

}



.co0 .err-input {

  border: 1px solid #D72726;

}



.co0 .btn {

  width: 14.063vw;

  height: 2.083vw;

  background: #E3E3E3;

  cursor: pointer;

  transition: all ease .5s;

}



.co0 .btn:hover {

  background: #D72726;

}



.co0 .btn span {

  font-size: 0.833vw;

  font-weight: 400;

  color: #333333;

  transition: all ease .5s;

}



.co0 .btn i {

  font-size: 0.833vw;

  font-weight: bold;

  color: #333333;

  margin-left: 0.781vw;

  transition: all ease .5s;

}



.co0 .btn:hover span,

.co0 .btn:hover i {

  color: #FFFFFF;

}



.co1 {

  width: 100%;

  position: relative;

}



.co1 .map {

  width: 100%;

  height: 30.729vw;

  /* pointer-events: none; */

}



.co1 .ico {

  position: absolute;

  left: 50%;

  top: 8.854vw;

  transform: translateX(-50%);

  z-index: 5;

  width: 11.198vw;

  background: #FFFFFF;

  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);

  border-radius: 8px;

  padding: 1.302vw;

  transition: all ease .5s;

}



/* 单页 */

.single {

  width: 100%;

  padding: 6.25vw 16.667vw;

  position: relative;

}





/* 搜索頁面 */

.se0 {

  width: 100%;

  padding: 6.25vw 8.333vw;

  position: relative;

}



.se0 h1 {

  font-size: 2.083vw;

  font-weight: bold;

  color: #D72726;

  text-align: center;

  transition: all ease .5s;

}



.se1 {

  width: 100%;

  padding: 6.25vw 8.333vw 0;

  position: relative;

}



.se1 .row {

  margin: 2.604vw 0 0;

}



.se2 {

  width: 100%;

  padding: 6.25vw 8.333vw 0;

  position: relative;

}



.se2 .row {

  margin: 2.604vw 0 0;

}



.se3 {

  width: 100%;

  padding: 6.25vw 8.333vw;

  position: relative;

}



.se3 .row {

  margin: 2.604vw 0 0;

}



.search_box {

  max-width: 500px;

  width: 100%;

  margin: 1.563vw auto 0;

  position: relative;

  background: #FFFFFF;

  box-shadow: 0px 3px 40px 1px rgba(0, 0, 0, 0.08);

  transition: all ease .5s;

}



.search_box input {

  width: 100%;

  height: 3.125vw;

  padding: 0 2.083vw;

  transition: all ease .5s;

}



.search_box .search_b {

  position: absolute;

  right: 0;

  top: 0;

  width: 3.125vw;

  height: 3.125vw;

  background: #D72726;

  cursor: pointer;

  transition: all ease .5s;

}



.search_b i {

  font-size: 1.042vw;

  color: #ffffff;

  transition: all ease .5s;

}