@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'SourceHanSansCN';
  src: url('../fonts/SourceHanSansCN-ExtraLight.ttf');
  font-weight: 200;
}
@font-face {
  font-family: 'SourceHanSansCN';
  src: url('../fonts/SourceHanSansCN-Light.ttf');
  font-weight: 300;
}
@font-face {
  font-family: 'SourceHanSansCN';
  src: url('../fonts/SourceHanSansCN-Regular.ttf');
  font-weight: 400;
}
@font-face {
  font-family: 'SourceHanSansCN';
  src: url('../fonts/SourceHanSansCN-Medium.otf');
  font-weight: 500;
}
@font-face {
  font-family: 'SourceHanSansCN';
  src: url('../fonts/SourceHanSansCN-Bold.ttf');
  font-weight: 600;
}
@font-face {
  font-family: 'SourceHanSansCN';
  src: url('../fonts/SourceHanSansCN-Heavy.ttf');
  font-weight: 700;
}
@font-face {
  font-family: 'SourceHanSansCN';
  src: url('../fonts/HarmonyOS_Sans_Black.ttf');
  font-weight: 800;
}
@font-face {
  font-family: 'MyriadPro';
  src: url('../fonts/MyriadPro-Regular.otf');
}
@font-face {
  font-family: 'en';
  src: url('../fonts/Poppins-SemiBold.woff') format('woff'),
    url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
    url('../fonts/Poppins-SemiBold.ttf');
  font-weight: 600;
}
@font-face {
  font-family: 'iconfont';
  src: url(../icons/iconfont.eot);
  src: url(../icons/iconfont.eot?#iefix) format('embedded-opentype'),
    url(../icons/iconfont.woff) format('woff'),
    url(../icons/iconfont.ttf) format('truetype'),
    url(../icons/iconfont.svg#iconfont) format('svg');
}
.iconfont {
  font-family: 'iconfont' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
* {
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  font-size: 62.5%;
  list-style: none;
  font-family: 'SourceHanSansCN', sans-serif;
  --height: 25rem;
  color: #414141;
  font-weight: 400;
}
html {
  scrollbar-width: thin;
}
input[type='checkbox'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  box-sizing: border-box;
}
input[type='checkbox'] {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  border: 1px solid #a3a3a3;
  border-radius: 0%;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
input[type='checkbox']:checked {
  border-color: #414141;
  background: #414141;
  background-image: url(../images/ok.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
img {
  display: block;
}
.clear {
  clear: both;
}
.hide {
  display:none;
}
p {
  font-size: 1.6rem;
  color: #414141;
}
a {
  text-decoration: none;
  color: #414141;
}
::-webkit-scrollbar {
  display: none;
}

::selection {
  background: #122a88;
  color: #fff;
}
.w_all {
  width: 88%;
  margin: auto;
}
.w_all2 {
  width: 900px;
  margin: auto;
}
.w_all3 {
  width: 120rem;
  margin: auto;
}
.animated {
  opacity: 0;
}
.swiper-container {
  overflow: hidden;
  position: relative;
}
/*index*/
html,
body {
  width: 100%;
  position: relative;
  font-size: 62.5%;
}
header {
  width: 100%;
  position: fixed;
  left: 0%;
  top: 0px;
  z-index: 9999;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.4s;
}
header.outside {
  -webkit-transform: translateY(-180px);
  transform: translateY(-180px);
}
header::before {
  background: #fff;
  width: 100%;
  height: 0%;
  position: absolute;
  left: 0%;
  top: 0%;
  content: '';
  transition: all 0.4s;
}
header.active::before {
  height: 100%;
}
header.active2 {
  background: #fff;
}

header .contain {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
nav {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.logo {
  height: 35px;
  position: relative;
  z-index: 999999;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.logo img {
  height: 100%;
}
.logo img:last-of-type {
  display: none;
}
header.active .logo img:first-of-type {
  display: none;
}
header.active .logo img:last-of-type {
  display: block;
}
header.active2 .logo img:first-of-type {
  display: none;
}
header.active2 .logo img:last-of-type {
  display: block;
}
header ul {
  display: flex;
}
header ul li {
  transition: all 0.4s;
  position: relative;
  /*margin-right: 5rem;*/
  margin-right: 4rem;
  position: relative;
  line-height: 74px;
}

header ul li > a {
  font-size: 1.4rem;
  color: #fff;
  transition: all 0.4s;
}
header ul li:hover > a,
header .others:hover .ll {
  color: #d51c19 !important;
}
header.active ul li > a {
  color: #333;
}
header.active2 ul li > a {
  color: #333;
}
header.header2 ul li > a {
  color: #333;
}
header .others {
  display: flex;
  margin-left: 3rem;
}
header .others .ll {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  color: #fff;
  font-family: 'title';
  cursor: pointer;
  transition: all 0.4s;
}
header.active .others .ll {
  color: #333;
}
header.active2 .others .ll {
  color: #333;
}
header.header2 .others .ll {
  color: #333;
}
header.active .navBtn span,
header.active2 .navBtn span,
header.header2 .navBtn span {
  background: #333;
}
header .others .ll img {
  height: 1.8rem;
  margin-right: 0.6rem;
  opacity: 0.6;
  margin-top: -1px;
  display: none;
}
.s_menu {
  position: absolute;
  left: -1.5rem;
  top: 100%;
  width: max-content;
  display: none;
  min-width: 10rem;
  z-index: 999;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(0.1rem);
}

.s_menu .ss {
  padding: 1rem 1.5rem;
  box-sizing: border-box;
  position: relative;
}
.s_menu .ss::before {
  content: '';
  position: absolute;
  left: 50%;
  top: -3px;
  width: 0%;
  height: 3px;
  background: #d51c19;
  opacity: 0;
  transform: translateX(-50%);
  transition: all 0.4s linear;
  z-index: 2;
}
.s_menu .ss.is-show::before {
  opacity: 1;
  width: 100%;
}
.s_menu dd {
  font-size: 1.4rem;
  padding: 0.6rem 0;
  color: #414141;
  opacity: 0.8;
  line-height: 1.5;
  transition: all 0.4s;
}
.s_menu dd:hover {
  color: #d51c19;
  opacity: 1;
}
.s_menu .ss p {
  display: none !important;
  font-size: 1.4rem;
  letter-spacing: 6px;
  color: rgba(65, 65, 65, 0.8);
  border-right: 1px solid #999;
  padding-right: 15rem;
  margin-right: 5rem;
  position: absolute;
  right: 100%;
  height: 75%;
  width: max-content;
  box-sizing: border-box;
  top: 52%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  display: none !important;
}
.navBtn {
  z-index: 99999;
  cursor: pointer;
  display: block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  margin-left: 2rem;
  display: none;
}
.navBtn span {
  display: block;
  width: 20px;
  height: 1px;
  background: #fff;
  margin: 5px 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.nav_btn_active span {
  transform: rotate(45deg);
  background: #414141;
}
.nav_btn_active span:nth-of-type(2) {
  opacity: 0;
}
.nav_btn_active span:nth-of-type(3) {
  transform: rotate(-45deg);
  margin-top: -14px;
}
.banner {
  width: 100%;
  max-height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #000;
  z-index: 3;
}
.banner section {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner video {
  display: block;
  min-width: 100%;
  height: 100vh;
  object-fit: cover;
}
.banner .txt {
  position: absolute;
  left: 50%;
  bottom: 15%;
  transform: translateX(-50%);
}
.banner .txt img {
  height: 5rem;
}
.banner .txt h3 {
  font-size: 4.6rem;
  color: #fff;
  line-height: 1.3;
  font-weight: 700;
  font-family: 'SourceHanSansCN';
  letter-spacing: -2px;
  text-transform: uppercase;
}
.banner .txt p {
  color: #fff;
  margin-top: 3rem;
  font-size: 1.6rem;
  letter-spacing: 1rem;
}
.lines {
  margin-top: 2rem;
  display: block;
  width: 100%;
  border: 2px solid #fff;
  /*height: 1rem;*/
  height: 1.5rem;
  border-bottom: none;
}
/*.banner .lines {
  width: calc(100% - 6% - 32rem);
}*/

.index_pro {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #fff;
  z-index: 3;
  max-height: 100vh;
  padding: 10rem 0;
}
/*.index_pro {*/
/*  width: 100%;*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*  background: #fff;*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*  flex-direction: column;*/
/*  z-index: 3;*/
  /*padding: 10rem 0 0rem;*/
/*  padding: 10rem 0;*/
/*}*/
.index_pro section {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 5;
}
.index_pro::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    245.64deg,
    rgba(101, 103, 107, 0.6) 0%,
    rgba(179, 182, 191, 0.3) 100%
  );
  z-index: 2;
  opacity: 0;
}
.index_pro video {
  display: block;
  width: 100%;
  margin: auto;
  margin-top: -8%;
}
.index_pro .lines {
  border-width: 1px;
}
.index_pro .contain {
  text-align: center;
  z-index: 6;
  position: relative;
}

.index_pro .contain2 {
  position: relative;
  z-index: 6;
}
.index_pro .contain2 p {
  display: flex;
  justify-content: space-between;
  color: #fff;
}
.index_pro .contain2 p i {
  font-style: normal;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #fff;
}
.title {
  color: #414141;
}
.title h3 {
  font-size: 3.2rem;
  /*font-weight: 600;*/
  font-weight: 500;
}
.title h6 {
  font-size: 2.8rem;
  font-weight: 600;
  margin: 1rem 0 0rem;
}
.title p {
  margin-top: 1.5rem;
}
.index_pro .title h3 {
  color: #d51c19;
  margin-bottom: 2.5rem;
  font-family: 'en';
}
.index_pro .contain2 img {
  width: 100%;
}
.index_pro .ll {
  width: 35%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index_pro .ll .tt {
  width: 57%;
}
.index_pro .ll p {
  font-size: 1.4rem;
  letter-spacing: 4.2px;
  margin-top: 1rem;
  text-align: center;
}
.index_pro ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.index_pro ul li {
  font-size: 2rem;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  padding: 0 4rem;
  text-align: center;
  color: #414141;
  max-width: max-content;
}
.index_pro ul li:first-of-type {
  border: none;
  padding: 0 4rem 0 0;
}
.index_pro ul li span {
  font-family: 'num';
  font-size: 3rem;
  margin-right: 3px;
  color: #414141;
}
.index_pro ul li h5 {
  font-weight: normal;
  font-size: 1.4rem;
  margin: 3px 0;
  color: #414141;
}

.index_pro .contain2 .swiper-wrapper {
  /*height: 10vh !important;*/
  /*height: 100px !important;*/
}

.index_pro .contain2 .txt p {
  color: #414141;
  text-align: center;
  line-height: 1.8;
  padding: 0 15%;
  box-sizing: border-box;
}

.more2 {
  border: 1px solid #414141;
  padding: 9px 20px;
  width: max-content;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  margin: auto;
}
.more2 span {
  color: #414141;
  font-size: 1.3rem;
  transition: all 0.4s linear;
  display: block;
  position: relative;
  z-index: 6;
}
.more2::before {
  content: '';
  position: absolute;
  left: 0%;
  bottom: 0%;
  height: 0%;
  width: 100%;
  background: #d51c19;
  transition: all 0.4s ease;
}
.more2:hover::before {
  height: 100%;
}
.more2:hover {
  border-color: transparent !important;
  transition: all 0.4s ease 0.4s;
}
.more2:hover span {
  color: #fff;
}
.index_bar3 {
  width: 100%;
  height: 110vh;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.index_bar3 section {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.index_bar3 video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index_areas {
  height: 80vh;
  position: relative;
  width: 100%;
  z-index: 1;
  margin-top: -1px;
}

.index_areas section {
  height: 100%;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.index_areas .parallax-bg {
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  height: 150%;
  will-change: transform;
}

.index_areas .title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 6;
}

.index_areas .title h3 {
  color: #fff;
  font-weight: 200;
  text-align: center;
  line-height: 1.7;
}

.index_areas .title h3 strong {
  font-weight: normal;
  display: block;
  color: #fff;
  font-weight: 200;
  letter-spacing: 5px;
}

.index_areas dl dd span {
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  background: #fff;
  border-radius: 50%;
  position: relative;
}

.index_areas dl dd p {
  position: absolute;
  right: calc(100% + 1.5rem);
  top: -1.1rem;
  font-weight: 200;
  margin: 0;
  color: #fff;
  line-height: 1.3;
  width: max-content;
}

.index_areas dl dd p strong {
  display: block;
  color: #fff;
  font-weight: 200;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.index_areas dl dd span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.5;
  transform-origin: center;
  animation: scale2 5s linear infinite;
}

.index_areas dl dd span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.5;
  transform-origin: center;
  animation: scale2 5s 2.5s linear infinite;
}

@keyframes scale2 {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  100% {
    transform: scale(4);
    opacity: 0;
  }
}

.index_areas dl {
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.index_areas dl dd {
  position: absolute;
}

.index_areas dl .dd1 {
  left: 26%;
  top: 39%;
  text-align: right;
}

.index_areas dl .dd2 {
  right: 20%;
  bottom: 26%;
}

.index_areas dl .dd2 p {
  right: inherit;
  left: calc(100% + 1.5rem);
}

.index_partner {
  width: 100%;
  height: 110vh;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  z-index: 6;
}

.index_partner section {
  width: 55%;
  height: 100%;
  position: relative;
  z-index: 3;
}

.index_partner::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom,
      #e8e8e8 5%,
      rgba(238, 239, 241, 0) 100%);
  z-index: 4;
}

.index_partner::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #e8e8e8;
  z-index: 1;
}

.index_partner .title {
  /*border-bottom: 1px solid #000;*/
  /*width: 50%;*/
  /*padding-bottom: 1rem;*/
  width: 40%;
}

.index_partner .title .tt {
  margin-top: 3rem;
}

.index_partner .title p {
  margin: 1rem 0 0;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #414141;
  position: relative;
}
.index_partner .bg {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-55%);
  width: 55%;
}
.index_partner .bg img {
  width: 100%;
}
.index_partner .contain {
  position: absolute;
  left: 50%;
  /*top: 50%;*/
  top: 53%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.index_partner ul {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  margin-top: 5rem;
  margin-left: -1.5rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2.5rem 0;
}
.index_partner ul li {
  display: flex;
  align-items: center;
}
.index_partner ul li img {
  margin: auto;
  filter: grayscale(1);
  width: 100%;
  transition: all 0.4s ease;
}
.index_partner .li1 img {
  filter: grayscale(1) brightness(0.5);
}
.index_partner ul li:last-of-type img {
  filter: grayscale(1) brightness(0.5);
}
.index_partner ul li:hover img {
  filter: grayscale(0);
}
.indexBars {
  position: relative;
  padding: 7rem 0;
}
.index_tz {
  background: #000;
}
.index_tz .title {
  text-align: center;
}
.index_tz .title h3,
.index_tz .title p {
  color: #fff;
}
.index_tz ul {
  display: flex;
  flex-wrap: wrap;
}
.index_tz ul li {
  display: flex;
  justify-content: space-between;
  width: 48.5%;
  margin-right: 3%;
  margin-top: 3%;
}
.index_tz ul li:nth-of-type(2n) {
  margin-right: 0;
}
.index_tz ul li .ll {
  background: #fff;
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index_tz ul li .ll img {
  width: 100%;
}
.index_tz ul li .tt {
  background: #f4f4f4;
  width: 69%;
  padding: 5%;
  box-sizing: border-box;
}
.index_tz ul li h4 {
  font-size: 2.1rem;
  margin-bottom: 1rem;
  letter-spacing: 1px;
  transition: all 0.4s linear;
}
.index_tz ul li:hover h4 {
  color: #d51c19;
}
.index_tz ul li h5 {
  opacity: 0.7;
  font-size: 1.4rem;
}
.index_tz ul li .tt .imgs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 7rem;
}
.index_tz ul li .tt .imgs img {
  height: 3rem;
  margin-right: 3rem;
}
.index_tz .bottom p {
  text-align: center;
  color: #fff;
  margin: 6rem 0 3rem;
}
.index_tz .bottom .more2 {
  border-color: #fff;
  margin: auto;
}
.index_tz .bottom .more2 span {
  color: #fff;
}
.index_team {
  width: 100%;
  background: #f4f4f4;
}
.index_team .title {
  position: relative;
  margin-bottom: 3%;
}
.index_team .tt p {
  font-size: 1.4rem;
  margin: 3px 0;
  font-weight: bold;
  color: #414141;
}
.index_team .tt p strong {
  font-size: 1.5rem;
  color: #d51c19;
}
.index_team .title h3 {
  position: absolute;
  left: 61%;
  top: -0.8rem;
  transform: translateX(-50%);
}
.index_team ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 3% 0 5%;
}
.index_team ul li {
  cursor: pointer;
  width: 23%;
  padding-top: 0rem;
  background: #e5e5e5;
  transition: all 0.5s ease;
  position: relative;
}
.index_team ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.5s ease;
}
.index_team ul li img {
  width: 100%;
  display: block;
  margin: auto;
}
.index_team ul li.active {
  transform: scale(1.14);
  opacity: 1;
  background: #e5e5e5;
  z-index: 6;
}
.index_team ul li.active::before {
  opacity: 0;
}
.index_team dl dd {
  padding: 3% 0 0;
  display: none;
}
.index_team dl .dbox {
  display: flex;
  justify-content: space-between;
}
.index_team dl dd h5 {
  font-size: 2rem;
  color: #414141;
  transition: all 0.4s linear;
  line-height: 1.2;
}
.index_team dl dd h5 strong {
  display: block;
  font-size: 2rem;
}
.index_team dl dd:hover h5 {
  color: #d51c19;
}
.index_team dl dd h4 {
  font-size: 1.5rem;
  color: #414141;
  font-weight: normal;
  margin: 1.5rem 0 0;
}
.index_team dl dd .ll {
  width: max-content;
  height: 100%;
  margin-right: 10%;
  border-left: 4px solid #d51c19;
  padding-left: 1.5rem;
}
.index_team dl dd .tt2 {
  width: 50%;
  margin-top: -0.6rem;
  color: #414141;
}
.index_team dl dd p {
  line-height: 1.4;
  margin: 0 0 2rem 0;
  font-size: 1.4rem;
  text-align: justify;
  color: #414141;
}
/* 版面2 */
.index_team2 .title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 96;
  padding: 12rem 0 4%;
}
.index_team2 .tts {
  position: relative;
  width: 100%;
}
.index_team2 .tt p {
  font-size: 1.4rem;
  margin: 3px 0;
  /*font-weight: bold;*/
  font-weight: 500;
  color: #414141;
  display: flex;
  align-items: center;
  transition: all 0.3s linear;
}
.index_team2 .tt p strong {
  font-size: 1.6rem;
  color: #d51c19;
  transition: all 0.3s linear;
}

.index_team2 .title h3 {
  position: absolute;
  color: #414141;
  left: 60%;
  top: -0.4rem;
  transform: translateX(-50%);
  transition: all 0.3s linear;
}

.index_team2 .title.active p,
.index_team2 .title.active p strong,
.index_team2 .title.active h3 {
  color: #fff;
}
.index_team2 {
  position: relative;
  overflow: hidden;
  height: 100vh;
}
.index_team2 .bg {
  position: relative;
  z-index: 3;
  width: 80%;
  margin: auto;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.index_team2 .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index_team2 .img2 {
  position: relative;
  z-index: 8;
  width: 70%;
  margin: auto;
  height: 100vh;
  border-radius: 0rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-top: -16%;
}
.index_team2 .img2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.footer {
  background: #fff;
  padding: 0;
  position: relative;
  z-index: 9;
}
.footer .logo2 {
  text-align: center;
}
.footer .logo2 img {
  margin: 0;
  width: 136px;
}
.footer .logo2 p {
  letter-spacing: 9.1px;
  margin-top: 1rem;
  font-size: 1.4rem;
}
.footer .logo2 .ewm {
  margin-top: 3rem;
  width: 136px;
}
.footer .logo2 .ts {
  margin: 1rem 0 0 -2px;
}

.footer .logo2 .ts span {
  font-size: 1.4rem;
  display: block;
  line-height: 1.6;
}

.footer .logo2 .ts span a {
  font-size: 1.4rem;
}

.footer .bar {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.footer .bar .left {
  width: 58%;
  display: flex;
  justify-content: space-between;
}
.footer .dls {
  display: flex;
  width: 60%;
  justify-content: space-between;
}
.footer .bar dl dt {
  font-family: 'title';
  margin-bottom: 1.4rem;
  font-size: 1.4rem;
  color: #414141;
  line-height: 1;
}
.footer .bar dl dd {
  margin-top: 0.9rem;
  opacity: 0.8;
  font-size: 1.25rem;
  color: #414141;
  transition: all 0.4s linear;
}
.footer .bar dl dd:hover {
  text-decoration: underline;
  cursor: pointer;
  opacity: 1;
  color: #d51c19;
}
.footer .bar .message {
  width: 36%;
  padding-left: 5%;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.footer .bar .message .title h3 {
  font-size: 2rem;
  font-family: 'title';
  line-height: 1;
  margin-bottom: 0.5rem;
}
.footer .bar .message .title p {
  font-size: 1.4rem;
  margin: 0.8rem 0 0;
  color: #414141;
}
.message .bars {
  margin: 2% auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.message .bars p {
  width: 100%;
}
.message .bars .p2 {
  width: 100%;
}
.message .bars p .pp {
  box-shadow: none;
  border: none;
  background: none;
  width: 100%;
  box-sizing: border-box;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  color: #414141;
  font-size: 1.3rem;
  padding: 1.5rem 0;
}
.message .bars textarea {
  min-height: 60px;
}
.submit {
  margin: 2rem auto 0;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  border-color: rgba(0, 0, 0, 0.06);
  padding: 2rem 1rem;
  background: #eee;
  transition: all 0.5s linear;
}
.submit button {
  box-shadow: none;
  border: none;
  background: none;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  color: #414141;
  font-size: 1.3rem;
  transition: all 0.4s linear;
  display: block;
  z-index: 6;
  letter-spacing: 1px;
  font-family: 'title';
}
.submit:hover button {
  color: #fff;
}
.totop {
  width: 38px;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #fff;
  text-align: center;
  transition: all 0.3s linear;
}
/*.totop img {*/
/*  width: 2rem;*/
/*  filter: invert(1) brightness(10000);*/
/*  transition: all 0.3s linear;*/
/*}*/
.totop img {
  width: 1.3rem;
  filter: invert(0) brightness(10000);
  transition: all 0.3s linear;
  transform: rotate(180deg);
}
.totop:hover {
  transform: scale(1.1);
}
.totop:hover img {
  filter: none;
}
.footer .others {
  display: flex;
}
.footer .others b {
  display: block;
  width: 22px;
  margin-right: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.footer .others b img {
  width: 100%;
}
.footer .others b:hover {
  opacity: 0.6;
}
.footer .copyright {
  padding: 0.8rem 0;
  background: #000;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.footer .copyright .bb {
  display: flex;

  justify-content: space-between;
  align-items: center;
}
.footer .copyright .ll {
  display: flex;
  align-items: center;
}
.footer .copyright p {
  /*font-size: 1.3rem;*/
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.8;
  margin-right: 3rem;
}
.footer .copyright a {
  font-size: 1.2rem;
  display: block;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
}
.footer .copyright a img {
  height: 1.5rem;
  margin-right: 5px;
  margin-top: -1px;
}
.o_ban {
  height: 30vw;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}
.o_ban img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.o_ban video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.o_ban .txt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 9;
}
.o_ban .txt h2 {
  font-size: 3.6rem;
  color: #fff;
  margin-bottom: 1rem;
}
.o_ban .txt p {
  font-size: 2rem;
  color: #fff;
  letter-spacing: 5px;
  text-transform: uppercase;
}
main {
  margin-top: 30vw;
  position: relative;
  z-index: 9;
  background: rgba(242, 242, 242, 1);
}
.all_nav {
  position: relative;
  z-index: 999;
  width: 100%;
  padding-bottom: 3%;
}
.all_nav .title {
  text-align: center;
  padding: 0 0 1%;
}
.all_nav ul {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.all_nav ul li {
  color: #414141;
  font-size: 1.4rem;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 10px 2.5rem;
  border-radius: 0px;
  margin: 1rem 0rem;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  position: relative;
}
.all_nav ul li::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0%;
  background: #d51c19;
  z-index: -1;
  transition: all 0.3s ease;
}
.all_nav ul li.active::before,
.all_nav ul li:hover::before {
  height: 100%;
}
.all_nav ul li.active,
.all_nav ul li:hover {
  color: #fff;
  border-color: transparent;
  font-family: 'title';
}
.index_bars {
  padding: 10rem 0;
}
.areas .bar0 {
  position: relative;
  z-index: 3;
  height: 100vh;
  padding-bottom: 0;
}
.areas .bar0 .ttoss {
  padding: 8vh 0 5vh;
}
.areas .bar0 .ttos {
  overflow: hidden;
}
.areas .bar0 h6 {
  width: max-content;
  font-size: 16rem;
  color: #d51c19;
  line-height: 1.1;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.6s ease-in-out;
  overflow: hidden;
}
.animateds {
  transform: translateY(200px);
}
.areas .bar0 .ttos:nth-of-type(2) h6 {
  width: 100%;
}
.areas .bar0 h6 span {
  font-size: 16rem;
  color: #d51c19;
  font-weight: 600;
  display: block;
  text-align: right;
}
.areas .bar0 .vbox {
  width: 100%;
  position: absolute;
  left: 0;
  top: 54vh;
  overflow: hidden;
}
.areas .bar0 .vbox.active {
  top: 75vh;
  transition: all 0.6s ease-in-out;
}
.areas .bar0 video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
.vv {
  width: 100%;
  position: absolute;
  left: 0%;
  top: 75vh;
  height: 80vh;
  overflow: hidden;
}
.vv .v2 {
  height: 100%;
  width: 58%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.areas .marquee {
  white-space: nowrap;
  overflow: hidden;
}
.areas .marquee span {
  display: inline-block;
  font-family: 'title';
  font-weight: bold;
  font-size: 28rem;
  animation: marquee 200s linear infinite;
  opacity: 0.05;
  color: #414141;
}
@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
.areas .top {
  padding-top: 3%;
}
.areas .title p {
  letter-spacing: 1px;
}
.areas .title .lines {
  border-color: #000;
  border-width: 1px;
}
.areas .bar {
  padding-bottom: 0rem !important;
}
.areas .bar ul li {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.areas .bar ul li .imgs {
  width: 80%;
  height: 80vh;
}
.areas .bar ul li video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.areas .bar ul li .tt {
  position: absolute;
  left: 50%;
  top: 10%;
  transform: translateX(-50%);
  z-index: 6;
  text-align: center;
}
.areas .bar ul li h3 {
  color: #d51c19;
  margin-bottom: 2.5rem;
  font-family: 'en';
  font-size: 3.2rem;
  font-weight: 600;
}

.areas .bar ul a:hover h3 {
  color: #d51c19;
}
.areas .bar ul li .more2 {
  border-color: #fff;
  color: #fff;
  padding: 6px 20px;
}
.areas .bar ul li .more2 span {
  color: #fff;
}
.areasd h5 {
  font-size: 8rem;
  color: #d51c19;
  font-family: 'title';
  font-weight: normal;
  margin-bottom: 2rem;
  text-transform: uppercase;
}
.areasd h1 {
  font-size: 2rem;
  line-height: 1.5;
  color: #000;
  font-weight: normal;
  font-family: 'title';
  transition: all 0.4s ease;
  letter-spacing: 1px;
}
.lines2 {
  border-color: #000;
  border-width: 1px;
  width: 100%;
}
.areasd .tt2 {
  width: 85%;
  max-height: 75vh;
  margin: auto;
  position: relative;
  overflow: hidden;
  background: linear-gradient(
    245.64deg,
    rgba(217, 218, 219, 0.6) 0%,
    rgba(227, 230, 241, 0.3) 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
}
.areasd .tt2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.areasd .tt3 {
  padding: 4% 0;
}
.areasd .tt3 img {
  height: 3rem;
  margin: 0 auto 2rem;
  transform: rotate(180deg);
}
.areasd .tt3 p {
  text-align: center;
  margin: 1rem auto;
  /*font-size: 2rem;*/
  font-size: 1.6rem;
  line-height: 1.8;
  white-space: pre-wrap;
}
.areasd .bar2 ul {
  display: flex;
  justify-content: space-between;
}
.areasd .bar2 ul li {
  text-align: center;
  width: 32%;
  background: rgba(255, 255, 255, 0.65);
  padding: 12rem 3%;
  box-sizing: border-box;
  transition: all 0.4s ease;
  cursor: default;
}
/* .areasd .bar2 ul li:hover {
  background: #fff;
  transform: translateY(-15px);
} */
.areasd .bar2 ul li h4 {
  font-size: 1.9rem;
  letter-spacing: 1px;
  padding: 4rem 0 1.5rem;
  margin-top: 2rem;
  transition: all 0.4s ease;
  position: relative;
}
.areasd .bar2 ul li h4::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  height: 2px;
  width: 4rem;
  transform: translateX(-50%);
  background: #d51c19;
}
.areasd .bar2 ul li img {
  width: 11rem;
  margin: auto;
  transition: all 0.4s ease;
}
.areasd .bar2 ul li:hover h4 {
  color: #d51c19;
}
/* .areasd .bar2 ul li:hover img {
  transform: translateY(-10px);
} */
.areasd .bar3 .tt1 h4 {
  font-size: 2rem;
  margin: 1rem 0;
}
.areasd .bar3 .tt1 p {
  letter-spacing: 3.4px;
}
.areasd .bar4 {
  padding: 1% 0 6%;
}
.areasd .bar4 dl dd {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 5% 0 0;
}
.areasd .bar4 dl dd .ll {
  width: 50%;
  overflow: hidden;
}
.areasd .bar4 dl dd .ll img {
  width: 100%;
  transition: all 0.4s ease;
}
.areasd .bar4 dl dd:hover .ll img {
  transform: scale(1.06);
}
.areasd .bar4 dl dd .rr {
  width: 50%;
  padding: 5% 8rem;
  box-sizing: border-box;
  position: relative;
}
.areasd .bar4 dl dd .rr h3 {
  font-size: 2rem;
  letter-spacing: 1px;
  margin-bottom: 3rem;
  transition: all 0.4s linear;
}
.areasd .bar4 dl dd .rr p {
  font-size: 1.5rem;
  line-height: 1.6;
  margin: 1rem 0;
  padding-left: 1.6rem;
  position: relative;
}
.areasd .bar4 dl dd .rr p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background: #000;
  opacity: 0.8;
  transform: rotate(45deg);
}
.areasd .bar4 dl dd .rr .icons img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 50%;
  opacity: 0.06;
}
.areasd .bar4 dl dd:nth-of-type(2n) {
  flex-direction: row-reverse;
}
.areasd .bar4 dl dd:nth-of-type(2n) .rr .icons img {
  right: 12%;
}
.areasd .bar4 dl dd:hover h3 {
  color: #d51c19;
}
.areasd .bar5 {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.areasd .bar5 dl {
  display: flex;
  justify-content: space-between;
  margin-top: 2%;
}
.areasd .bar5 dl dd {
  width: 22.5%;
}
.areasd .bar5 dl dd .imgs {
  width: 100%;
  overflow: hidden;
}
.areasd .bar5 dl dd img {
  width: 100%;
  transition: all 0.4s ease;
}
.areasd .bar5 dl dd video {
  width: 100%;
  transition: all 0.4s ease;
}
.areasd .bar5 dl dd:hover img {
  transform: scale(1.06);
}
.areasd .bar5 dl dd .tt span {
  border-left: none;
  border-right: none;
}
.areasd .bar5 dl dd h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.6rem;
  margin-top: 0.5rem;
  font-weight: normal;
  font-family: 'title';
  transition: all 0.4s ease;
}
.areasd .bar5 dl dd:hover h3 {
  color: #d51c19;
}
.areasd .bar5 dl dd .tt h3 img {
  display: block;
  width: 1.5rem;
  transition: all 0.4s ease;
}
.areasd .bar5 dl dd:hover .tt h3 img {
  transform: rotate(45deg) translate(2px, -2px) scale(0.9);
}
.areasd .moren {
  display: flex;
  align-items: center;
  justify-content: center;
}
.areasd .moren img {
  /*height: 2.6rem;*/
  /*display: block;*/
  
  width: auto !important;
  height: 2.9rem;
  display: block;
  margin: auto;
}
.areasd .moren h3 {
  margin: 1.5rem 0 4rem !important;
  letter-spacing: 2px;
  justify-content: center !important;
}
.news {
  padding-top: 5rem;
}
.nTop {
  padding-bottom: 0 !important;
}
.search {
  display: flex;
  justify-content: space-between;
  border: 1px solid #0000001a;
  margin-bottom: 5rem;
  align-items: center;
  height: 4rem;
}
.search .sl {
  width: calc(100% - 11rem);
  display: flex;
  align-items: center;
}
.search i {
  padding: 0 1.5rem;
  color: #414141;
}
.search input {
  width: 100%;
  line-height: 2;
  font-size: 1.4rem;
  background: none;
  color: #414141;
}
.search input::placeholder {
  color: #ccc;
}
.search button {
  background: #000;
  color: #fff;
  margin: 0;
  padding: 0 4rem;
  font-size: 1.4rem;
  height: 4.2rem;
  transition: all 0.5s linear;
  cursor: pointer;
}
.search button:hover {
  background: #d51c19;
}
.all_navs {
  display: flex;
  color: #414141;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.all_navs span {
  color: #333;
  margin: 0 3rem 0 0;
  padding: 0 0 1.2rem 0;
  font-size: 1.4rem;
  transition: all 0.5s linear;
  text-align: center;
}
.all_navs p {
  color: #333;
  margin: 0 5rem 0 0;
  padding: 0 0 1.2rem 0;
  font-size: 1.4rem;
  transition: all 0.5s linear;
  text-align: center;
  cursor: pointer;
}
.all_navs p.active {
  color: #d51c19;
  border-bottom: 2px solid #d51c19;
}
.all_navs p:hover,
.all_navs p.on {
  color: #d51c19;
}
.allTxt {
  padding: 1rem 0 0;
  box-sizing: border-box;
  display: none;
  overflow: hidden;
}
.allTxt a {
  width: 50%;
  display: block;
  float: left;
  font-size: 1.3rem;
  font-weight: 300;
  margin: 1.5rem 0 0 0;
  color: #999;
  position: relative;
  line-height: 1.6;
  box-sizing: border-box;
  padding: 0 1rem;
  transition: all 0.5s linear;
  cursor: pointer;
}
.allTxt a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 3px;
  height: 3px;
  background: #999;
  border-radius: 50%;
}
.allTxt a:hover {
  color: #d51c19;
}
.allTxt .tmore {
  width: max-content;
  margin: auto;
}

.allTxt .tmore img {
  width: 4.6rem;
  margin: 3rem 0 0 -0.5rem;
  cursor: pointer;
  transition: all 0.4s ease;
}

.allTxt .tmore.active img {
  transform: rotate(180deg);
}
.news .title {
  text-align: center;
  margin-bottom: 4rem;
}
.news .more2 {
  margin: 4rem auto 0;
}
.news .grid {
  position: relative;
  overflow: hidden;
}
.news-item {
  float: left;
  width: 33.3%;
  padding: 1rem;
  box-sizing: border-box;
}
.news-item a {
  display: block;
  background-color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
  transition: all 0.4s ease;
}
.news-item b {
  display: block;
  width: 100%;
  overflow: hidden;
}
.news-item b img {
  width: 100%;
  transition: all 0.6s ease;
}
.news-item:hover b img {
  transform: scale(1.06);
}
.news-item .tt {
  padding: 1.5rem 2rem;
}
.news-item h6 {
  display: flex;
  align-items: center;
  margin: 0 0 0.6rem;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
  opacity: 0.6;
  color: #414141;
}
.news-item h6 img {
  width: 1.4rem;
  margin-right: 0.7rem;
  margin-top: 0px;
}
.news-item h2 {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.8px;
  color: #333;
  font-weight: normal;
  font-family: 'title';
  transition: all 0.4s ease;
}
.news-item:hover a {
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.08);
}
.news-item:hover h2 {
  color: #d51c19;
}
.news .bars2a {
  background: #fff;
}
.news .bars2 dl {
  display: flex;
  flex-wrap: wrap;
}
.news .bars2 dl dd {
  width: 31.3%;
  margin: 0 3% 4.5% 0;
  display: block;
  box-sizing: border-box;
  transition: all 0.4s ease;
}
.news .bars2 dl dd:nth-of-type(3n) {
  margin-right: 0;
}
.news .bars2 dl dd b {
  display: block;
  width: 100%;
  overflow: hidden;
  height: 21rem;
}
.news .bars2 dl dd b img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s ease;
}
.news .bars2 dl dd:hover b img {
  transform: scale(1.06);
}
.news .bars2 dl dd .tt {
  padding: 1.5rem 0 1rem;
}
.news .bars2 dl dd h6 {
  margin: 0.5rem 0 0;
  font-size: 1.4rem;
  color: #414141;
  padding: 1rem 0;
  position: relative;
  width: 100%;
  font-weight: normal;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #888;
}
.news .bars2 dl dd h6::before {
  content: '';
  width: 0;
  height: 1px;
  background: #d51c19;
  position: absolute;
  left: 0%;
  bottom: -1px;
  z-index: 2;
  transition: all 0.4s linear;
}
.news .bars2 dl dd:hover h6::before {
  width: 100%;
}
.news .bars2 dl dd h6::after {
  content: '';
  position: absolute;
  right: 1rem;
  top: 50%;
  width: 1rem;
  height: 1rem;
  background: url(../images/jt.png) no-repeat center right/contain;
  transform: rotate(45deg) translateY(-50%);
  transition: all 0.4s linear;
}
.news .bars2 dl dd:hover h6::after {
  right: 0.5rem;
}
.news .bars2 dl dd h6 img {
  width: 1.5rem;
  margin-right: 0.7rem;
  margin-top: -3px;
  display: none;
}
.news .bars2 dl dd h2 {
  /*font-size: 1.8rem;*/
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0;
  color: #414141;
  font-weight: normal;
  font-family: 'title';
  transition: all 0.4s ease;
  display: -webkit-box;
  height: calc(1.5em * 2);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news .bars2 dl dd:hover h2 {
  color: #d51c19;
}
.news .bars1 {
  background: #f8f8f8;
}

.news_d .bar {
  margin-top: -20.5rem;
  position: relative;
  background: rgba(242, 242, 242, 1);
  z-index: 3;
  padding: 2.2% 2.5%;
  opacity: 1 !important;
}
.news_d .bar .tt1 {
  margin-bottom: 5rem;
}
.news_d .bar .tt1::after {
  content: '';
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-bottom: none;
  width: 100%;
  height: 1rem;
  display: block;
  margin-top: 1rem;
}
.news_d .bar h5 {
  font-size: 1.4rem;
  color: #d51c19;
  display: flex;
  align-items: center;
  margin: 0 0 2rem;
}
.news_d .bar h5 a {
  font-size: 1.4rem;
  color: #d51c19;
}
.news_d .bar h5 a:hover {
  text-decoration: underline;
}
.news_d .bar .data {
  display: flex;
  align-items: center;
  margin-left: 3rem;
  font-size: 1.2rem;
  letter-spacing: 1px;
  opacity: 0.5;
  color: #414141;
}
.news_d .bar .data img {
  width: 1.5rem;
  margin-right: 0.7rem;
  display: none;
}
.news_d .bar .tt2 {
  display: flex;
  justify-content: space-between;
}
.news_d .bar h1 {
  font-size: 2.4rem;
  line-height: 1.5;
  color: #000;
  font-weight: normal;
  font-family: 'title';
  transition: all 0.4s ease;
  width: 90%;
}
.tobacks {
  display: flex;
  align-items: center;
  /*margin: 0.6rem 0 0;*/
  margin: 1rem 0 0;
  font-family: 'title';
  transition: all 0.4s ease;
  font-size: 1.4rem;
}

.tobacks img {
  width: 1.3rem;
  margin-left: 1rem;
  transform: rotate(180deg);
}

.news_d .bar .tt p {
  margin: 2rem 0;
  line-height: 2;
  text-align: justify;
  font-size: 1.5rem;
  color: #666;
}
.news_d .bar .tt p strong {
  font-size: 1.6rem;
}
.news_d .bar .tt p img {
  width: 100%;
  margin: 3rem 0;
}
.news_d .bar .tt span {
  font-size: 1.3rem;
}

.news_d .bottom .pps {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5%;
}
.news_d .bottom .pps p {
  display: flex;
  align-items: center;
  margin: 0;
  font-family: 'title';
  transition: all 0.4s ease;
}
.news_d .bottom .pps p i {
  margin-top: 1px;
  display: block;
  margin-right: 0.4rem;
  font-weight: bold;
}
.news_d .bottom .pps p.next i {
  transform: rotate(180deg);
  margin: -3px 0 0 0.4rem;
}
.news_d .bottom .pps p:hover {
  color: #d51c19;
}
.news_d .bottom .pps p img {
  width: 1.3rem;
  margin-left: 1rem;
  transform: rotate(180deg);
}

.info {
  background: #f8f8f8;
  padding-top: 5rem;
}
.info .title {
  text-align: center;
  margin-bottom: 4rem;
}
.info dl {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5rem 12rem;
}
.info dl b {
  display: block;
  overflow: hidden;
  height: 48vh;
}
.info dl b img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.info dl dd:hover b img {
  opacity: 0.6;
  transform: scale(1.06);
}
.info dl .tt {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  align-items: center;
}
.info dl .tt h2 {
  font-size: 1.6rem;
  transition: all 0.5s ease;
  max-width: 90%;
}
.info dl dd:hover .tt h2 {
  color: #d51c19;
  text-decoration: underline;
}
.info dl .tt img {
  width: 2.4rem;
  height: 2.4rem;
  margin-left: 1.5rem;
}
.info .bars1:nth-of-type(2n) {
  background: #fff;
}
.contact .title2 {
  text-align: center;
}
.contact .online {
  display: none;
}
.contact .online:first-of-type {
  display: block;
}
.contact .online .inps {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.contact .online .inps p {
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  padding: 0.3rem 0;
  margin: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contact .online .inps p::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 98%;
  height: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 1);
  border-bottom: none;
  transition: all 0.5s linear;
}
.contact .online .inps p.pp2 {
  width: 48%;
}
.contact .online .inps p.pp3 {
  width: 100%;
}
.contact .online .inps p.pp3::before {
  width: 99%;
}
.contact .online .inps p span {
  font-size: 1.4rem;
  color: rgba(0, 0, 0, 1);
}
.contact .online .inps p img {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.contact .online .inputs {
  font-size: 1.4rem;
  background: none;
  display: block;
  line-height: 1.4;
  padding: 0;
  color: rgba(0, 0, 0, 1);
  width: calc(100% - 3.5rem);
  box-shadow: none;
  border: none;
  box-sizing: border-box;
  padding: 1rem 0;
}
.contact .online .inputs2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.contact .online textarea {
  height: 80px;
  width: 100% !important;
}
.contact ::placeholder {
  font-size: 1.4rem;
  color: rgba(0, 0, 0, 1);
}
.contact .submit {
  background: rgba(0, 0, 0, 0.1);
}
.contact .online .inputs:focus {
  background: none;
}
/* 产品 */
.title2 h3 {
  font-size: 2.4rem;
  font-weight: normal;
  letter-spacing: 2px;
}
.pro_bar1 {
  position: relative;
  width: 100%;
  height: 80vh;
  overflow: hidden;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pro_bar1::before {
  content: '';
  position: absolute;
  left: 0;
  top: inherit;
  bottom: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(101, 103, 107, 0)
  );
  z-index: 2;
}
.pro_bar1 video {
  min-width: 100%;
  min-height: 100%;
  margin: 0;
  object-fit: cover;
}
.pro_bar1 .contain {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pro_bar1 .contain2 {
  z-index: 8;
}
.pro_bar1 .contain2 p {
  margin: auto;
}
.pro_bar1 .lines {
  margin: 1rem auto 0;
}
.pro_bar3 {
  background: #000;
}
.pro_bar3 .title2 h3 {
  color: #fff;
  text-align: center;
}
.pro_bar3 .contain {
  margin-top: 3%;
  max-height: 80vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pro_bar3 video {
  width: 100%;
}
.pro_bar2 {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.pro_bar2 .bg {
  width: 65%;
  margin: 3rem auto;
  position: relative;
}
.pro_bar2 .bg img {
  width: 100%;
}
.pro_bar2 .bg .swiper-wrapper {
  align-items: center;
}
.pro_bar2 .title {
  text-align: center;
  z-index: 6;
}
.pro_bar2 .contain2 {
  position: relative;
  z-index: 6;
}
.pro_bar2 .contain2 img {
  width: 100%;
}
.pro_bar2 ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    text-align: center;
    flex-direction: row;
}
.pro_bar2 ul li {
  font-size: 2rem;
  box-sizing: border-box;
  color: #d51c19;
  /*margin: 0 2rem;*/
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  padding-left: 4rem;
}
.pro_bar2 ul li:first-of-type {
  border: none;
  padding: 0;
}
.pro_bar2 ul li span {
  font-family: 'num';
  font-size: 3.8rem;
  margin-right: 0.6rem;
  line-height: 1;
  color: #d51c19;
}
.pro_bar2 ul li h5 {
  font-weight: normal;
  font-size: 1.6rem;
  margin: 5px 0 0;
  color: #414141;
  line-height: 1;
}
.pro_bar2 .oo {
  text-align: center;
  margin-top: 4rem;
  /*font-size: 1.5rem;*/
  font-size: 1.3rem;
}
.pro_bar4 {
  overflow: hidden;
  height: auto;
  position: relative;
}
.pro_bar4 .bg {
  width: 65%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.pro_bar4 .bg img {
  width: 100%;
}
.pro_bar4 .bg .swiper-wrapper {
  align-items: center;
}
.pro_bar4 .contain {
  z-index: 9;
}
.pro_bar4 ul li {
  font-size: 2rem;
  box-sizing: border-box;
  color: #d51c19;
  margin: 2rem 0;
  width: 38%;
}
.pro_bar4 ul li span {
  font-family: 'num';
  font-size: 4.8rem;
  margin-right: 0.6rem;
  color: #d51c19;
}
.pro_bar4 ul li h5 {
  font-weight: normal;
  font-size: 1.6rem;
  margin: 1rem 0;
  color: #414141;
  letter-spacing: 2px;
}
.pro_bar5 {
  background: #f9f9f9;
  text-align: center;
}
.pro_bar5 .title2 h3 {
  line-height: 1.6;
  margin-top: 1.5rem;
}
.pro_bar5 .gallery-top {
  padding: 5rem 0 2rem;
}
.pro_bar5 .gallery-top .swiper-slide {
  width: 10rem;
  height: 46vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.pro_bar5 .gallery-top .swiper-slide img {
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0.2;
  transition: all 0.4s ease;
}
.pro_bar5 .gallery-top .swiper-slide::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #eee;
  z-index: -1;
}
.pro_bar5 .gallery-top .swiper-slide-active img {
  opacity: 1;
}
.pro_bar5 .bbs {
  position: relative;
}
.pro_bar5 .gallery-thumbs {
  width: 90%;
  position: static;
  display: flex;
  justify-content: space-between;
  margin: 5rem auto 0rem;
}
.pro_bar5 .gallery-thumbs::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1rem;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.2);
}
.pro_bar5 .gallery-thumbs .swiper-slide {
  display: block;
  background: none;
  width: inherit;
  height: inherit;
  text-align: center;
  padding-bottom: 3rem;
  position: relative;
  opacity: 1 !important;
  position: relative;
}
.pro_bar5 .gallery-thumbs .swiper-slide h6 {
  display: block;
  position: relative;
  font-weight: normal;
  font-size: 1.4rem;
  color: rgba(0, 0, 0, 1);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}
.pro_bar5 .gallery-thumbs .swiper-slide-active::before {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  /*bottom: 1rem;*/
  bottom: 0.9rem;
  width: 100%;
  height: 2px;
  background: #d51c19;
}
.pro_bar5 .gallery-thumbs .swiper-slide-active::after {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  bottom: 0.7rem;
  width: 6px;
  height: 6px;
  background: #d51c19;
}
.pro_bar5 .gallery-thumbs .swiper-slide-active h6 {
  color: #d51c19;
  font-family: 'title';
}
.pro_bar5 .tt {
  display: none;
}
.pro_bar5 .tt:first-of-type {
  display: block;
}
.pro_bar5 .tt h6 {
  opacity: 0;
}
.pro_bar5 .tt p {
  color: #d51c19;
  line-height: 2;
  font-family: 'title';
  white-space: break-spaces;
}
.pro_bar10 {
  position: relative;
  z-index: 99;
}
.pro_bar10 .bb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  margin-top: -6rem;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  /* border: 1px solid rgba(0, 0, 0, 0.08); */
}
.pro_bar10 .bb p {
  width: 56%;
  padding: 1rem 4rem;
  color: #414141;
  box-sizing: border-box;
}
.pro_bar10 .bb .more2 {
  padding: 0.9rem 3rem;
}
.pro_bar10 .bb .rr {
  width: 20%;
}
.pro_bar10 .bb .rr img {
  width: 100%;
}
.pro_bar11 {
  background: #eee;
  padding: 6rem 0;
}

.pro_bar11 ul {
  display: flex;
  flex-wrap: wrap;
  gap: 3.5rem 0;
  justify-content: space-between;
}

.pro_bar11 ul:last-of-type {
  justify-content: center;
  margin-top: 4rem;
}

.pro_bar11 li {
  width: 25%;
}

.pro_bar11 .swiper-wrapper {
  flex-wrap: wrap;
  gap: 3.5rem 0;
}

.pro_bar11 .swiper-slide {
  width: 25% !important;
}
.pro_bar11 img {
  width: 6.5rem;
  margin: 0 auto 1.5rem;
  opacity: 0.7;
}

.pro_bar11 p {
  font-size: 1.3rem;
  opacity: 0.7;
  text-align: center;
}

/* 产品2 tiny */
.tiny_bar1 {
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.tiny_bar1 .txt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.tiny_bar1 h3 {
  color: #fff;
  margin-bottom: 3rem;
}
.tiny_bar1 p {
  line-height: 2;
  width: 30%;
  color: #fff;
  font-size: 1.4rem;
}
.tiny_bar1 .swiper-pagination-bullet {
  background: #fff;
  margin: 10px 5px !important;
  opacity: 1 !important;
}
.tiny_bar1 .swiper-pagination-bullet-active {
  background: #d51c19;
}
.tiny_bar4 ul li {
  margin: 3rem 0;
}
.pro_bar2a .imgs {
  display: block;
  width: 50%;
  margin: 12rem auto;
  object-fit: cover;
}
.pro_bar2 .imgs img {
  width: 100%;
}
.pro_bar2b {
  background: #fff;
  height: auto;
  min-height: 100vh;
  padding: 8rem 0 6rem;
}
.pro_bar2b::before {
  display: none;
}
.pro_bar2b .imgs {
  display: block;
  width: 56%;
  margin: 14rem auto 2rem;
  object-fit: cover;
}
.pro_bar2b .contain2 {
  position: static;
  transform: none;
}
.pro_bar2b .contain2 ul {
  flex-wrap: wrap;
  justify-content: center;
}
.pro_bar2b .contain2 ul li {
  margin-top: 3rem;
  width: 20%;
}
.guandian {
  background: #fafafa;
}
.faq .title {
  text-align: center;
  margin-bottom: 3%;
}
.faq .box {
  display: flex;
  justify-content: space-between;
}
.faq .ll {
  width: 52%;
  min-height: 60rem;
}
.faq .ll .imgs {
  width: 100%;
  height: 100%;
}
.faq .rr {
  background: #fff;
  padding: 3% 5%;
  box-sizing: border-box;
  width: 45%;
}
.faq .contain ul li {
  cursor: pointer;
}
.faq .contain ul li:nth-of-type(n + 7) {
  display: none;
}
.faq .contain ul li .txt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.9rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.faq .contain ul li .txt i {
  font-size: 2.8rem;
  transition: all 0.4s ease;
  font-style: normal;
  display: block;
}
.faq .contain ul li.active .txt i {
  transform: rotate(45deg) scale(1.1);
}
.faq .contain ul li h3 {
  font-size: 1.6rem;
  letter-spacing: 1px;
  transition: all 0.4s ease;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 90%;
}
.faq .contain ul li:hover h3,
.faq .contain ul li.active h3 {
  color: #d51c19;
}
.faq .contain ul li .txt2 {
  padding: 2rem 0;
  display: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.faq .contain ul li .txt2 p {
  font-size: 1.4rem;
  line-height: 1.8;
  margin: 10px 0;
}
.faq .contain ul li .txt2 p strong {
  font-size: 1.4rem;
  color: #d51c19;
}
/* faq-弹框 */
body.modal-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
}
.faq-modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
.faq-overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.faq-content {
  position: relative;
  height: 80vh;
  margin: 5% auto;
  background: #fff;
}
.faq-content .faq-inner {
  overflow-y: auto;
  height: 100%;

  box-sizing: border-box;
}
.faq-content .faq-inner ul {
  padding: 3% 6% 5%;
}
.faq-close img {
  position: absolute;
  top: -0px;
  right: -0px;
  width: 2.4rem;
  padding: 1.2rem;
  cursor: pointer;
  z-index: 9;
  background: #d51c19;
}
.gd .title {
  text-align: center;
  margin-bottom: 4rem;
}
.gd .swiper-slide {
  height: 68vh;
  position: relative;
  overflow: hidden;
}
.gd .swiper-slide b {
  display: block;
  width: 100%;
  height: 100%;
}
.gd .swiper-slide .txt {
  position: absolute;
  left: 0;
  bottom: -2rem;
  padding: 5% 6%;
  box-sizing: border-box;
  z-index: 5;
  transition: all 0.5s ease;
  width: 100%;
}
.gd .swiper-slide h4 {
  color: #fff;
  /*font-size: 2rem;*/
  font-size: 1.8rem;
  font-weight: normal;
  font-family: 'title';
  letter-spacing: 1px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
  transition: all 0.5s ease;
}
.gd .swiper-slide .tt {
  opacity: 0;
  transition: all 0.5s ease 0.2s;
}
.gd .swiper-slide .tt span {
  display: block;
  position: relative;
  width: 100%;
  margin: 0.6rem 0;
}
.gd .swiper-slide .tt span img {
  width: 2.2rem;
  position: absolute;
  right: 0;
  top: 2.5rem;
}
.gd .swiper-slide p {
  width: 90%;
  line-height: 1.7;
  font-size: 1.4rem;
  transition: all 0.5s ease 0.2s;
}
.gd .swiper-pagination {
  position: static;
  margin-top: 2%;
}
.gd .swiper-pagination span {
  width: 3rem;
  height: 2px;
  background: #888;
  opacity: 1 !important;
}
.gd .swiper-pagination span.swiper-pagination-bullet-active {
  background: #d51c19;
}
.gd .swiper-slide .bg {
  width: 100%;
  height: 18%;
  background: rgba(255, 255, 255, 0.85);
  position: absolute;
  left: 0%;
  bottom: 0%;
  z-index: 3;
  opacity: 0;
  transition: all 0.5s ease;
}
.gd .swiper-slide:hover .txt {
  bottom: 2%;
  padding: 5% 10% 7%;
}
.gd .swiper-slide:hover .txt h4 {
  color: #d51c19;
}
.gd .swiper-slide:hover .txt .tt {
  opacity: 1;
}
.gd .swiper-slide:hover .bg {
  bottom: 3%;
  opacity: 1;
  transform: scale(0.9);
}
.chuban .title {
  text-align: center;
}
.chuban dl {
  display: flex;
  flex-wrap: wrap;
}
.chuban dl a {
  display: block;
  width: 48.5%;
  margin-top: 3%;
  margin-right: 3%;
  background: #fff;
  padding: 2rem;
  cursor: pointer;
  box-sizing: border-box;
}
.chuban dl dd {
  display: flex;
  justify-content: space-between;
}
.chuban dl a:nth-of-type(2n) {
  margin-right: 0;
}
.chuban dl dd b {
  width: 40%;
}
.chuban dl dd b img {
  width: 100%;
}
.chuban dl dd .txt {
  width: 60%;
  padding: 8%;
  box-sizing: border-box;
  position: relative;
}
.chuban dl dd .txt h4 {
  font-size: 1.8rem;
  font-weight: 100;
  font-family: 'title';
  margin-bottom: 1rem;
  transition: all 0.5s ease;
}
.chuban dl dd:hover .txt h4 {
  color: #d51c19;
}
.chuban dl dd .txt p {
  font-size: 1.4rem;
}
.chuban dl dd .more3 {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  width: 1.8rem;
  padding: 1.3rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.06);
  transition: all 0.5s ease;
}
.more3 img {
  width: 100%;
}
.chuban dl dd:hover .more3 {
  background: rgba(0, 0, 0, 0.15);
  transform: scale(1.01) translateY(-3px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}
.chuban dl dd:hover .more3 img {
  filter: invert(10%);
}
.download {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.download::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
}
.download .close img {
  position: fixed;
  right: 4rem;
  top: 4rem;
  width: 4rem;
  z-index: 9;
  cursor: pointer;
  transition: all 0.4s ease;
}
.download .close img:hover {
  transform: rotateY(180deg);
}
.download .txt {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}
.download .txt h3 {
  color: #fff;
  text-align: center;
}
.download .txt p {
  margin-bottom: 5rem;
  font-size: 1.6rem;
  text-align: center;
  color: #fff;
}
.download .txt input {
  background: rgba(255, 255, 255, 0.85);
  padding: 15px 15px;
  color: #414141;
  font-size: 1.5rem;
  display: block;
  margin: 1.5rem 0;
  width: 40rem;
  font-family: 'title';
}
.download .txt input::placeholder {
  font-size: 1.4rem;
  color: #414141;
}
.download .submit {
  margin: 3rem 0 0;
  border-color: none;
  background: #d51c19;
  color: #fff;
  transition: all 0.4s ease;
}
.download .submit button {
  color: #fff;
}
.download .submit:hover {
  transform: scaleY(1.08);
}
.a_ban {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
}
.a_ban img {
  height: 100%;
}
.a_ban::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #03254d;
  opacity: 0.2;
  z-index: 1;
}
.about0 {
  position: relative;
  z-index: 6;
}

.about0 .txts {
  position: sticky;
  z-index: 9;
  width: 100%;
  height: 100vh;
  display: flex;
  top: 0;
  justify-content: center;
  align-items: center;
}
.about0 .tts {
  position: absolute;
  pointer-events: none;
  will-change: transform, opacity;
  color: #fff;
}
.about0 .txts p {
  font-size: 2.4rem;
  color: #fff;
  text-align: center;
  line-height: 2;
  margin: 2rem 0;
}
.about0 .txts p span {
  font-size: 2.2rem;
  color: #fff;
  text-align: center;
  line-height: 2;
  display: block;
  font-weight: 600;
}
.about0 .tts2 {
  position: absolute;
  pointer-events: none;
  will-change: transform, opacity;
  color: #fff;
  opacity: 0;
  margin-top: 50vh;
}
.about0 .tts2 p {
  font-size: 1.5rem;
  color: #fff;
  text-align: justify;
  line-height: 2;
  margin: 2rem 0;
}
.next-content {
  opacity: 0;
  transition: opacity 1s ease;
}

.about0_a {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 30rem;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.5) 20%,
    rgba(255, 255, 255, 0.9) 50%,
    rgb(255, 255, 255)
  );
}
.a_main {
  margin-top: 0vh;
}
.about .title {
  text-align: center;
}
.history .bbs {
  position: relative;
}
.history .bbs:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #000;
  opacity: 0.5;
}
.history .swiper-slide {
  padding: 3% 3% 3% 1%;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  height: 300px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  display: flex;
}
.history .swiper-slide:nth-of-type(2n) {
  margin-top: 300px;
  padding-bottom: 0;
}
.history .swiper-slide .ll {
  width: 100%;
}
.history .swiper-slide .rr {
  width: 50%;
  max-height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.history .swiper-slide .rr img {
  width: 100%;
}
.history .swiper-slide:before {
  content: '';
  position: absolute;
  left: 0;
  margin-top: -5px;
  margin-left: 12px;
  top: 100%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #333;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.history .swiper-slide::after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 30px;
  height: 30px;
  margin-top: -14px;
  margin-left: 3px;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.history .swiper-slide:nth-of-type(2n)::before {
  top: 0%;
}
.history .swiper-slide:nth-of-type(2n)::after {
  top: 0%;
}
.history h6 {
  color: #d51c19;
  font-size: 3.8rem;
  line-height: 1.6;
  margin-bottom: 1rem;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.history p {
  color: #333;
  line-height: 1.8;
  font-size: 1.5rem;
  margin-top: 0.5rem;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.history p strong {
  color: #333;
  font-weight: normal;
  font-size: 1.5rem;
}
.history .swiper-slide:hover::before {
  background: #d51c19;
  opacity: 1;
}
.history .swiper-slide:hover::after {
  background: #d51c19;
  opacity: 0.5;
}
.history .btn {
  opacity: 0;
  transition: all 0.3s linear;
}
.history .bbs:hover .btn {
  opacity: 1;
}
.history .btn .bl {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 20px;
  text-align: center;
  padding: 10px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  background: #ccc;
}
.history .btn .bl i {
  font-size: 2rem;
  line-height: 20px;
  font-weight: bold;
  color: #d51c19;
  display: block;
}
.history .btn .llr {
  left: inherit;
  right: 0;
}
.history .btn .llr i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.history .btn .bl.swiper-button-disabled {
  background: #414141;
  cursor: not-allowed;
}
.history .btn .bl.swiper-button-disabled i {
  color: #fff;
  font-weight: normal;
}
.team {
  background: #fff;
}
.team dl {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: -3rem;
}
.team dl dd {
  color: #414141;
  font-size: 1.6rem;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
  border-radius: 0px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  position: relative;
  line-height: 1;
}
.team dl .lines {
  border-color: #414141;
  border-width: 1px;
}
.team dl dd.active,
.team dl dd:hover {
  color: #d51c19;
  border-color: #d51c19;
  font-family: 'title';
}
.team ul li {
  display: none;
}
.team ul li:first-of-type {
  display: block;
}
.team ul li .box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.team ul li:nth-of-type(2n) .box {
  flex-direction: row-reverse;
}
.team ul li .ll {
  width: 50%;
}
.team ul li .rr {
  width: 30%;
}
.team ul li .rr img {
  max-width: 100%;
}
.team ul li h6 {
  font-weight: normal;
  letter-spacing: 1px;
  font-size: 1.4rem;
}
.team ul li h4 {
  margin: 0.5rem 0 3rem;
  font-size: 2rem;
  letter-spacing: 1px;
  color: #414141;
}
.team ul li h6 .lines2 {
  display: none;
}
.team ul li p {
  margin: 1rem 0 0;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #666;
  padding-left: 1.6rem;
  position: relative;
}
.team ul li p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #414141;
}
.partner {
  background: #f9f9f9;
}
.partner ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 3rem;
  justify-content: center;
}
.partner ul li {
  width: 23%;
  margin: 1%;
  padding: 0 2rem;
  box-sizing: border-box;
  background: #efefef;
  overflow: hidden;
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner ul li img {
  width: 100%;
  filter: grayscale(100%);
  transition: all 0.4s ease;
}
.partner ul li:hover {
  transform: translateY(-5px);
}
.partner ul li:hover img {
  filter: none !important;
}
.partner2 {
  background: #fff;
}
/*.partner4 ul li img {*/
/*  height: 4rem;*/
/*  width: auto;*/
/*  object-fit: cover;*/
/*  padding: 1.2rem 0;*/
/*}*/
.partner4 ul li.li1 img {
  filter: grayscale(1) brightness(0.5);
}
.partner .title p {
  line-height: 1.6;
}
.partner .t3 p {
  text-align: center;
  line-height: 1.6;
  margin-top: 3.5rem;
  color: #d51c19;
}
.partner .t3 p a {
  text-decoration: underline;
  font-size: 1.6rem;
  color: #d51c19;
}
.touzi {
  background: #000;
}
.touzi .title p,
.touzi .title h3 {
  text-align: center;
  color: #fff;
}
.touzi ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1%;
}
.touzi ul li {
  width: 23.5%;
  margin-right: 2%;
  margin-top: 2%;
  background: #fff;
  transition: all 0.4s ease;
}

.touzi ul li:nth-of-type(4n) {
  margin-right: 0;
}
.touzi ul li:nth-child(-n + 8) {
  display: block;
}
.touzi ul li .ll {
  background: #fff;
  display: flex;
  align-items: center;
  height: 18rem;
  justify-content: center;
  padding: 0% 15%;
  box-sizing: border-box;
}
.touzi ul li .ll img {
  width: 100%;
}
.touzi ul li .tt {
  padding: 0% 5%;
  box-sizing: border-box;
  display: none;
}
.touzi ul li h4 {
  font-size: 1.8rem;
  transition: all 0.4s linear;
  text-align: center;
}
.touzi ul li:hover h4 {
  color: #d51c19;
}
.touzi ul li h5 {
  opacity: 0.7;
  font-size: 1.4rem;
}
.touzi ul li .tt .imgs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.touzi ul li .tt .imgs img {
  height: 2.3rem;
  margin: 0 1rem;
}
.touzi .bottom p {
  text-align: center;
  color: #fff;
  margin: 6rem 0 3rem;
}
.touzi .bottom .more2 {
  border-color: #fff;
  margin: auto;
}
.touzi .bottom .more2 span {
  color: #fff;
}
.touzi .more2 {
  border-color: rgba(255, 255, 255, 0.55);
  margin-top: 4rem;
}
.touzi .more2 span {
  color: #fff;
}
.zhuanli .box {
  display: flex;
  justify-content: space-between;
  margin-top: 4rem;
}
.zhuanli .title h3 {
  margin-bottom: 1rem;
}
.zhuanli .title p {
  margin: 0;
  line-height: 1.8;
}
.zhuanli ul {
  display: flex;
  justify-content: center;
}
.zhuanli ul li {
  font-size: 2rem;
  color: #414141;
  line-height: 1;
  margin: 5rem 8rem;
  text-align: center;
}
.zhuanli ul li strong {
  font-size: 6.4rem;
  color: #d51c19;
  margin-right: 10px;
  font-family: 'title';
  font-weight: normal;
}
.zhuanli ul li span {
  font-size: 2rem;
  color: #d51c19;
  position: absolute;
  margin-top: 0.5rem;
  font-family: 'title';
}
.zhuanli ul li p {
  margin: 2rem 0 0;
  font-family: 'title';
}
.zhuanli .rr p {
  position: relative;
  padding-left: 20px;
  line-height: 1.8;
}
.zhuanli .rr p:before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  transform: rotate(45deg);
  background: #d51c19;
  width: 6px;
  height: 6px;
}
.honor {
  padding: 10rem 0;
  min-height: calc(100vh - 26rem);
}
.honor .title h3 {
  margin-bottom: 2rem;
  color: #fff;
  text-align: center;
}
.honor .tt {
  /* display: grid;
  grid-template-columns: repeat(3, 1fr);*/
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem 7rem;
}
.honor p {
  line-height: 2;
  position: relative;
  padding-left: 1.4rem;
  color: #fff;
  position: relative;
  cursor: pointer;
}
#hover-img-box {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transform: scale(0.95);
  transition: all 0.2s ease;
  z-index: 9999;
}
#hover-img-box.show {
  opacity: 1;
  transform: scale(1);
}
#hover-img-box img {
  max-width: 260px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}
.honor p:nth-of-type(-n + 5) {
  font-size: 1.6rem;
  font-family: 'title';
}
.honor p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 13px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
}
.honor2 {
  padding: 10rem 0 6rem;
  min-height: calc(100vh - 20rem);
}
.honor2 .gallery-thumbs .swiper-wrapper {
  justify-content: center;
}
.honor2 .gallery-top {
  display: none;
  /*padding: 3% 0;*/
  padding: 5% 0 3% 0;
}
.honor2 .gallery-top.active {
  display: block;
}
.honor2 .gallery-top .swiper-wrapper {
  align-items: center;
}
.honor2 .gallery-top .swiper-slide::before {
  display: none;
}
.honor2 .gallery-top .swiper-slide {
  display: flex;
  overflow: inherit;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  box-sizing: border-box;
  background: #dde1e4;
}
.honor2 .gallery-top b {
  max-width: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.honor2 .gallery-top .swiper-slide img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: all 0.8s ease;
}
.honor2 .gallery-top .swiper-slide:hover img {
  transform: scale(1.07) !important;
}
.honor2 .gallery-top .swiper-slide p {
  margin-top: 1rem;
  transition: all 0.5s ease;
  display: none;
}
.honor2 .gallery-top .swiper-slide-active {
  z-index: 9 !important;
}
.honor2 .gallery-top .swiper-slide-active p {
  display: block;
}
.honor2 .gallery-top .swiper-slide:hover p {
  color: #d51c19;
}
.honor2 .bbs {
  position: relative;
}

.btnss .bl {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}


/*.btnss .bl img {*/
/*  width: 2rem;*/
/*  transform: rotate(90deg);*/
/*  cursor: pointer;*/
/*}*/
.btnss .bl img {
  width: 1.8rem;
  cursor: pointer;
  transform: rotate(45deg);
  transition: all 0.5s ease;
  filter: grayscale(1);
}

.btnss .lll {
  left: 0.7rem;
}

.btnss .llr {
  right: 0.7rem;
}
.btnss .lll img {
  transform: rotate(-135deg);
}

.btnss .bl:hover img {
  filter: none;
}

/*.btnss .llr img {*/
/*  transform: rotate(-90deg);*/
/*}*/
/* 招聘页面 */
.join .title {
  text-align: center;
  margin-bottom: 4rem;
}
.join .title h3 {
  margin-bottom: 2rem;
}
.join .title p {
  line-height: 1.6;
  margin: 0.5rem 0 0;
}
.join img {
  width: 100%;
}
.join .bar1 {
  background: #fff;
  padding: 8rem 0;
  margin-top: 10rem;
}
/*.join .bar2 {*/
/*  background: #f9f9f9;*/
/*}*/
/*.join .bar2 ul {*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*}*/
/*.join .bar2 ul li {*/
/*  width: 31.3%;*/
/*}*/
/*.join .bar2 ul li img {*/
/*  width: 100%;*/
/*}*/
/*.join .bar2 ul li h6 {*/
/*  font-size: 1.8rem;*/
/*  margin: 1rem 0 1rem;*/
/*  font-weight: normal;*/
/*  transition: all 0.4s ease;*/
/*  font-family: 'title';*/
/*}*/
/*.join .bar2 ul li:hover h6 {*/
/*  color: #d51c19;*/
/*}*/
/*.join .bar2 ul li p {*/
/*  line-height: 1.7;*/
/*  font-size: 1.4rem;*/
/*}*/
.join .bar2 {
  background: #f9f9f9;
}

.join .bar2 ul {
  display: flex;
  justify-content: space-between;
}

.join .bar2 ul li {
  width: 31.3%;
  position: relative;
  background: #000;
  overflow: hidden;
}

.join .bar2 ul li img {
  width: 100%;
  opacity: 0.8;
  transition: all 2s ease;
}

.join .bar2 ul li:hover img {
  transform: scale(1.06);
}

.join .bar2 ul li .txt {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 3rem 2rem 2rem;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.join .bar2 ul li h6 {
  font-size: 2rem;
  text-align: center;
  color: #fff;
  transition: all 0.4s ease;
  font-family: 'title';
}

.join .bar2 ul li:hover h6 {
  color: #d51c19;
}


.join .bar2 ul li p {
  line-height: 1.7;
  font-size: 1.4rem;
  text-align: center;
  color: #fff;
  white-space:pre-wrap;
}
.join .bar3 .title,
.join .bar3 .title p {
  color: #fff;
}
.join .bar3 .title h3{
  color: #fff;
}
.join .bar3 ul {
  display: flex;
  justify-content: space-between;
}
.join .bar3 ul li {
  width: 31%;
  background: #fff;
  padding: 5%;
  box-sizing: border-box;
}
.join .bar3 ul li img {
  width: 5rem;
  margin: auto;
}
.join .bar3 ul li h6 {
  text-align: center;
  font-size: 1.8rem;
  margin: 2rem 0 3rem;
  font-weight: normal;
  transition: all 0.4s ease;
  font-family: 'title';
}
.join .bar3 ul li:hover h6 {
  color: #d51c19;
}
.join .bar3 ul li p {
  line-height: 1.8;
  font-size: 1.4rem;
}
.job .title h3 {
  margin-bottom: 2rem;
  text-align: center;
}
.job .title p {
  text-align: center;
  line-height: 1.8;
  white-space: pre-wrap;
}
.job .box3 ul {
  margin-top: 4rem;
}
.job .box3 ul li {
  margin: 1.5rem 0;
}
.job .box3 ul li .top {
  display: flex;
  justify-content: space-between;
  background: #fff;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  padding: 1.5rem 0;
}
.job .box3 ul li h6 {
  box-sizing: border-box;
  color: #000;
  width: 15%;
  font-size: 1.7rem;
  font-weight: normal;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  letter-spacing: 0.5px;
}
.job .box3 ul li h6:first-of-type {
  text-align: left;
  padding-left: 3rem;
  font-family: 'title';
  font-size: 1.7rem;
  width: 25%;
}
.job .box3 ul li:hover h6:first-of-type,
.job .box3 ul li.active h6:first-of-type {
  color: #d51c19;
}
.morem {
  background: rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.4rem;
  margin-right: 4rem;
  transition: all 0.3s linear;
}
.job .box3 ul li.active .morem {
  transform: rotate(45deg);
}
.job .box3 ul li .bar {
  padding: 1% 3rem 4%;
  box-sizing: border-box;
  display: none;
  position: relative;
  background: #fff;
}
.job .box3 ul li .bar dl dd:nth-of-type(2) {
  margin-top: 2%;
}
.job .box3 ul li .bar dl dd h3 {
  font-size: 1.6rem;
  margin-bottom: 15px;
  color: #414141;
}
.job .box3 ul li .bar dl dd p {
  font-size: 1.4rem;
  margin: 10px 0;
  color: #666;
  line-height: 1.6;
}
.job .box3 ul li .more2 {
  margin-top: 3rem;
}
.pages ul {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
  align-items: center;
}
.pages ul li {
  font-size: 1.6rem;
  font-family: 'title';
  margin: 0.2rem;
}
.pages ul li i {
  font-size: 1.4rem;
  display: block;
  font-family: 'title';
  font-weight: bold;
  margin: 3px 2rem 0;
  color: #000;
}
.pages ul li.next i {
  transform: rotate(180deg);
  margin-top: -2px;
}
.pages ul li.prev i {
  color: #999 !important;
}
.pages ul li:hover i {
  color: #d51c19;
}