@charset "UTF-8";
@import url(./header.css);
:root {
  --themeColor: #FECD31;
  --primary-color: #FECD31;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}
body[aos-duration='500'] [aos], [aos][aos][aos-duration='500']{
  transition-duration: 500ms;
}

body[aos-duration='1000'] [aos], [aos][aos][aos-duration='1000']{
  transition-duration: 1000ms;
}
body[aos-duration='3000'] [aos], [aos][aos][aos-duration='3000']{
  transition-duration: 2000ms;
}
body[aos-duration='2000'] [aos], [aos][aos][aos-duration='3000']{
  transition-duration: 3000ms;
}
body[aos-duration='4000'] [aos], [aos][aos][aos-duration='4000']{
  transition-duration: 4000ms;
}
body[aos-duration='5000'] [aos], [aos][aos][aos-duration='5000']{
  transition-duration: 5000ms;
}

body {
  background: #fff;
  color: #000;
  margin: 0;
  padding: 0;
  /* 自定义滚动条轨道 */
  /* 自定义滚动条的滑块 */
  /* 自定义滚动条的按钮 */
  /* 自定义滚动条的corner piece（角落部分） */
    font-size: 14px;

}

@media (max-width:1400px) {
  body{
  font-size: 14px;
  }
}
body::-webkit-scrollbar {
  width: 10px;
}
body::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 100px;
}
body::-webkit-scrollbar-thumb {
  background: #FECD31;
  border-radius: 100px;
  cursor: pointer;
  border-radius: 100px;
}
body::-webkit-scrollbar-button {
  background: #fff;
  display: none;
}
body::-webkit-scrollbar-corner {
  background: #fff;
  display: none;
}

img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #FECD31 !important;
}

.app {
  width: 100%;
  overflow: hidden;
}

.title_1 {
  line-height: 1.5;
  font-weight: bold;
  color: #FECD31;
  font-size: 2rem;
}

.title_2 {
  font-size: 1.6rem;
  margin-bottom: 1rem;
  font-weight: bold;
}

.title_3 {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  font-weight: 500;
}

/*=====================================================
header
=======================================================*/
.pc_header {
  display: none;
}

.mobile_header {
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid #FECD31;
  font-size: 14px;
}

.mobile_header .icon_nav {
  width: 20px;
}

.mobile_header .logo {
  width: 110px;
  margin-left: 25px;
}

.lang {
  position: relative;
  padding-left: 25px !important;
  display: block;
  color: #fff;
}

.lang::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(../images/icon_l.png) no-repeat center center;
  background-size: 100%;
  transform: translateY(-50%);
}

.header_overlay {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  transition: all 0.4s;
  display: none;
  z-index: 999;
}

.mobile_nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 300px;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
  overflow-y: auto;
  transform: translate3d(-100%, 0, 0);
  transition: left 0.5s ease;
  background-color: #fff;
}

.mobile_nav .close_model {
  width: 20px;
  margin: 30px auto;
}

.mobile_nav ul {
  /* padding-top: 15px; */
}

.mobile_nav li {
  color: #000;
}

.mobile_nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid rgba(193, 202, 206, 0.5);
  font-size: 16px;
}

.mobile_nav a .icon_r {
  flex: none;
  display: block;
  width: 14px;
  height: 14px;
  background: url(../images/icon_r2.png) no-repeat center center;
  background-size: 100%;
  margin-left: 10px;
}

.mobile_nav a .icon_r.in {
  transform: rotate(90deg);
}

.mobile_sub_menu {
  padding-top: 0 !important;
  margin: 0 10px;
  display: none;
  transition: none;
}

/*=====================================================
end header
=======================================================*/
/*=====================================================
swiper
=======================================================*/
.mySwiper {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  background-color: #0C0C0C;
}
.mySwiper .container {
  padding: 0;
}

.mySwiper > .swiper-wrapper > .swiper-slide {
  padding: 20px 25px;
  box-sizing: border-box;
  /* Center slide text vertically */
  display: flex;
  color: #fff;
  background-color: #0C0C0C;
  transform: translate3d(0, 0, 0);
}

.swiper-pagination-bullet {
  background-color: transparent;
  border: 1px solid var(--primary-color);
  opacity: 1;
  width: 12px;
  height: 12px;
  margin: 15px 0 !important;
}

.swiper-pagination-bullet-active {
  background: var(--primary-color) !important;
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: 3%;
}
@media (max-width:1300px) {
  .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: 1.5%;
  }
}
@media (max-width:767px) {
  .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: 3%;
  }
}

.slide_cont {
  width: 100%;
  height: 100%;
}

button {
  background-color: var(--primary-color);
  border-radius: 5px;
  width: 120px;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  border: none;
}

button:hover {
  opacity: 0.8;
}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  left: 0 !important;
  width: 100% !important;
}
/*=====================================================
end swiper
=======================================================*/
.swiper_slide_content {
  position: relative;
  z-index: 10;
  display: inline-block;
}

.sub_title {
  font-size: 1rem;
  margin: 1rem 0;
}

.swiper_slide_img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.moblie_slide_img {
  display: block;
}

.pc_slide_img {
  display: none;
}

.swiper-slide .swiper_slide_content {
  margin-top: 20%;
}
.swiper-slide .title {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
}
.swiper-slide .jiiov {
  margin-bottom: 15px;
  font-size: 20px;
}

.swiperSlide1 .title {
  font-size: 2rem;
}
.swiperSlide1 .container {
  display: flex;
}
.swiperSlide1 .swiper_slide_content {
  margin: 30% auto 0;
  text-align: center;
}
.swiperSlide1 .swiper_slide_video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  /* height: 100%; */
}
.swiperSlide1 .swiper_slide_video_bj {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
}

.swiperSlide2 .container, .swiperSlide4 .container {
  display: flex;
}
.swiperSlide2 .swiper_slide_content, .swiperSlide4 .swiper_slide_content {
  width: 100%;
}
.swiperSlide2 .swiper_slide_desc, .swiperSlide4 .swiper_slide_desc {
  line-height: 2;
  text-align: justify;
  margin-top: 5px;
}

.swiperSlide3 .swiper_slide_content {
  width: 100%;
}

.swiperSlide3, .swiperSlide4 {
  color: #000 !important;
}

.page_home .swiperSlide3 ul {
  margin-top: 10px;
  margin-bottom: 10px;
}
.page_home .swiperSlide3 li {
  line-height: 1.5;
  padding-left: 20px;
  position: relative;
}
.page_home .swiperSlide3 li::before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #000;
  border-radius: 100%;
  transform: translateY(-50%);
}

.move_btn {
  display: block;
  width: 120px;
  margin-top: 1rem;
  line-height: 36px;
  padding: 0 15px;
  background-color: #FECD31;
  border-radius: 5px;
  color: #000;
  text-align: center;
  border: 1px solid #FECD31;
  /* -webkit-transition: all .2s;  */
  /* transition: all .2s; */
}

.move_btn:hover {
  background-color: #fff;
  color: #FECD31;
}

.swiperSlide5 .swiper_slide_content,
.swiperSlide6 .swiper_slide_content,
.swiperSlide7 .swiper_slide_content {
  max-width: 100%;
}

.swiperSlide5 .swiper_slide_content {
  width: 100%;
}

.swiperSlide5 .swiper_slide_content_header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}

.swiperSlide5 ul {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}

.swiperSlide5 ul li {
  width: 100%;
  height: 14.5vh;  
  position: relative;
  margin-bottom: 10px;
  /* overflow: hidden; */
}

.swiperSlide5 li img {
  width: 100%;
  height: 100%;
}

.swiperSlide5 li .card_body {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 8%;
  padding: 5%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.swiperSlide5 li .card_body h4 {
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 10px;
}

.swiperSlide5 li .card_body i {
  display: none;
  width: 25px;
  height: 1px;
  background: #FECD31;
  margin: 10px 0;
}

.swiperSlide5 li .card_body p {
  line-height: 1.5;
  /*overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;*/
  display: -webkit-box;
}
.swiperSlide6 .swiperGrid {
  height: 280px;
}
.swiperSlide6 .swiperGrid .product_name {
  writing-mode: vertical-rl; /* 从右到左的垂直排列 */
  /* text-orientation: upright; 文本方向保持直立 */
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-top: 3px solid #FECD31;
  padding: 10px 4px;
  background-image: linear-gradient(to bottom, #222222, #0D0D0D);
  font-size: 1.2rem;
  letter-spacing: 1px;
  color: #ffffff;
}
.swiperSlide6 .swiperGrid img {
  display: block;
  margin-left: 55px;
}
@media (min-width: 580px) and (max-width: 768px){
  .swiperSlide6 .swiperGrid {
    height: 325px;
  }
}
@media (min-width: 768px ) {
  .swiperSlide6 .swiperGrid {
    height: 350px;
  }
}

.swiperSlide6 .swiperGrid .swiper-slide {
  height: 100%;
  width: auto;
}
.swiperSlide6 .swiperGrid .swiper-slide img {
  width: auto;
  height: 100%;
}
.swiperSlide6 .swiperGrid,
.swiperSlide6 .swiperGrid_honor
 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20%;
  padding-bottom: 15%;
  cursor: grab;
  overflow: hidden;
}
.swiperSlide6 .swiperGrid .swiper-slide,
.swiperSlide6 .swiperGrid_honor .swiper-slide
 {
  text-align: center;
  background-color: transparent;
}
.swiperSlide6 .swiperGrid .swiper-scrollbar,
.swiperSlide6 .swiperGrid_honor .swiper-scrollbar
 {
  opacity: 1 !important;
  background-color: #ffffff !important;
}
.swiperSlide6 .swiperGrid .swiper-scrollbar-drag,
.swiperSlide6 .swiperGrid_honor .swiper-scrollbar-drag
 {
  width: auto;
  background-color: #FECD31 !important;
}

.swiperSlide7 .swiper_slide_desc {
  margin-top: 10px !important;
}

.productsCaseSwiper {
  height: 45vh;
  margin-top: 30px;
}

/**【关键】注意：下面👇🏻的swiper-container1是我给swiper-container新增的类名，其与swiper-container并列 */
.productsCaseSwiper > .swiper-wrapper { /*之前是ease-out*/
  transition-timing-function: linear;
}

.productsCaseSwiper .swiper-slide {
  /* padding: 15px; */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.productsCaseSwiper .swiper-slide img {
  width: auto;
  height: 100%;
}

/*=====================================================
page_pro_xrss
=======================================================*/
/* .main {
    margin-top: 80px;
} */
.section_title {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  margin-bottom: 1.9rem;
}
.header_video {
  background-color: #000;
}
.page_header {
  max-height: 700px;
  position: relative;
  overflow: hidden;
}
.page_header img {
  min-height: 320px;
}
.page_header video {
  display: block;
  width: 101%;
  height: 100%;
  min-height: 220px;
  /* position: relative; */
}
.page_header .page_header_body {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section_tabs {
  padding: 50px 0;
  background-color: #F8F8F8;
}
.section_tabs .section_desc {
  margin-bottom: 30px;
}
.section_tabs .tab_menu {
  margin-bottom: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section_tabs .tab_menu a {
  text-align: center;
  display: inline-block;
  padding: 10px 30px;
  min-width: 130px;
  font-size: 16px;
  background-color: #E6E6E6;
  font-weight: bold;
}
.section_tabs .tab_menu a.in {
  background-color: #FECD31;
}
.section_tabs .tab_menu a:hover {
  color: #000 !important;
  background-color: #FECD31;
}
.section_tabs .xrss_wrapper {
  display: flex;
}
.section_tabs .xrss_wrapper ul {
  flex: none;
  width: 48%;
}
.section_tabs .xrss_wrapper ul + ul {
  margin-left: 20px;
}
.section_tabs .xrss_wrapper li {
  margin-bottom: 25px;
  display: flex;
  padding-left: 15px;
  position: relative;
}
.section_tabs .xrss_wrapper li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 7px;
  width: 5px;
  height: 5px;
  background-color: #ffcd00;
  border-radius: 100%;
}
.section_tabs .xrss_wrapper li span {
  flex: none;
  /* width: 20px;
  height: 20px;
  line-height: 20px; */
  width: 5px;
  height: 5px;
  background-color: #ffcd00;
  text-align: center;
  border-radius: 100%;
  margin-right: 10px;
}
.section_func {
  background: url(../images/pr_03.jpg) no-repeat center center;
  background-size: cover;
  background-position: left;
}
.section_func .container {
  display: flex;
  justify-content: end;
}
.section_func .section_func_body {
  padding: 10% 0;
}
.section_func .section_title {
  color: #fff;
}

.section_technology {
  padding: 5% 0;
  background-color: #F8F8F8;
}

.section_table {
  width: 100%;
  table-layout: fixed;
}
.section_table th{ text-align:center !important;}
.section_table tr:nth-child(odd) {
  background-color: #F5F5F5;
}
.section_table tr:nth-child(even) {
  background-color: #ECECEC;
}
.section_table th, .section_table td {
  padding: 10px 15px;
  border-right: 1px solid #fff;
  font-size: 12px;
}
.section_table th:last-child, .section_table td:last-child {
  border: none;
}
.section_table th {
  background-color: #FECD31;
}

.un_list li {
  color: #fff;
  margin-bottom: 15px;
  padding-left: 15px;
  position: relative;
}
.un_list li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 100%;
  transform: translateY(-50%);
}

.section_algorithm {
  padding: 5% 0;
  background-color: #000;
}
.section_algorithm .section_title {
  color: #fff;
}
.section_algorithm .section_table tr:nth-child(odd) {
  background-color: #232323;
}
.section_algorithm .section_table tr:nth-child(even) {
  background-color: #393939;
}
.section_algorithm .section_table td {
  color: #fff;
}

.page_pro_czss .un_list li {
  color: #000;
}
.page_pro_czss .un_list li::before {
  background-color: #000;
}
.page_pro_czss .section_technology {
  background-color: #000;
}
.page_pro_czss .section_technology .section_title {
  color: #fff;
}
.page_pro_czss .section_technology .section_table tr:nth-child(odd) {
  background-color: #393939;
}
.page_pro_czss .section_technology .section_table tr:nth-child(even) {
  background-color: #232323;
}
.page_pro_czss .section_technology .section_table td {
  color: #fff;
}
.page_pro_czss .section_algorithm {
  background-color: #F8F8F8;
}
.page_pro_czss .section_algorithm .section_title {
  color: #000;
}
.page_pro_czss .section_algorithm .section_table tr:nth-child(odd) {
  background-color: #fff;
}
.page_pro_czss .section_algorithm .section_table tr:nth-child(even) {
  background-color: #ECECEC;
}
.page_pro_czss .section_algorithm .section_table td {
  color: #000;
}
.page_pro_czss .section_yycj {
  padding: 5% 0;
  background-color: #F8F8F8;
}
.page_pro_czss .section_yycj .section_title {
  color: #000000;
}
.page_pro_czss .section_yycj .card_item {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}
.page_pro_czss .section_yycj .card_item > * {
  width: 100%;
}
.page_pro_czss .section_yycj .card_item > div {
  background-color: #ffffff;
}
.page_pro_czss .section_yycj .card_item h3 {
  background-color: #ffffff;
  border-bottom: 1px solid #FECD31;
  color: #000000;
  padding: 20px 30px;
  font-size: 16px;
  font-weight: bold;
}
.page_pro_czss .section_yycj .card_item p {
  padding: 40px 30px;
  color: #000000;
  line-height: 2;
  background-color: #ffffff;
  text-align: justify;
}
.page_pro_czss .section_yycj .card_item img {
  max-height: 180px;
  background-color: #ffffff;
}
.page_pro_xrss .section_tsgn {
  background-image: url(../images/xrss_zs_bg.jpg) !important;
}
.page_pro_xrss .tsgn_list_item_zs {
  border-bottom: 1px solid #4A4B4B;
}
.tsgn_list_item_zs .tsgn_list_item {
  border: none !important;
}
.tsgn_list_item_zs_img {
  padding: 40px 30px 25px;
}
.tsgn_list_item_zs_img img {
  width: 100% !important;
  height: auto !important;
  border-radius: 0 !important;
  padding-bottom: 15px;
}

.section_xrss_gnys {
  padding: 5% 0;
  background-color: #F8F8F8;
}
.section_xrss_gnys .gnys_list_item {
  transition: all 0.25s;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  display: flex;
  transition: all .25s ease;
  align-items: center;
  background-color: #ffffff;
}
.section_xrss_gnys .gnys_list_item:hover .gnys_list_item_img img {
  transform: scale(1.1, 1.1);
  opacity: 0.7;
}
.section_xrss_gnys .gnys_list_item:hover {
  color: #FECD31 !important;
}
.section_xrss_gnys .gnys_list_item .gnys_list_item_img {
  width: 40%;
  position: relative;
  background-color: #000;
  overflow: hidden;
}
.section_xrss_gnys .gnys_list_item .gnys_list_item_img img {
  opacity: 0.4;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.section_xrss_gnys .gnys_list_item .gnys_list_item_img i {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  background: url(../images/play.png) no-repeat center center;
  background-size: 60px;
}
.section_xrss_gnys .gnys_list_item p {
  flex: 1;
  padding: 7%;
  font-size: 15px;
  line-height: 1.4;
  font-weight: bold;
}
@media (max-width: 768px) {
  .section_xrss_gnys .gnys_list_item {
    flex-direction: column;
  }
  .section_xrss_gnys .gnys_list_item .gnys_list_item_img {
    width: 100%;
  }
}
/*=====================================================
end page_pro_xrss
=======================================================*/
/*=====================================================
page_news
=======================================================*/
.page_news .section_news {
  padding: 50px 0;
  background-color: #fff;
}
.page_news .section_news li {
  overflow: hidden;
  margin-bottom: 40px;
}
.page_news .section_news a {
  transition: none;
}
.page_news .section_news a:hover img {
  transform: scale(1.1, 1.1); opacity:0.7;
}
.page_news .section_news .new_card_img {
  overflow: hidden;
  max-height: 260px;
    aspect-ratio: 16 / 9;   /* 强制容器比例为16:9 */
}
.page_news .section_news .new_card_img img {
	width:100%;
  height: 100%;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  object-fit: fill;           /* 拉伸图片以完全填充容器 */
  object-position: center;
}
.page_news .section_news .new_card_body {
  min-height: 125px;
  background-color: #F8F8F8;
  padding: 20px;
  border-bottom: 2px solid #FECD31;
}
.page_news .section_news .new_card_update {
  color: #666666;
  margin-top: 20px;
  font-size: 14px;
}
.page_news .section_news strong {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.page_news .news_wrapper + .news_wrapper {
  margin-top: 40px;
}
.page_news .news_wrapper .news_title {
  margin-bottom: 20px;
  font-weight: bold;
}
.page_news .section_news .move_news {
  display: block;
  padding: 8px 20px;
  background-color: var(--themeColor);
  color: #ffffff;
  border-radius: 100px;
  width: 120px;
  text-align: center;
  margin: 0 auto;
}
.page_news .section_news .move_news:hover {
  color: #ffffff !important;
  opacity: .8;
}

.page_news_detail .section_content {
  padding-top: 50px;
}
.page_news_detail .section_content .section_content_body {
  border-bottom: 1px solid #FECD31;
}
.page_news_detail .section_content .section_content_body h3 {
  font-size: 1.2rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
  line-height: 1.5;
}
.page_news_detail .section_content .section_content_body h3 p {
  font-size: 14px;
  font-weight: 500;
  padding: 10px 0;
  border-bottom: 1px solid #FECD31;
  margin-top: 10px;
}
.page_news_detail .section_content .section_content_body > p {
  margin-bottom: 30px;
  line-height: 1.7;
  text-align: justify;
}
.page_news_detail .section_content .section_content_body .p_img {
  text-align: center;
}
.page_news_detail .section_content .section_content_body .p_img img {
  width: 100%;
}
.page_news_detail .section_content .section_content_body .p_img span {
  display: block;
  padding: 10px;
}
.page_news_detail .news_title {
  font-weight: 500;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 50px;
}

/*=====================================================
end page_news
=======================================================*/
/*=====================================================
=========== 眼动追踪    */
/*=========== end 眼动追踪    
=====================================================*/
/*=====================================================
=========== 眼动追踪    */
.page_pro_ydzz{ display: block; overflow: hidden;}
.page_pro_ydzz section:not(.section_detail_header) {
  padding: 70px 0;
}
.page_pro_ydzz .section_gs {
  background: url(../images/eye_2.jpg) no-repeat center center;
  background-size: cover;
  /* background-position: left; */
  background-position: center;
}
.page_pro_ydzz .un_list li{ color:#000;}
.page_pro_ydzz .un_list li::before { background-color: #000;}
.page_pro_ydzz .section_gs .section_gs_body { padding: 5% 0;}
.page_pro_ydzz .section_gs .section_gs_body p{ margin-bottom:20px;}
.page_pro_ydzz .section_jscs {
  background:#020407 url(../images/eye_3.jpg) no-repeat center bottom;
  background-size:100% auto;
  color: #fff;
}
.page_pro_ydzz .section_jscs .title_2 {
  text-align: center;
}
.page_pro_ydzz .section_jscs .title_3 {
  color: var(--themeColor);
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
}
.page_pro_ydzz .section_jscs .jscs_img {
  text-align: center;
  margin-bottom: 24px;
}
.page_pro_ydzz .section_jscs .jscs_img img {
  width: 110px;
  display: inline-block;
}
.page_pro_ydzz .section_jscs .jscs_list_item {
  padding: 40px 0 0;
  border-top: 0px solid var(--themeColor);
  margin-top: 40px;
}
.page_pro_ydzz .section_jscs .jscs_list_item + .jscs_list_item {
  border-top: 1px solid var(--themeColor);
}
.page_pro_ydzz .section_jscs .jscs_desc {
  margin-bottom: 24px;
  text-align: justify;
}
.page_pro_ydzz .section_jscs .jscs_data {
  display: flex;
  flex-wrap: wrap;
}
.page_pro_ydzz .section_jscs .jscs_data li {
  width: 50%;
  padding: 10px 10px 10px 0;
}
.page_pro_ydzz .section_ydzzsf {
  background-color: #F8F8F8;
  color: #000;
}
.page_pro_ydzz .section_ydzzsf .ydzzsf_list {
  margin-top: 90px;
}
.page_pro_ydzz .section_ydzzsf .ydzzsf_list > li {
  display: flex;
  margin-bottom: 50px;
}
.page_pro_ydzz .section_ydzzsf .ydzzsf_list_item {
  padding: 60px 30px 30px;
  background-color: #ffffff;
  border-radius: 10px;
  position: relative;
  width: 100%;
  height: 100%;
  /* margin-bottom: 50px; */
  /* min-height: 210px; */
}
.page_pro_ydzz .section_ydzzsf .ydzzsf_list li:last-child .ydzzsf_list_item {
  margin-bottom: 0;
}
.page_pro_ydzz .section_ydzzsf .ydzzsf_list_item_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: -22px;
  left: 0;
  width: 100%;
  padding-right: 30px;
  box-sizing: border-box;
}
.page_pro_ydzz .section_ydzzsf .ydzzsf_list_item_top h2 {
  font-size: 18px;
  font-weight: bold;
  padding: 10px 30px;
  background-color: var(--themeColor);
  border-radius: 100px;
}
.page_pro_ydzz .section_ydzzsf .ydzzsf_list_item_top img {
  width: 52px;
  height: 52px;
  border-radius: 100%;
  margin-left: 15px;
  flex: none;
}
.page_pro_ydzz .section_ydzzsf .un_list li {
  color: #000;
}
.page_pro_ydzz .section_ydzzsf .un_list li::before {
  background-color: #000;
}
.page_pro_ydzz .section_tsgn {
  background:url(../images/eye_5.jpg) no-repeat center center;
  background-size: cover;
}
.page_pro_ydzz .section_tsgn .title_2 {
  color: #ffffff;
  margin-bottom: 50px;
}
.page_pro_ydzz .section_tsgn .un_list li{ color: #fff !important;}
.page_pro_ydzz .section_tsgn .un_list li::before{ background-color: #fff;}
.page_pro_ydzz .section_tsgn .tsgn_list_item {
  display: flex;
  height: 100%;
  padding: 40px 0 25px;
  border-top: 1px solid #4A4B4B;
  border-bottom: 1px solid #4A4B4B;
}
.page_pro_ydzz .section_tsgn .tsgn_list_item h2 {
  font-size: 18px;
  font-weight: bold;
  color: var(--themeColor);
  margin-bottom: 15px;
}
.page_pro_ydzz .section_tsgn img {
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 100%;
  display: inline-block;
}
.page_pro_ydzz .section_tsgn .tsgn_list > li{ padding: 0 30px;}
.page_pro_ydzz .section_tsgn .tsgn_list_item_body {
  margin-left: 20px;
}
.page_pro_ydzz .section_yyal {
  background-color: #F8F8F8;
}
.page_pro_ydzz .section_yyal .title_2 {
  margin-bottom: 80px;
}
.page_pro_ydzz .section_yyal .yyal_list_item h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 25px;
}
.page_pro_ydzz .section_yyal .yyal_list_item .desc {
  text-align: justify;
  line-height: 2;
}
.page_pro_ydzz .section_yyal .yyal_list_pic{ 
  /* text-align: right; */
  text-align: center;
  margin-top: 20px;
}
.page_pro_ydzz .section_yyal .yyal_list_pic img {
  /* max-height: 300px; */
  /* max-width: 630px; */
  width: 100%;
}
.page_pro_ydzz .section_yyal .yyal_list li:nth-child(1) {
  margin-bottom: 30px;
}
.page_pro_ydzz .section_algorithm .section_title p {
  font-size: initial;
  font-weight: normal;
  margin-top: 20px;
}
.page_pro_ydzz .section_algorithm .section_table tr:nth-child(even) {
  background-color: #232323;
}
.page_pro_ydzz .section_algorithm .section_table tr:nth-child(odd) {
  background-color: #393939;
}
.page_pro_ydzz .section_algorithm .section_table th, .page_pro_ydzz .section_algorithm .section_table td {
  border-color: #000;
}
.page_pro_ydzz .section_algorithm .algorithm_bottom {
  width: 80%;
  color: #ffffff;
  margin-top: 5%;
}
.page_pro_ydzz .section_algorithm .algorithm_bottom h3 {
  font-size: 22px; font-weight: bold;
  margin-bottom: 1rem;
}
.page_pro_ydzz .section_algorithm .algorithm_bottom p {
  line-height: 2;
  margin-bottom: 30px;
}
.page_pro_ydzz .section_algorithm .algorithm_bottom img {
  width: 150px;
  height: 150px;
}
.page_pro_ydzz .section_gnys {
  background-color: #F8F8F8;
}
.page_pro_ydzz .section_gnys .gnys_list li {
  margin-bottom: 25px;
}
.page_pro_ydzz .section_gnys .gnys_list_item {
  transition: all 0.25s;
  display: block;
  height: 100%;
  background-color: #ffffff;
  border-bottom: 1px solid var(--themeColor);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.page_pro_ydzz .section_gnys .gnys_list_item .gnys_list_item_img {
  position: relative;
  background-color: #000;
  overflow: hidden;
}
.page_pro_ydzz .section_gnys .gnys_list_item .gnys_list_item_img img {
  opacity: 0.4;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.page_pro_ydzz .section_gnys .gnys_list_item .gnys_list_item_img i {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  background: url(../images/play.png) no-repeat center center;
  background-size: 60px;
}
.page_pro_ydzz .section_gnys .gnys_list_item:hover img{  transform: scale(1.1, 1.1); opacity:0.7;}

.page_pro_ydzz .section_gnys .gnys_list_item h2 {
  font-size: 15px;
  line-height: 1.4;
  font-weight: bold;
  background-color: #ffffff;
  padding: 10px 20px;
  text-align: center;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page_pro_ydzz .section_hzal {
  background-color: #000;
  color: #ffffff;
}
.page_pro_ydzz .section_hzal .gnys_list_item {
  border: none;
  color: #ffffff;
  background-color: #3A3A3A;
}
.page_pro_ydzz .section_hzal .gnys_list_item h2 {
  flex: none;
  justify-content: start;
  border-bottom: 1px solid var(--themeColor);
  background-color: #232323;
}
.page_pro_ydzz .section_hzal .gnys_list_item .desc {
  padding: 20px;
  background-color: #3A3A3A;
  line-height: 2;
  font-size: 14px;
}

/*=========== end 眼动追踪    
=====================================================*/
/*=====================================================
=========== 指纹识别    */
.page_pro_zwsb{ display: block; overflow: hidden;}
.page_pro_zwsb .section_gs .gs_body {
  width: 45%;
}
.page_pro_zwsb .section_gs .gs_desc {
  line-height: 2;
  text-align: left;
  padding: 0 !important;
}

.page_pro_zwsb section:not(.section_detail_header) {
  padding: 70px 0;
}
.page_pro_zwsb .section_gs {
  background: url(../images/zw_2.jpg) no-repeat center center;
  background-size: cover;
  background-position: left;
}
.page_pro_zwsb .un_list li{ color:#000;}
.page_pro_zwsb .un_list li::before { background-color: #000;}
.page_pro_zwsb .section_gs .section_gs_body { padding: 8% 0;}
.page_pro_zwsb .section_gs .section_gs_body p{ margin-bottom:20px;}

.page_pro_zwsb .section_zwsb_bg {
  background: #000 url(../images/zw_bg.jpg) no-repeat center bottom;
  background-size: 100% auto;
  padding: 0 !important;
}
.page_pro_zwsb .section_zwsb_pro .title_2 {
  color: #fff;
}
.page_pro_zwsb .section_zwsb_pro .zwsb_produst {
  display: flex;
  overflow: hidden;
}
.page_pro_zwsb .section_zwsb_pro .zwsb_produst .zwsb_produst_name {
  background-color: var(--themeColor);
  width: 130px;
  height: 130px;
  line-height: 130px;
  text-align: center;
  font-weight: bold;
  flex: none;
  font-size: 20px; margin-right: 40px;
}
.page_pro_zwsb .section_zwsb_pro .zwsb_produst .zwsb_produst_body {
  display: flex;
  align-items: center;
  background-color: #1A1A1A;
  padding: 0 30px 0 0 !important;
}
.page_pro_zwsb .section_zwsb_pro .zwsb_produst .zwsb_produst_body p {
  padding-right: 5%;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #ffffff;
}
.page_pro_zwsb .section_zwsb_pro .zwsb_produst .zwsb_produst_body img {
  width: 140px; margin-left: auto;
}
.page_pro_zwsb .section_zwsb_pro .zwsb_pro_body li {
  margin: 8px 0;
}
.page_pro_zwsb .section_zwsb_pro .zwsb_pro_body ol li {
  margin-bottom: 5px; 
  margin-top: 5px; 
}
.page_pro_zwsb .section_zwsb_pro .zwsb_pro_body h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.page_pro_zwsb .section_zwsb_pro .zwsb_pro_body .zwsb_pro_list_item {
  background-color: #1A1A1A;
  padding: 20px;
  height: 100%;
  border-bottom: 3px solid var(--themeColor);
  color: #ffffff;
}
.page_pro_zwsb .section_zwsb_pro_0307 {
  background-color: rgba(255, 255, 255, 0.1);
}
.page_pro_zwsb .section_zwsb_pro_0101,
.page_pro_zwsb .section_zwsb_pro_0104
 {
  background-color:#f7f7f7;
}
.page_pro_zwsb .section_zwsb_pro_0101 .title_2{
  color: #000;
}
.page_pro_zwsb .section_zwsb_pro_0103 {
  background-color:#fff;
}
.page_pro_zwsb .section_zwsb_pro_0101 .zwsb_produst .zwsb_produst_body,
.page_pro_zwsb .section_zwsb_pro_0101 .zwsb_pro_body .zwsb_pro_list_item,
.page_pro_zwsb .section_zwsb_pro_0104 .zwsb_produst .zwsb_produst_body,
.page_pro_zwsb .section_zwsb_pro_0104 .zwsb_pro_body .zwsb_pro_list_item
{
  background-color: #ffffff;
  color: #000;
}
.page_pro_zwsb .section_zwsb_pro_0101 .zwsb_produst .zwsb_produst_body p,
.page_pro_zwsb .section_zwsb_pro_0104 .zwsb_produst .zwsb_produst_body p {
  color: #000;
}

.page_pro_zwsb .section_zwsb_pro_0103 .zwsb_produst .zwsb_produst_body,
.page_pro_zwsb .section_zwsb_pro_0103 .zwsb_pro_body .zwsb_pro_list_item
{
  background-color: #f7f7f7;
  color: #000;
}
.page_pro_zwsb .section_zwsb_pro_0103 .zwsb_produst .zwsb_produst_body p
{
  color: #000;
}

@media (max-width:767px) {
    .page_pro_zwsb .section_zwsb_pro .zwsb_produst .zwsb_produst_body{
      display: block !important; text-align: center; padding: 0 0 30px 0 !important;
    }
    .page_pro_zwsb .section_zwsb_pro .zwsb_produst .zwsb_produst_name {
      width: 100%;
      height: auto;
      line-height:3 !important;
      font-size: 20px; margin-right:0px;
    }
    .page_pro_zwsb .section_zwsb_pro .zwsb_produst .zwsb_produst_body p {
      padding: 20px;
      display: block;
      text-align: left;
    }
    .page_pro_zwsb .section_zwsb_pro .zwsb_produst .zwsb_produst_body img {
      width: 160px; margin: 0 auto; text-align: center;
    }
}


/*=========== end 指纹识别    
=====================================================*/
/*=====================================================
=========== 眼动追踪    */
/*=========== end 眼动追踪    
=====================================================*/
/*=====================================================
=========== 眼动追踪    */
/*=========== end 眼动追踪    
=====================================================*/
/*=====================================================
=========== footer    */
.footerSlide {
  background-color: #000;
  color: #fff;
  padding-top: 30px;
  font-size:14px;
}
.footerSlide .moblie_footer .footer_nav_menu {
  width: 100%;
  margin-bottom: 20px;
}
.footerSlide .moblie_footer .footer_nav_menu a {
  display: block;
  padding: 10px 30px 10px 0;
  color: #fff;
  border-bottom: 1px solid #FECD31;
  position: relative;
}
.footerSlide .moblie_footer .footer_nav_menu a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url(../images/icon_r.png) no-repeat center center;
  background-size: 18px;
  width: 25px;
  height: 25px;
}
.footerSlide .moblie_footer .footer_nav_menu a:hover {
  color: #FECD31;
}
.footerSlide .moblie_footer .footer_contactus > p {
  margin-bottom: 20px;
}
.footerSlide .moblie_footer .footer_contactus a {
  color: #fff;
  text-decoration: underline;
}
.footerSlide .swiper_slide_content {
  width: 100%;
}
.footerSlide .copyright {
  text-align: left;
  font-size: 12px;
  border-top: 1px solid #FECD31;
  padding: 10px 0;
}
.footerSlide .copyright a {
  color: #ffffff;
  text-decoration: underline;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 5px;
}
.footerSlide .copyright img {
  width: 16px;
  display: inline-block;
}
.footerSlide .pc_footer {
  display: none;
  margin-bottom: 20px;
}
.footerSlide .pc_footer .logo {
  flex: none;
  width: 150px;
  height: -moz-fit-content;
  height: fit-content;
}
.footerSlide .pc_footer .pc_nav_menu {
  display: flex;
  justify-content: space-between;
}
.footerSlide .pc_footer .pc_nav_menu ul {
  display: flex;
}
.footerSlide .pc_footer .pc_nav_menu ul li {
  padding: 0 20px;
}
.footerSlide .pc_footer .pc_nav_menu ul li strong{ font-size:16px;}
.footerSlide .pc_footer .pc_nav_menu ul li > a:first-child {
  margin-bottom: 18px;
}
.footerSlide .pc_footer .pc_nav_menu ul a {
  display: block;
  margin-bottom: 10px;
  color: #fff;
}
.footerSlide .pc_footer .footer_contactus p {
  line-height: 1.8;
  margin-bottom: 20px;
}
.footerSlide .pc_footer .footer_contactus p a {
  color: #fff;
  text-decoration: underline;
}
.footerSlide .footer_ditu {
  display: inline-block;
  padding: 5px 25px 5px 35px;
  position: relative;
  color: #fff;
}
.footerSlide .footer_ditu::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../images/icon_dt.png) no-repeat center center;
  background-size: 18px;
  width: 25px;
  height: 25px;
}

/*=========== end footer    
=====================================================*/

/*===========  优势  ======================*/
.section_adv_1 {
  padding: 70px 0;
  background-color: #F8F8F8;
}

.section_adv_1 .un_list li {
  color: #000;
}
.section_adv_1 .un_list li::before {
  background-color: #000;
}
.section_adv_1 .section_func_body p strong{ display: block; font-size: 20px; margin-bottom: 25px;}


.page_adv {
  overflow: hidden;
}
.page_adv .section_adv_1_list .un_list .list_item {
  display: flex;
  height: 100%;
  padding: 40px 0 25px;
  border-top: 1px solid #4A4B4B;
  border-bottom: 1px solid #4A4B4B;
}
.page_adv .section_adv_1_list .un_list .list_item h2 {
  font-size: 18px;
  font-weight: bold;
  color: var(--themeColor);
  margin-bottom: 15px;
}
.page_adv .section_adv_1_list .un_list .list_item img {
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 100%;
  display: inline-block;
}
.page_adv .section_adv_1_list .un_list .list_item > li{ padding: 0 30px;}
.page_adv .section_adv_1_list .un_list .list_item_body {
  margin-left: 20px;
}

.section_adv_1_list {
  .title_2 {
      color: #ffffff;
      margin-bottom: 50px;
  }
  li{ margin-top: -1px;}
  .list_item {
      display: flex;
      height: 100%;
      padding: 25px 0 25px;
      border-top: 1px solid var(--themeColor);
      border-bottom: 1px solid var(--themeColor);
      position: relative;
      h2 {
          font-size: 18px;
          font-weight: bold;
          margin-bottom: 15px;
      }
  }
  img {
      flex: none;
      width: 44px;
      height: 44px;
      border-radius: 100%;
      display: inline-block;
  }        
  .list_item_body {
      margin-left: 20px;
  }
}

.section_adv_2 {
  padding: 70px 0;
  background: #00060c url(../images/adv_3.jpg) no-repeat center bottom;
  background-size: 100% auto;
  .section_title {
      color: #fff;
      margin-bottom: 50px; 
      width: 100%;
  }
  li{ margin-top: -1px;}
  .list_item {
      display: flex;
      height: 100%;
      padding: 25px 0 25px;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff;
      position: relative;
      color:#fff;
      h2 {
          font-size: 18px;
          font-weight: bold;
          margin-bottom: 15px;
          color: var(--themeColor);
      }
  }
  img {
      flex: none;
      width: 44px;
      height: 44px;
      border-radius: 100%;
      display: inline-block;
  }        
  .list_item_body {
      margin-left: 20px;
  }
}



.section_adv_3 {
  padding: 70px 0;
  background:  url(../images/adv_4.jpg) no-repeat center bottom;
  background-size:cover;
  .section_title {
      margin-bottom: 50px; 
      width: 100%;
  }
  li{ margin-top: -1px;}
  .list_item {
      display: flex;
      height: 100%;
      padding: 25px 0 25px;
      border-top: 1px solid var(--themeColor);
      border-bottom: 1px solid var(--themeColor);
      position: relative;
      h2 {
          font-size: 18px;
          font-weight: bold;
          margin-bottom: 15px;
        
      }
  }
  img {
      flex: none;
      width: 44px;
      height: 44px;
      border-radius: 100%;
      display: inline-block;
  }        
  .list_item_body {
      margin-left: 20px;
  }
}

.section_adv_4 {
  padding: 70px 0;
  background: #00060c url(../images/adv_5.jpg) no-repeat center bottom;
  background-size: 100% auto;
  .section_title {
      color: #fff;
      margin-bottom: 50px; 
      width: 100%;
  }
  li{ margin-top: -1px;}
  .list_item {
      display: flex;
      height: 100%;
      padding: 25px 0 25px;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff;
      position: relative;
      color:#fff;
      h2 {
          font-size: 18px;
          font-weight: bold;
          margin-bottom: 15px;
          color: var(--themeColor);
      }
  }
  img {
      flex: none;
      width: 44px;
      height: 44px;
      border-radius: 100%;
      display: inline-block;
  }        
  .list_item_body {
      margin-left: 20px;
  }
}
/*===========  优势 End ======================*/



/*===========  关于我们 ======================*/
.page_about {
  overflow: hidden;
}
.page_about section:not(.section_detail_header) {
  padding: 100px 0;
}

.section_about_1 {
  background-color: #F8F8F8;
}
.section_about_1 .title_2{ text-align: center;}
.section_about_1 .section_body{ line-height: 2;}
.section_about_1 .section_body p{ margin-bottom: 20px;}
.section_about_1 .section_func_body p strong{ display: block; font-size: 20px; margin-bottom: 25px;}


.section_about_2 {
  background:url(../images/about_2.jpg) no-repeat center center;
  background-size:cover;
  color: #fff;
}
.section_about_2 .section_title{ color: #fff; padding-top: 2rem;}
.section_about_2 .section_func_body p{ line-height: 2; padding-bottom: 25px;}
.section_about_2  .ceo_photo{ margin: 0 auto; max-width: 300px;}

.section_about_3 {
  background:url(../images/about_3.jpg) no-repeat center center;
  background-size:cover;
  color: #fff;
}
.section_about_3 .section_title{ color: #fff; }
.section_about_3 .honor_date{ font-size: 2.2rem; position: relative; display: block; font-weight: bold; color:var(--primary-color); margin-bottom: 30px; }
.section_about_3 .swiper-slide{ border-right: 1px solid rgba(255, 255, 255, 0.3); padding: 0 30px 0 0; font-size: 18px; font-weight: bold;}


.section_about_4 {
  background:url(../images/about_4.jpg) no-repeat center center;
  background-size:cover;
  color: #fff;
}
.section_about_4 .section_title{ color: #fff; }
.section_about_4 .milestone_date{ font-size: 2.2rem; position: relative; display: block; font-weight: bold; }
.section_about_4 .milestone_date::after{ content: ""; position: absolute; left:0; top: 70px; width: 35px; height: 2px; background-color: var(--primary-color);}
.section_about_4 .swiper-slide{ border-right: 1px solid rgba(255, 255, 255, 0.3); padding: 0 50px 0 0; text-align: left !important;}
.section_about_4 .swiper-slide .un_list{ margin-top: 50px;max-width: 280px;}
.section_about_3 .swiper-slide,
.section_about_4 .swiper-slide {
  height: auto !important;
}
.section_about_3 .swiper-slide {
  border-color: var(--themeColor);
}


.section_about_5{ background-color: #000;}
.section_about_5 .section_title{ color: #fff; }


.section_gsrk ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  /* margin: -30px -20px 0; */
}
.section_gsrk ul li {
  width: 26%;
  /* padding: 20px; */
  box-sizing: border-box;
  margin-bottom: 20px;
}
.section_gsrk .gsrk_card_body {
  /* padding: 10%; */
}
.section_gsrk li img {
  /* max-width: 50%; */
}
@media (min-width: 768px) {
  .section_gsrk ul {
    /* margin: 50px -20px 0; */
    margin-top: 70px;
  }
  .section_gsrk ul li {
    width: 11%;
  }
  .section_gsrk li img {
    /* max-width: 65%; */
  }
}
/*===========  关于我们 End ======================*/


/*===========  招贤纳士 ======================*/
.page_recruit section:not(.section_detail_header) {
  padding: 70px 0;
}
.section_rec{
  background-color: #f7f7f7;
}
.section_rec .title_2{ text-align: center;}
.section_rec .rec_body .rec_list_item {
  display: block;
  background-color: #ffffff;
  padding: 30px;
  height: 100%;
  border-bottom: 3px solid var(--themeColor);
  color: #666;
  font-size: 16px;
  padding:#-webkit-transition: all .8s; background-color:#-webkit-transition: all .4s; transition: all .4s;
}
.section_rec .rec_body .rec_list_item:hover{ background-color:var(--primary-color); padding-left: 45px; color: #000 !important;}
.section_rec .rec_body .rec_list_item h2 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #000;
}
.section_rec .rec_body li{
  margin: 15px 0;
}

.section_rec_detail .rec_name{ font-size: 2.5rem; font-weight: bold; margin-bottom: 20px;}
.section_rec_detail .rec_city{ background-color: var(--primary-color); color: #000; padding: 8px 12px; margin-left: auto; height: 35px !important; margin-top: 15px;}
.section_rec_detail .rec_info_1{ background-color: #fff; padding: 30px;}
.section_rec_detail .rec_info_1 .rec_head{ display:flex;}
.section_rec_detail .rec_info_2{ background-color: #fff; padding: 30px;}
.section_rec_detail .un_list li { color: #000;}
.rec_dec{ padding: 40px 0; border-top: 1px solid #dfdfdf;}
.rec_dec h3{ font-size: 20px; font-weight: bold; padding-left: 16px; position: relative; margin: 0 0 30px;}
.rec_dec h3::before{ content: ""; position: absolute; width: 3px; height: 19px; background-color: var(--primary-color); left: 0; top:3px;}
.rec_dec .un_list li::before{ background-color: #fff;}

.rec_list{ padding: 40px 0; }
.rec_list h3{ font-size: 26px; font-weight: bold; padding-left: 16px; position: relative; margin: 0 0 30px;}
.rec_list h3::before{ content: ""; position: absolute; width: 3px; height: 23px; background-color: var(--primary-color); left: 0; top:3px;}
.rec_list .un_list li::before{ background-color: #666;}

/*===========  招贤纳士 End ======================*/

.video_dialog_overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  height: 100%;
  background-color: rgba(0, 0, 0, .85);
  overflow: auto;
  display: none;
}
.video_dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
.video_dialog_primary {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);
  box-sizing: border-box;
  width: 90%;
  max-width: 700px;
  overflow-wrap: break-word;
  border: 1px solid #999999;
  margin: 5% auto 50px;
}
.video_dialog_body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px;
  position: relative;
}
.video_dialog_body video {
  width: 100%;
}
.video_dialog_close {
  position: absolute;
  top: -15px;
  right: -15px;
  z-index: 99;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: var(--themeColor) url(../images/icon_c_b.png) no-repeat center center;
  background-size: 50%;
  padding: 5px;
  cursor: pointer;
}

/*=====================================================
=========== Media    */


/* 分页 */
.pages {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pages .page-item.active .page-link {
  background-color: var(--themeColor);
  border-color: var(--themeColor);
}
.pages .page-link {
  color: #000000;
  border-color: var(--themeColor);
}
.pages .page-link:hover {
  color: #000000 !important;
}
/* end 分页 */


@media (max-width: 767px) {
  .page_header {
    /* padding-top: 52px !important; */
    height: 250px;
  }
  .page_header video {
    position: absolute;
    height: 100%;
    width: auto;
    left: -65%;
  }
  .page_pro_zwsb section:not(.section_detail_header),
  .page_pro_ydzz section:not(.section_detail_header),
  .page_recruit section:not(.section_detail_header),
  .page_about section:not(.section_detail_header)
   {
    padding: 20px 0;
  }
  .page_pro_zwsb .section_gs .section_gs_body{ 
    padding:4% 0;
  }
  .title_2 {
    margin-top: 0.5rem;
  }
  .page_pro_ydzz .section_jscs .jscs_list_item{
    padding-top: 0;
  }
  .page_pro_ydzz .section_ydzzsf .ydzzsf_list {
    margin-top: 50px;
  }
  .page_pro_ydzz .section_yyal .title_2{
    margin-bottom: 20px;
  }
  .section_func .container{
    background-color: rgba(0, 0, 0, 0.6);
  }
  .page_header > img { 
    object-position:60%;
  }
  .section_rec .rec_body .rec_list_item h2{
    font-size: 18px;
  }
  .section_rec_detail .rec_name{
    font-size: 1.8rem;
  }
  .section_rec_detail .rec_info_1 .rec_head{ display:block;}
  .section_rec_detail .rec_info_1 .rec_city{ display: inline-block; margin: 0 0 20px 0;}
  .section_about_3 .swiper-slide{ font-size: 16px;}
  .section_about_3 .honor_date{ font-size: 1.6rem;}
  .section_about_4 .milestone_date{ font-size: 1.6rem;}
  .section_about_4 .swiper-slide{ padding: 0 25px 0 0; }
}

@media (min-width: 768px) {

  .title_1 {
    font-size: 3rem;
  }
  .title_2 {
    font-size: 2.4rem;
    margin-bottom: 1.9rem;
  }
  .title_3 {
    font-size: 1.8rem;
    margin-bottom: 1.7rem;
  }
  .page_pro_ydzz .title_1 {
    margin-top: 3%;
  }
  .page_pro_ydzz .section_jscs .title_2 {
    text-align: left;
  }
  .page_pro_ydzz .section_jscs .jscs_list_item {
    margin-top: 30px;
  }
  
  .moblie_slide_img {
    display: none;
  }
  .swiper_slide_content {
    text-align: left;
  }
  .title {
    font-size: 2.6rem;
  }
  .sub_title {
    font-size: 1.6rem;
    margin: 2rem 0;
  }
  
  .footerSlide .copyright {
    text-align: center;
    padding: 10px;
  }
  .pc_slide_img {
    display: block;
  }
  
  .header_nav_menu {
    display: flex;
    align-items: center;
  }
  .mySwiper > .swiper-wrapper > .swiper-slide {
    align-items: center;
  }
  .swiper-slide .title {
    font-size: 3rem;
  }
  .swiperSlide1 .sub_title {
    font-size: 1.9rem;
  }
  .swiperSlide1 .swiper_slide_content {
    text-align: left;
    margin: 0;
  }
  .move_btn {
    margin-top: 2.2rem;
  }
  .swiperSlide5 .swiper_slide_content_header {
    flex-direction: row;
    align-items: flex-end;
    text-align: left;
  }
  .swiper_slide_desc {
    margin-top: 25px;
  }
  .swiperSlide5 ul {
    flex-direction: row;
  }
  .swiperSlide5 ul li {
    width: 25%;
    height: 60vh;
    margin: 10px;
  }
  .swiperSlide5 li .card_body {
    /*height: 30%;*/
    padding: 8%;
    justify-content: start;
  }
  .swiperSlide5 li .card_body h4 {
    font-size: 22px;
    margin: 0;
  }
  .swiperSlide5 li .card_body i {
    display: block;
  }
  .swiperSlide5 li .card_body p {
    -webkit-line-clamp: 3;
	  min-height:85px;
  }
  .swiper-slide .swiper_slide_content {
    margin: 0 !important;
  }
  .swiperSlide6 .swiperGrid {
    margin-top: 5%;
    /* padding-bottom: 5%; */
    padding-bottom: 3%;
  }
  .swiperSlide6 .swiperGrid_honor {
    margin-top: 5%;
    padding-bottom: 5%;
  }
  .swiperSlide6 .swiper_slide_content,
  .swiperSlide6 .swiper_slide_desc {
    text-align: left;
  }
  .page_home .swiper_slide_desc {
    margin-top: 10px;
  }
  .page_home .swiperSlide3 ul {
    margin-top: 20px;
  }
  .page_home .swiperSlide3 li {
    line-height: 1.7;
    margin-bottom: 3px;
  }
  .section_tabs .tab_menu a {
    font-size: 20px;
  }
  .section_tabs .xrss_wrapper ul {
    width: 40% !important;
  }
  .section_title {
    font-size: 38px;
  }
  .section_table th, .section_table td {
    font-size: 14px;
  }
  .page_pro_czss .section_yycj .card_item {
    flex-direction: row;
  }
  .page_pro_czss .section_yycj .card_item > * {
    width: 50%;
  }
  .page_pro_czss .section_yycj .card_item img {
    max-height: 350px;
  }
  .page_pro_czss .section_yycj h3 {
    font-size: 24px !important;
  }
  .page_news .section_news .new_card_img {
   /* height: 260px;*/
  }
  .page_news_detail .section_content .section_content_body h3 {
    font-size: 2rem;
  }
  .page_news_detail .section_content .section_content_body .p_img img {
    width: 50%;
  }
  
  .section_func {
    background-position: top;
  }
  .swiperSlide2 .container, .swiperSlide4 .container {
    justify-content: flex-end;
  }
  .swiperSlide2 .swiper_slide_content, .swiperSlide4 .swiper_slide_content {
    max-width: 300px;
  }
  .swiperSlide3 .swiper_slide_content {
    max-width: 350px;
  }
}
@media (min-width: 992px) {
  .pc_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: 0px solid #FECD31;
  }
  .moblie_footer,
  .mobile_header {
    display: none;
  }
  .footerSlide .pc_footer {
    display: block;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 1300px;
  }
}
@media (min-width: 1800px) {
  .container {
    max-width: 1500px;
  }
}
@media (min-width: 1300px) {
  .swiperSlide6 .swiper-slide {
    /*padding-right: 5%;*/
  }
}
@media screen and (min-width: 769px) and (max-width: 992px) {
  .header_nav_menu > li {
    margin-left: 0;
  }
}
/*=========== end Media    
=====================================================*//*# sourceMappingURL=index.css.map */

.page_recruit li {
	margin-bottom: 15px;
	padding-left: 15px;
	position: relative;
}
.page_news_detail .section_content img {
	width: initial;
}