@import url("css2.css");
@import url("css21.css");

.main-font {
  font-family: "Montserrat", sans-serif;
}

.alt-font {
  font-family: "Roboto", sans-serif;
}

/* ===================================
    Scrollbar
====================================== */

a {
  -webkit-tap-highlight-color: transparent;
}

a :active {
  -webkit-tap-highlight-color: transparent;
}

a :hover {
  -webkit-tap-highlight-color: transparent;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  width: 8px;
  background: white;
  border-left: 0 solid white;
  border-right: 0 solid white;
}

::-webkit-scrollbar-thumb {
  background: #ccc;
  width: 0;
  height: 25%;
  transition: 0.5s ease;
  cursor: pointer;
}

.middle ::-webkit-scrollbar-thumb {
  border-radius: 10px;
}

.middle ::-webkit-scrollbar-track {
  background: #f5f5f5;
  border-radius: 10px;
}

.middle ::-webkit-scrollbar {
  width: 10px;
}

/* ===================================
    General
====================================== */

::-webkit-drag ::-webkit-scrollbar-thumb {
  background-color: #000;
}

html,
body {
  margin: 0;
  padding: 0;
  background: #000;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  line-height: 0;
  width: 100%;
  overflow-x: hidden;
}

/* 苹果电脑 */
@media screen and (min-width: 1281px) and (max-width: 1367px),
  screen and (min-width: 1368px) and (max-width: 1536px),
  screen and (min-width: 1537px) and (max-width: 2560px),
  screen and (min-resolution: 2dppx) and (max-width: 1280px),
  screen and (min-resolution: 192dpi) and (max-width: 1280px),
  screen and (min-resolution: 144dpi) and (max-width: 1280px),
  screen and (min-resolution: 96dpi) and (max-width: 1280px) {
  html,
  body {
    margin: 0;
    padding: 0;
    background: #000;
    -webkit-font-smoothing: antialiased;
  }
}

@media screen and (min-color-index: 0) and (monochrome) {
  html,
  body {
    margin: 0;
    padding: 0;
    background: #000;
  }
}

.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
  line-height: 1.2;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}

a,
input,
button,
.navbar,
.fixedmenu,
.tp-bullet,
.owl-dot,
.owl-prev,
.owl-next {
  transition: ease-in-out 0.2s;
  -webkit-transition: ease-in-out 0.2s;
  -moz-transition: ease-in-out 0.2s;
  -ms-transition: ease-in-out 0.2s;
  -o-transition: ease-in-out 0.2s;
}

section,
.section-padding {
  position: relative;
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

.rev_slider_wrapper {
  width: 100% !important;
}

.btn.focus,
.btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

p:last-child {
  margin-bottom: 0 !important;
  font-family: "Roboto", sans-serif;
}

.fa,
.far,
.fas {
  display: inline;
}

a:active,
a:hover {
  color: #002450;
}

li {
  list-style: none;
  text-decoration: none;
}

blockquote {
  border-left: 2px solid;
  padding: 10px 15px 10px 35px;
  margin: 25px 0;
  font-size: 18px;
  line-height: 28px;
  margin-top: 32px;
  margin-bottom: 32px;
}

blockquote > cite {
  font-weight: 400;
  font-size: 14px;
  display: block;
}

.hidden {
  display: none;
}

section {
  padding: 7rem 0 0 0;
}

.padding-bottom {
  padding-bottom: 7.5rem;
}

.padding-top {
  padding-top: 7.5rem;
}

.padding-top-half {
  padding-top: 5rem;
}

.padding-bottom-half {
  padding-bottom: 5rem;
}

/* transition none */
.no-transition * {
  transition-timing-function: initial;
  -moz-transition-timing-function: initial;
  -webkit-transition-timing-function: initial;
  -o-transition-timing-function: initial;
  -ms-transition-timing-function: initial;
  transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
  -ms-transition-duration: 0s;
}

/* overlay */
.bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* opacity */
.opacity-full {
  opacity: 1;
}

.opacity-1 {
  opacity: 0.1;
}

.opacity-2 {
  opacity: 0.2;
}

.opacity-3 {
  opacity: 0.3;
}

.opacity-4 {
  opacity: 0.4;
}

.opacity-5 {
  opacity: 0.5;
}

.opacity-6 {
  opacity: 0.6;
}

.opacity-7 {
  opacity: 0.7;
}

.opacity-8 {
  opacity: 0.8;
}

.opacity-9 {
  opacity: 0.9;
}

/*font-weight*/
.font-weight-100 {
  font-weight: 100;
}

.font-weight-200 {
  font-weight: 200;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600;
}

.font-weight-700 {
  font-weight: 700;
}

/* button */
.btn {
  -webkit-appearance: initial;
  overflow: hidden;
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
  display: inline-block;
  font-size: 12px;
  border: 2px solid transparent;
  letter-spacing: 0.3px;
  line-height: inherit;
  border-radius: 0;
  text-transform: capitalize;
  width: auto;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease !important;
  transition: all 0.5s ease !important;
}

/* button size */
.btn.btn-small {
  font-size: 12px;
  padding: 4px 1.8em;
}

.btn.btn-medium {
  font-size: 14px;
  padding: 12px 36px;
  line-height: 1.8em;
}

.btn.btn-large {
  font-size: 16px;
  padding: 8px 35px;
  line-height: 1.8em;
}

.btn.btn-rounded {
  border-radius: 50px;
}

/* Transparent white button */
.btn.btn-trans-white {
  background: #ffffff;
  border-color: #ffffff;
  color: #43969a;
}

.btn.btn-trans-white:hover {
  background: #79b6bb !important;
  border-color: #79b6bb;
  color: #ffffff !important;
}

/* Blue button */
.btn.btn-blue {
  background: transparent;
  border-color: #00b6ff;
  color: #00b6ff;
}

.btn.btn-blue:hover {
  background: #00b6ff !important;
  border-color: #00b6ff;
  color: #ffffff !important;
}

/* Dark Blue button */
.btn.btn-blue-dark {
  background: #002450;
  border-color: #002450;
  color: #ffffff;
}

.btn.btn-blue-dark:hover {
  background: #00b6ff !important;
  border-color: #00b6ff;
  color: #ffffff !important;
}

/* Dark Blue White button */
.btn.btn-blue-dark-white {
  background: #002450;
  border-color: #002450;
  color: #ffffff;
}

.btn.btn-blue-dark-white:hover {
  background: #ffffff !important;
  border-color: #ffffff;
  color: #002450 !important;
}

/* Background color */
.bg-white {
  background: #ffffff;
}

.bg-light-white {
  background: #f6f6f6;
}

.bg-blue {
  background: #002450;
}

.bg-light-blue {
  background: #00b6ff;
}

.bg-black {
  background: #202020;
}

/* Text color */
.text-blue {
  color: #002450;
}

.text-light-blue {
  color: #00b6ff;
}

.text-black {
  color: #040608;
}

.text-white {
  color: #ffffff;
}

/*Social Icon Hover Text Hover */
.facebook-text-hvr:hover {
  color: #4267b2 !important;
}

.twitter-text-hvr:hover {
  color: #1da1f2 !important;
}

.instagram-text-hvr:hover {
  color: #c32aa3 !important;
}

.linkedin-text-hvr:hover {
  color: #0077b5 !important;
}

.pinterest-text-hvr:hover {
  color: #bd081c !important;
}

.google-text-hvr:hover {
  color: #db4437 !important;
}

/*Social Icon Hover Bg Hover */
.facebook_bg_hvr2:hover {
  color: #ffffff !important;
  background: #4267b2 !important;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.twitter_bg_hvr2:hover {
  color: #ffffff !important;
  background: #00a7e6;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.linkdin_bg_hvr2:hover {
  color: #ffffff !important;
  background: #1682ab;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.googleplus_bg_hvr2:hover {
  color: #ffffff !important;
  background: #d5463a;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.pintrest_bg_hvr2:hover {
  color: #ffffff !important;
  background: #c8232c;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.instagram_bg_hvr2:before {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  top: -1px;
  opacity: 0;
  visibility: hidden;
  background: radial-gradient(
    circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285aeb 90%
  ) !important;
  border-radius: inherit;
  z-index: -1;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.instagram_bg_hvr2:hover {
  color: #ffffff !important;
  z-index: 999;
}

.instagram_bg_hvr2:hover:before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/* ===================================
    Header
====================================== */
/* 第一块 */
.header-bg {
  width: 100%;
  text-align: center;
}

.header-dw {
  position: relative;
  min-width: 100%;
}
.header-dwKK {
  position: relative;
  width: 80%;
}

.header-dwPc {
  display: none;
}

.header-dw_media1 {
  display: none;
}

.header-dw_media {
  display: none;
}

.body_dw {
  min-height: 100vh;
  position: relative;
}

.navbar {
  width: 100%;
  transition: background-color 0.3s !important;
  /* 平滑过渡效果 */
  background-color: transparent;
  padding: 0px 100px;
  position: flex;
  left: 0;
  line-height: 55px;
  top: 0;
  color: white;
  z-index: 888;
}

#navbar {
  background-color: transparent;
}

.navbar-menu .is-active {
  color: #000000;
}

.navbar-item {
  text-transform: uppercase;
  font-size: 20px;
  /* font-size: 14px; */
  color: white;
  font-weight: 700 !important;
}

.font-size-auto {
  font-size: auto;
}

.item-pd {
  /* margin-left: 40px; */
  margin-left: 80px;
}

.item-pd-right {
  padding-right: 40px;
}

.navbar-item:hover {
  background-color: transparent !important;
  color: #c4301d !important;
}

.navbar-item img {
  max-height: 2.3rem !important;
  height: auto; /* 自动调整高度以保持宽高比 */
  image-rendering: optimizeLegibility; /* 提升文字和图标的质量 */
  -webkit-image-rendering: optimizeLegibility; /* Safari 特定设置 */
  image-rendering: -moz-crisp-edges; /* Firefox 特定设置 */
  image-rendering: -o-crisp-edges; /* Opera 特定设置 */
  image-rendering: pixelated; /* IE10+ 特定设置 */
}

.color_red {
  color: #c4301d !important;
  position: relative;
}

.navbar_bottom {
  position: absolute;
  left: 0px;
  /* width: 28px; */
  width: 40px;
  height: 2px;
  bottom: 8px;
  background-color: #c4301d;
}

.navbar-item:active {
  background-color: transparent !important;
}

.img-text {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
  font-size: 60px;
  color: #ffffff;
  line-height: 25px;
}

.img-text span {
  font-weight: 560;
}

.img-text a:hover {
  color: #ffffff;
}

.border-text {
  width: 130px;
  line-height: 31px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  border: 1px solid #ffffff;
  margin: auto;
  padding: 5px 0;
  font-size: 19px;
  margin-top: 50px;
}

/* .header_none {
	display: none;
} */

.header_none {
  display: block;
  font-size: 22px;
  font-weight: 300;
  padding-top: 38px;
  color: rgba(255, 255, 255, 0.5);
}

/* 第二栏 */
.section {
  width: 100%;
  color: white;
  text-align: center;
  line-height: 15px;
}

.section_bg {
  padding-bottom: 260px;
  /* margin: 140px 0; */
}

.section-title_bg {
  /* position: relative;
	padding-top: 90px;
	margin: auto;
	width: 310px; */

  position: relative;
  padding-top: 90px;
  margin: auto;
  width: 310px;
}

.section-title_bg1 {
  position: relative;
  padding-top: 50px;
  /* margin: auto; */
  width: 310px;
}

.section-title1 {
  font-weight: bold;
  font-size: 38px;
  color: #ffffff;
  position: absolute;
  left: 44px;
  top: 42px;
}

.section-title {
  font-weight: bold;
  font-size: 38px;
  color: #ffffff;
  position: absolute;
  left: 44px;
  top: 70px;
}

.section-text1 {
  /* font-size: 15px;
	color: rgba(255, 255, 255, 0.5);
	font-style: normal;
	text-transform: none;
	font-weight: 305; */

  font-size: 15px;
  color: rgba(255, 255, 255, 0.5);
  font-style: normal;
  text-transform: none;
  font-weight: 305;
  text-align: left;
  margin-left: 38px;
  margin-bottom: 60px;
  margin-top: 10px;
}

.section-text {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.5);
  font-style: normal;
  text-transform: none;
  font-weight: 305;
  margin-top: 10px;
}
.section-text3{
  font-size: 15px;
  color: rgba(255, 255, 255, 0.5);
  font-style: normal;
  text-transform: none;
  padding-top: 10px;
  margin-bottom: 60px;
}

.section-introduce {
  /* font-size: 15px; */
  /* font-size: 18px;
	color: rgba(255, 255, 255, 0.75);
	line-height: 31px;
	font-style: normal;
	text-transform: none;
	margin: 40px auto 0 auto;
	width: 70%;
	height: 100%;section_dh
	text-align: justify; */

  /* font-size: 15px; */
  font-size: 18px;
  color: rgba(255, 255, 255, 0.75);
  line-height: 28px;
  font-style: normal;
  text-transform: none;
  /* margin: 0px auto 0 auto; */
  width: 70%;
  height: 100%;
  text-align: left;
  margin-left: 40px;
}

.section-introduce1 {
  /* font-size: 15px; */
  /* font-size: 18px;
	color: rgba(255, 255, 255, 0.75);
	line-height: 31px;
	font-style: normal;
	text-transform: none;
	margin: 40px auto 0 auto;
	width: 70%;
	height: 100%;
	text-align: justify; */

  /* font-size: 15px; */
  font-size: 18px;
  color: rgba(255, 255, 255, 0.75);
  line-height: 28px;
  font-style: normal;
  text-transform: none;
  margin: 0px auto 0 auto;
  margin-top: 25px;
  width: 70%;
  height: 100%;
  text-align: left;
  line-height: 35px;
}

.section_kkbg {
  background: url(https://bjkttbjktt.oss-cn-beijing.aliyuncs.com/2024-11-08/1854822655408480256.jpg)
    no-repeat;
  min-width: 100%;
  padding: 170px 0 220px 0;
  position: relative;
  -moz-background-size: 100% 100%;
  /* background-size: 100% 100%; */
  background-size: cover;
}

.section_kk {
  /* padding: 48px 0px 90px 0px; */
  /* padding: 0px; */
  padding: 0px;
}
.section_kk_com {
  padding: 0px;
}

.section_dh {
  position: absolute;
  right: 0;
  top: 50%;
  width: 50%;
  transform: translateY(-50%);
  text-align: center;
  font-size: 60px;
  color: #ffffff;
}

/* 第三栏 */
.section_img {
  /* background: url(https://bjkttbjktt.oss-cn-beijing.aliyuncs.com/2024-10-17/1846829089390886912.jpg) no-repeat; */
  /* width: 100%;
	padding: 170px 0 220px 0;
	position: relative;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%; */
}

.section_bg_fours_bg {
  background: url("https://bjkttbjktt.oss-cn-beijing.aliyuncs.com/2024-11-08/1854828367811452928.png")
    no-repeat;
  /* background-size: 100% 100%; */
  background-size: cover;
  padding: 110px 0 160px 0;
}

.color_White {
  color: #ffffff;
}

.section_flex {
  display: flex;
  justify-content: space-between;
  margin: auto;
  font-size: 22px;
  width: 80%;
  height: 100%;
  margin-top: 60px;
  /* text-align: center; */
}

.section_flexLeft {
  /* float: left; */
  width: 70%;
  height: 100%;
  /* outline: 1px solid red; */
}

.item1 {
  position: relative;
  height: 100%;
  padding: 0px 20px 0px 0px;
  line-height: 0;
  /* background: url(https://bjkttbjktt.oss-cn-beijing.aliyuncs.com/2024-11-08/1854828238979211264.png) no-repeat;
	width: 100%;
	height: 100%;
	padding: 170px 0 220px 0;
	position: relative;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%; */

  /* min-height: 331px; */
  /* 或其他合适的最小高度 */
  /* width: 100%;
	height: 100%;
	/* 或其他宽度 */
  /* background: url(https://bjkttbjktt.oss-cn-beijing.aliyuncs.com/2024-11-08/1854828238979211264.png) no-repeat;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat; */
}

.item2 {
  display: flex;
  align-items: flex-start;
  position: relative;
  height: 50%;
  padding: 0px;
}

.item3 {
  display: flex;
  align-items: flex-end;
  position: relative;
  height: 50%;
}

.media_font1 {
  font-size: 16px;
  line-break: anywhere;
  /* width: 60%; */
}
.section-text_1 {
  /* display: none */ 
  font-size: 15px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

.title1 {
  position: absolute;
  left: 5%;
  bottom: 10%;
}

.txt {
  font-family: MI Lan Pro;
  font-size: 12px;
  font-weight: 540;
  line-height: 20px;
  text-align: left;
  letter-spacing: 0em;
  font-variation-settings: "opsz" auto;
  color: #ffffff;
}

.egin {
  font-family: MI Lan Pro;
  font-size: 12px;
  font-weight: 340;
  text-align: left;
  line-height: 23.52px;
  letter-spacing: 0em;
  font-variation-settings: "opsz" auto;
  /* color: #FFFFFF; */
  color: rgba(255, 255, 255, 0.5);
}

.title2 {
  position: absolute;
  left: 5%;
  bottom: 10%;
}

.title3 {
  position: absolute;
  left: 5%;
  bottom: 10%;
}

/* .item2 {
	background: url(https://bjkttbjktt.oss-cn-beijing.aliyuncs.com/2024-11-08/1854828119663845376.png) no-repeat;
	width: 100%;
	height: 50%;
	padding: 170px 0 220px 0;
	position: relative;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}

.item3 {
	background: url(https://bjkttbjktt.oss-cn-beijing.aliyuncs.com/2024-11-08/1854827959571456000.png) no-repeat;
	width: 100%;
	height: 50%;
	padding: 170px 0 220px 0;
	position: relative;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
} */

.section_flexRight {
  /* float: right; */
  display: flex;
  flex-wrap: wrap;
  width: 30%;
  /* outline: 1px solid red; */
}

.section_flex_imgs {
  width: 100%;
}

.m_left_7 {
  margin-left: 7%;
}

.assault {
  min-width: 100%;
}

.padding-top20 {
  padding: 20px 0;
}

/* 第四栏 */
.section_bg_fours {
  /* padding-bottom: 130px;
    margin: 60px 0; */
  padding-bottom: 220px;
  margin: 140px 0;
}

.section_left {
  left: 64px;
}

.text_width {
  width: 28%;
}

.img_round {
  width: 60px;
  border-radius: 100%;
  height: 60px;
  border: 1px solid #4c4c4c;
  text-align: center;
  padding-top: 16px;
  margin: auto;
}

.text_width_bold {
  /* font-size: 16px; */
  font-size: 22px;
  color: #ffffff;
  /* padding: 16px 0; */
  padding: 24px 0;
  font-weight: 560;
}

.text_width_font {
  font-weight: 400;
  /* font-size: 12px; */
  font-size: 18px;
  color: rgba(255, 255, 255, 0.75);
  /* line-height: 26px; */
  line-height: 30px;
  text-align: justify;
}

/* 第五栏 */
.section_five_bg {
  /*background: url(https://bjkttbjktt.oss-cn-beijing.aliyuncs.com/2024-10-17/1846829238339010560.jpg) no-repeat;*/
  /* width: 100%;
    padding: 170px 0 220px 0;
    position: relative;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%; */
}

/* .section_five_fwbg {
	background: url(https://bjkttbjktt.oss-cn-beijing.aliyuncs.com/2024-10-17/1846829238339010560.jpg) no-repeat;
	width: 100%;
	padding: 170px 0 220px 0;
	position: relative;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
} */

.section_five_fwbg {
  /* background: url(https://bjkttbjktt.oss-cn-beijing.aliyuncs.com/2024-10-17/1846829238339010560.jpg) no-repeat; */
  width: 100%;
  padding: 170px 0 220px 0;
  position: relative;
  /* -moz-background-size: 100% 100%; */
  /* background-size: 100% 100%; */
}

/* 第七栏 */
.section_seven_bg {
  background: url(https://bjkttbjktt.oss-cn-beijing.aliyuncs.com/2024-11-08/1854836186363207680.png)
    no-repeat;
  width: 100%;
  padding: 170px 0 220px 0;
  position: relative;
  -moz-background-size: 100% 100%;
  /* background-size: 100% 100%; */
  background-size: cover;
}

/* 铺满 */
.serve_dandu {
  padding-bottom: 0px;
  padding-top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
}

.serve_dandu_kkbg {
  height: 100vh;
}
.serve_dandu_kkbg img {
  height: auto;
}

.serve_widths {
  width: 100%;
  margin: auto;
  padding-bottom: 86px;
}

.section-title_bg_five {
  position: relative;
  padding-top: 90px;
  margin: auto;
  width: 580px;
}

.left_five {
  left: 64px;
}

  .five_top {
    /* width: 100%; */
    width: 75%;
    margin: 60px auto 0 auto;
   
  }
  




.five_top1 {
  width: 70%;
  margin: 60px auto 0 auto;
}

.five_top1 img {
  height: auto;
  max-width: 97%;
}

.seven_top {
  width: 60%;
  margin: 60px auto 0 auto;
}

.five_img_media {
  display: none;
}

.seven_img_media {
  display: none;
}

/* 第六栏 */
.section_left_sex {
  left: 83px;
}

.text_width_sex {
  width: 16%;
  padding: 0 10px;
  text-align: center;
  word-break: break-all;
}

.width_yx {
  width: 19%;
  padding: 0 10px;
  text-align: center;
  word-break: break-all;
}

.pd-left {
  padding-left: 4px;
}

.text_center {
  text-align: center;
}

.img_top {
  padding-top: 13px;
}

/* 底部 */
.footer_content {
  background: #0f0f0f;
  padding: 50px 0 0 0;
}

.introduction_top {
  margin-top: 160px;
}

.footer_flex {
  display: flex;
  align-items: center;
  margin: auto;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  width: 70%;
}

.footer_left {
  width: 39%;
}

.footer_left img {
  width: 66px;
}

.footer_right {
  width: 61%;
  display: flex;
  line-height: 15px;
}

.footer_right_widht {
  width: 50%;
  padding-left: 10px;
}

.footer_bah {
  color: rgba(255, 255, 255, 0.2);
  font-size: 10px;
  margin: auto;
  text-align: center;
}

.footer_font-bah {
  width: 100%;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 10px;
}

.footer_img_width {
  width: 40%;
}

.footer_font_width {
  width: 30%;
}

/* 动画 */
.yourClass {
  animation: slide-ups 2s ease forwards;
  -webkit-animation: slide-ups 2s ease forwards;
}

.header_donghua {
  animation: slide-up 2s ease forwards;
  -webkit-animation: slide-up 2s ease forwards;
}
.two_donghua {
  animation: slide-ups 3s ease forwards;
  -webkit-animation: slide-ups 3s ease forwards;
}

/* 底部 */
.six_animation {
  animation: six-up 2s ease forwards;
  -webkit-animation: six-up 2s ease forwards;
}

@keyframes six-up {
  0% {
    transform: translateY(40%);
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* 动画 */
@keyframes slide-up {
  0% {
    transform: translateY(15%);
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  80% {
    opacity: 0.8;
  }

  100% {
    opacity: 1;
  }
}

@keyframes slide-ups {
  0% {
    transform: translateY(90%);
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  80% {
    opacity: 0.8;
  }

  100% {
    opacity: 1;
  }
}

/* 产品页面css */
.navbar_border {
  border-bottom: 1px solid #e5e6eb;
  background: #fff !important;
}

.color_0 {
  color: #000 !important;
  font-size: 14px !important;
}

/* tab切换栏 */
.section_tab {
  width: 80%;
  margin: auto;
  margin-top: 83px;
  padding: 50px 10px;
  color: #000;
}

.product_flex {
  display: flex;
  justify-content: space-between;
}

.product_bold {
  font-weight: 600 !important;
}

.tab_title {
  font-size: 15px;
  font-weight: 540;
}

.tab_title p {
  width: 60px;
  height: 2px;
  background-color: #000;
  margin-top: 5px;
}

/* 产品内容 */
.product_pd {
  color: #fff;
  margin-bottom: 80px;
  min-height: 100vh;
}

.product_line {
  height: 1px;
  width: 90%;
  margin: auto;
  background: rgba(255, 255, 255, 0.15);
  /* margin-bottom: 30px; */
}

.mg_top_media {
  /* margin-top: 30px; */
  line-height: 35px;
  margin-top: 30px;
}

.product_content {
  /* width: 80%; */
  width: 1200px;
  margin: auto;
  padding: 0 20px;
  /* margin-left: 15%; */
  margin-bottom: 40px;
}

.product_content_title {
  font-weight: 500;
  font-size: 30px;
  padding: 20px 0;
}

.product_content_flex {
  display: flex;
  flex-flow: row wrap;
  margin-top: 10px;
}

.product_content_flex p {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.75);
}

.product_content_flex :nth-child(3n + 3) {
  margin-right: 0;
}

.product_content_width {
  width: 370px;
  height: 500px;
  margin-right: 20px;
  padding: 0px 0px 30px 0px;
  margin-bottom: 28px;
  background: url("../image/moren.svg") no-repeat;
  border: 0;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
}

.product_content_width p {
  padding: 0 20px;
}

.product_content_width a {
  width: 100%;
}

.product_content_width:hover {
  background: url("../image/gaoliang.svg") no-repeat;
  border: 0;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
}

.product_content_width:active {
  background: url("../image/gaoliang.svg") no-repeat;
  border: 0;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
}

.product_content_img {
  height: 370px;
  text-align: center;
}

.product_content_img img {
  max-height: 370px;
}

/* 产品详情通用css */
.details {
  margin-bottom: 80px;
  margin-top: 30px;
  min-height: 90vh;
}

.details_content {
  width: 90%;
  margin-left: 10%;
  color: #fff;
}

.img_height {
  max-height: 590px;
}

.details_top_0 {
  margin-top: 0;
}

/* 单独300 */
.details_content_300 {
  width: 100%;
  position: relative;
}

.details_img_300 {
  text-align: right;
  width: 90%;
  margin-left: 10%;
  height: 700px;
  overflow: hidden;
}

.details_img_300 img {
  width: 750px;
  height: 750px;
}

.details_introduce_300 {
  position: absolute;
  left: 10%;
  top: 0;
  width: 40%;
  /* width: 634px; */
}

.font_size_media {
  font-size: 16px;
}

.details_content_flex {
  display: flex;
  width: 100%;
  align-items: center;
}

.details_content_width {
  width: 45%;
}

.details_content_width img {
  width: 50%;
}

.media_none {
  display: none;
}

.lianjie_details {
  margin-top: 70px;
}

.details_content_title p {
  font-weight: bold;
  font-size: 37px;
  color: #ffffff;
  line-height: 49px;
}

.details_content_title_block p {
  font-weight: bold;
  font-size: 35px;
  color: #ffffff;
  line-height: 49px;
}

.details_content_title_media {
  display: none;
}

.more_imgs_media {
  display: none;
}

.detauis_content_right_modia {
  display: none;
}

.pddding_right {
  padding-right: 10%;
}

.details_introduce {
  /* font-size: 12px; */
  font-size: 16px;
  font-weight: 305;
  line-height: 33px;
  color: rgba(255, 255, 255, 0.75);
  margin: 25px 0;
  text-align: justify;
}

.details_hr {
  height: 0.5px;
  width: 100%;
  background: #515151;
  opacity: 0.5;
  margin-top: 40px;
}

.details_sort {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  line-height: 36px;
  margin: 40px 0 40px 10px;
  padding-left: 2px;
}

.details_sort ul {
  list-style-type: disc;
}

.details_sort ul li {
  list-style-type: disc;
}

.details_content_right {
  width: 55%;
  text-align: center;
}

.details_more {
  width: 100%;
  font-size: 16px;
  margin-bottom: 80px;
}

.mt_0 {
  margin-top: 0;
}

.details_more_connect {
  width: 90%;
  font-size: 12px;
  margin-bottom: 80px;
  margin-top: 40px;
  margin-right: 10%;
}

.details_more_title {
  color: #ffffff;
}

.mg_top_40 {
  margin-top: 40px;
}

/* 弹性 */
.flex_space {
  display: flex;
  justify-content: space-between;
}

.align_center {
  align-items: center;
}

.flex_around {
  display: flex;
  justify-content: space-around;
}

.flex_flow {
  display: flex;
  flex-flow: row wrap;
}

.product_details_images img {
  width: 30%;
  /*width: 33%;*/
  /*max-height: 280px;*/
}

.czk_img {
  width: 50%;
}

.img_width_30 {
  /*max-height: auto !important;*/
  width: 30%;
}

.flex_ {
  display: flex;
}

.more_title {
  font-size: 16px;
  font-weight: 305;
  line-height: 33px;
  color: rgba(255, 255, 255, 0.75);
}

.white_space {
  white-space: pre;
}

.border_bottom {
  padding-top: 10px;
  border-bottom: 0.5px solid #272727;
}

.details_more_right {
  width: 55%;
}

.details_more_right_pd {
  width: 50%;
  padding-right: 10%;
}

.details_right_font {
  width: 80%;
  margin: auto;
  padding-top: 40px;
  padding-left: 20px;
}

.list_title_ul {
  list-style-type: disc;
  margin-left: 7px;
}

.list_title_ul li {
  width: 50%;
  padding-top: 10px;
}

.more_imgs_height {
  /* height: 400px; */
}

.more_imgs {
  text-align: center;
  width: 100%;
  /* margin-top: 20px; */
}

.more_imgs_pc {
  height: 590px;
  margin-top: 40px;
}

.more_imgs_dw {
  max-height: 590px;
}

.height_500 {
  height: 590px;
}

.cavity_content_width {
  width: 100%;
}

.cavity_content_img {
  text-align: center;
  margin: 40px 0;
}

.cavity_content_img img {
  height: 1000px;
}

.cavity_media {
  display: none;
}

.mg_top_10 {
  margin-top: 10px;
}

.mg_top_20 {
  margin-top: 20px;
}

.pad_left_10 {
  padding-left: 10px;
}

.d_details_width {
  width: 25%;
  padding-right: 40px;
}

.d_details_width_czk {
  width: 30%;
}

.d_widh_5 {
  width: 19%;
}

.d_widh_6 {
  width: 16%;
}

.d_details_width_zk {
  width: 33%;
  padding-right: 40px;
}

.pad_left_20 {
  padding-left: 43px;
}

.d_buttom {
  color: rgba(255, 255, 255, 0.45);
  font-size: 16px;
}

.returnClass {
  display: none;
}

.connect_details_width {
  width: 25%;
  text-align: center;
  margin-bottom: 20px;
}

.connect_details_width p {
  text-align: center;
}

.connect_details_width img {
  /* width: 60%; */
  width: 70%;
}

.section_bg {
  /*opacity: 0;*/
}

/* .section_three{
  opacity: 0;
}
.section_fours{
  opacity: 0;
} */
.opacity_0 {
  opacity: 0;
}

.microscope_font {
  text-align: right;
}

.pc_top {
  left: 43px;
  width: 51px;
}

.pc_fuwu {
  left: 41px;
}

.dingwei {
  margin-top: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.details_dingwei {
  position: relative;
  top: -100px;
}

.height_footer {
  /* height: 120px; */
}

.five_bg_media_bock {
  display: none;
}
.five_bg_media_bock_five {
  display: none;
}

.pc_chanpin {
  left: 39px;
}

.myClass {
  position: fixed;
  left: 0;
  top: 55px;
  width: 80%;
  margin: auto;
  line-height: 41px;
  color: white;
  margin-left: 9.8%;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
  z-index: 999;
}

.navbar_height {
  padding-bottom: 40px;
}

.new-styles-height {
  margin-top: 20px;
}

.myClass span {
  padding-left: 6px;
}

.myClass a:hover {
  color: #c4301d;
}

/* 点击展开的时候出现阴影模糊 */
.dimClass {
  filter: blur(2px);
}

.pdClass {
  /* padding: 15px !important; */
  background-color: #141414 !important;
}

.pdClass .logo_index {
  display: none !important;
}

/* 详情面包屑 */
.bread {
  /* font-size: 12px; */
  font-size: 16px;
}

.details_fonts {
  line-height: 20px;
  width: 80%;
  margin: auto;
  color: rgba(255, 255, 255, 0.5);
}

.details_fonts span {
  padding-left: 6px;
}

.details_link:hover {
  color: #c4301d;
}

.navbar_js {
  /* width: 58px; */
  width: 80px;
}