.index_top {
  width: 100%;
  min-width: 1200px;
  height: auto;
  display: inline-block;
  margin: 0;
}


.index_operation {
  width: 72.91666666666667%;
  min-width: 1200px;
  padding: 0 13.54166666666667%;
  height: 102px;
  display: flex;
  justify-content: space-between;
  align-content: center;
}

.index_logo {
  width: 391px;
  height: 100%;
  -moz-user-select: none; /*火狐*/
  -webkit-user-select: none; /*webkit浏览器*/
  -ms-user-select: none; /*IE10*/
  -khtml-user-select: none; /*早期浏览器*/
  user-select: none;
}

.index_column {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.column_frame {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 10px;
  position: relative;
  transition: all 1.2s;
  margin: 0 5px;
}

.column_frame:after {
  content: "";
  display: block;
  height: 5px;
  background-color: #0079cc;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 1.2s;
}

.column_search {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 10px;
  margin: 0 5px;;
}

.column_search i {
  font-size: 28px;
  color: #0079cc;
  cursor: pointer;
  display: inline-block;
}

.column_frame:hover:after {
  opacity: 1;
  visibility: revert;
}

.column_frame.active:after {
  opacity: 1;
  visibility: revert;
}

.column_frame:hover .column_word {
  color: #0079cc;
}

.column_frame:hover .column_frame_child{
  visibility: initial;
  opacity: 1;
  top: 100%;
}

.column_word {
  font-size: 16px;
  color: #666666;
  display: inline-block;
  cursor: pointer;
  user-select: none;
  transition: all 1.2s;
  -moz-user-select: none; /*火狐*/
  -webkit-user-select: none; /*webkit浏览器*/
  -ms-user-select: none; /*IE10*/
  -khtml-user-select: none; /*早期浏览器*/
  user-select: none;
}

.active > .column_word {
  color: #0079cc;
}

.column_word:active {
  color: #0b2c89;
}

.column_frame_child{
  position: absolute;
  width: 108px;
  z-index: 9999!important;
  top: 50%;
  left: 50%;
  transform: translate(-50%,0);
  text-align: center;
  transition: all 1s;
  visibility: hidden;
  opacity: 0;
}

.column_word_child{
  width: 100%;
  background-color: #0079cc;
  padding: 17px 0;
  font-size: 14px;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
  border-radius: 3px;
  transition: ease-out 300ms;
}

.column_word_child:hover{
  background-color: #0097ff;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.index_switch_graph {
  width: 100%;
  height: 700px;
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
}

.index_inner_bg {
  width: 100%;
  height: 400px;
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
}

.index_switch_page {
  bottom: 25px !important;
}

.index_switch_page span {
  background: #53689e;
  width: 13px !important;
  height: 13px !important;
}

.index_switch_page span.swiper-pagination-bullet-active {
  background: #ffffff !important;
}

.index_show_info {
  width: 72.91666666666667%;
  min-width: 1200px;
  height: 290px;
  padding: 50px 13.54166666666667%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.index_about {
  width: 32.42857142857143%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
}

.index_about > * {
  width: 100%;
}

.index_about_img {
  width: 30.57142857142857%;
  height: 100%;
  overflow: hidden;
  box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.3);
}

.index_about_img img {
  transition: 600ms;
}

.index_about_img:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}


.index_news {
  width: 33.35714285714286%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.index_news > img {
  position: absolute;
  z-index: 0;
}

.news_en {
  position: absolute;
  left: 8.565310492505353%;
  top: 13.79310344827586%;
  font-size: 29px;
  color: #434343;
}

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

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

.news_right {
  position: absolute;
  right: 8.565310492505353%;
  top: 13.79310344827586%;
  width: 55.6745182012848%;
  height: 69.31034482758621%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
}

.news_title {
  width: 100%;
  font-size: 18px;
  color: #000000;
  line-height: 2;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news_details {
  width: 100%;
  font-size: 14px;
  color: #999999;
  line-height: 2;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.news_show {
  font-size: 14px;
  color: #333333;
  cursor: pointer;
}

.news_show:hover {
  color: #000000;
}

.news_show:active {
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.font_special {
  font-family: Bahnschrift Condensed, serif
}

.index_about_title p {
  font-size: 30px;
  color: #434343;
  font-weight: bold;
}

.news_left {
  position: absolute;
  left: 8.565310492505353%;
  top: 32.75862068965517%;
  width: 16.05995717344754%;
  height: 26.55172413793103%;
  border-bottom: 1px solid #e4e4e4;
}

.news_year {
  font-size: 16px;
  font-weight: bold;
  color: #b2b2b2;
}

.news_day {
  font-size: 26px;
  color: #0079cc;
  font-weight: bold;
}

.about_en {
  font-size: 23px !important;
  margin-bottom: 3px;
}

.news_swiper_button {
  position: absolute;
  bottom: 55px;
  left: 8.565310492505353%;
  width: 16.05995717344754%;
  display: flex;
  justify-content: space-between;
}

.news_swiper_button > div {
  position: unset !important;
  margin: 0 !important;
  background: unset !important;
  border: 1px solid #d7d7d7;
  border-radius: 50%;
  width: 29px;
  height: 29px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.news_swiper_button i {
  font-size: 16px;
  display: block;
  color: #d7d7d7;
}

.flip {
  transform: rotateY(180deg);
}

.index_about_content {
  font-size: 14px;
  color: #999999;
  line-height: 2;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.index_about_show {
  width: 30.90507726269316% !important;
  height: 15.51724137931034%;
  font-size: 14px;
  color: #0079cc;
  cursor: pointer;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  border-radius: 4px;
  box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.3);
  background-image: linear-gradient(#edf6fc, #89cfff);
  transition: all 1s;
}

.index_about_show:hover {
  box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.6);
  transition: all 1s;
}

.index_about_show:active {
  box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.6);
  background-image: linear-gradient(#e0f3ff, #49aff6);
  font-weight: bold;
  transition: all 5ms;
}

.index_product_info {
  width: 72.91666666666667%;
  height: 540px;
  padding: 0 13.54166666666667% 55px;
  background-color: #f5f8fc;
  position: relative;
}

.product_top {
  width: 100%;
  padding-top: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product_title {
  padding: 39px 0;
  display: inline-block;
}

.product_cn {
  font-size: 30px;
  color: #434343;
  font-weight: bold;
  margin-right: 5px;
}

.product_en {
  font-size: 24px;
  color: #cdcccc;
}

.product_btn {
  font-size: 14px;
  color: #8f8e8e;
  cursor: pointer;
}

.product_btn:hover {
  color: #333333;
}

.product_btn:active {
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.product_bottom {
  width: 100%;
  height: 410px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product_list {
  height: 100%;
  width: 23.35714285714286%;
  border-radius: 10px;
  box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
  overflow: hidden;
  transition: 600ms;
  cursor: pointer;
}

.product_list_img {
  width: 100%;
  height: 79.75609756097561%;
  overflow: hidden;
}

.product_list_img img {
  transition: 600ms;
}

.product_list_info {
  width: 90%;
  padding: 0 5%;
  height: 20.24390243902439%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}

.product_list_title {
  font-size: 20px;
  width: 100%;
  color: #3f3f3f;
  transition: 600ms;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product_list_show {
  font-size: 14px;
  color: #0079cc;
  cursor: pointer;
  transition: 600ms;
}

.product_list_show:hover {
  color: #0075c5;
}

.product_list_show:active {
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.product_list:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, 0.8);
}

.product_list:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

/*footer*/
.index_footer {
  width: 100%;
  height: 220px;
  background-color: #0079cc;
}

.index_footer_top {
  width: 72.91666666666667%;
  padding: 20px 13.54166666666667%;
  border-bottom: 1px solid #3394d6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.index_footer_list {
  display: flex;
  align-items: center;
  width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index_footer_list_info {
  font-size: 16px;
  color: #84cdff;
  margin-left: 15px;
}

.index_footer_list_info:first-child {
  margin-left: 0;
}

.index_footer_list_info i {
  font-size: 20px;
  color: #ffffff;
  margin-right: 5px;
}

.footer_phone {
  font-weight: bold;
  color: #ffffff;
  font-size: 20px;
  display: inline-block;
  vertical-align: top;
}

.friendship_link {
  border: 1px solid #4da1db;
  width: 250px;
  height: 43px;
  position: relative;
  cursor: pointer;
}

.link_title {
  font-size: 16px;
  color: #ffffff;
  position: absolute;
  display: inline-block;
  left: 8%;
  top: 50%;
  transform: translate(0, -50%);
}

.friendship_link_list {
  position: absolute;
  border: 1px solid #4da1db;
  width: 100%;
  overflow: hidden;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  background-color: #0079cc;
  transition: all 1s;
}

.friendship_link_list p {
  width: 100%;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #ffffff;
  border-bottom: 1px solid #4da1db;
  font-size: 16px;
  transition: all 1s;
}

.friendship_link_list p:last-child {
  border-bottom: unset;
}

.friendship_link:hover .friendship_link_list {
  bottom: 100%;
  visibility: initial;
  opacity: 1;
}

.friendship_link_list p:hover{
  background-color: #0097ff;
}

.index_footer_bottom {
  height: 134px;
  width: 72.91666666666667%;
  padding: 0 13.54166666666667%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.index_footer_matter {
  width: 80%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.matter_info {
  width: 100%;
  font-size: 16px;
  color: #84cdff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.matter_info *{
  color: #84cdff;
}

.index_footer_follow {
  font-size: 16px;
  color: #84cdff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 10;
}

.weixin_code {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #2db554;
  position: relative;
  margin-left: 15px;
}

.weixin_code i {
  position: absolute;
  font-size: 18px;
  color: #ffffff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.code_img {
  position: absolute;
  width: 120px;
  height: 120px;
  background-color: #ffffff;
  right: 75%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  z-index: 0;
}

.index_footer_follow:hover .code_img {
  right: 100%;
  opacity: 1;
  visibility: initial;
}

/*footer*/


/*内页*/
.inner_main {
  width: 72.91666666666667%;
  padding: 0 13.54166666666667% 50px;
  min-width: 1200px;
  position: relative;
  display: inline-block;
}

.child_nav {
  width: 100%;
  height: 175px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.child_nav_list {
  font-size: 18px;
  font-weight: bold;
  color: #666666;
  width: 15%;
  text-align: center;
  height: 55px;
  line-height: 55px;
  background-color: #f8f8f8;
  box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: ease-out 0.5s;
  border-radius: 5px;
}

.child_nav_list.on, .child_nav_list:hover {
  color: #ffffff;
  background-color: #0079cc;
  box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.5);
}

.child_nav_list:active {
  box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.8);
}

.list_content {
  width: 100%;
  height: auto;
  text-align: justify;
}

.apply_list {
  margin-top: 60px;
  width: 100%;
}

.apply_list_top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.apply_list_bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
}

.apply_list_info {
  width: 32.14285714285714%;
  height: 330px;
  box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.1);
  background-color: #f6f6f6;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: all 1s;
  border-radius: 5px;
  cursor: pointer;
}

.apply_type {
  font-size: 20px;
  color: #333333;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.7s;
}

.apply_type i {
  margin-bottom: 20px;
  font-size: 80px;
  color: #333333;
  transition: all 0.7s;
}

.apply_logo {
  width: 48.88888888888889%;
  height: 255px;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.7s;
}

.apply_list_info:hover {
  background-color: #ebf7ff;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.5);
}

.apply_list_info:hover .apply_logo {
  opacity: 0.1;
}

.apply_list_info:hover .apply_type, .apply_list_info:hover .apply_type i {
  color: #0079cc;
}

.apply_list_info:active {
  box-shadow: 1px 1px 7px 5px rgba(0, 0, 0, 0.9);
}

.contact_info {
  width: 100%;
  margin-top: 60px;
  height: 660px;
  background-color: #f8f8f8;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.contact_details {
  padding: 0 2%;
  width: 29.85714285714286%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: start;
}

.contact_list, .contact_list p {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.contact_map {
  height: 100%;
  width: 66.14285714285714%;
}

.contact_name {
  font-size: 16px;
  color: #999999;
  margin-bottom: 10px;
}

.contact_mobile {
  font-size: 32px;
  font-weight: bold;
  color: #0079cc;
}

.contact_value {
  font-size: 20px;
  color: #000000;
}

.contact_code {
  width: 142px !important;
  height: 142px;
  background-color: #ffffff;
  display: inline-block;
}

.list_page {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page_num {
  width: 52px;
  height: 52px;
  font-size: 18px;
  color: #333333;
  background-color: #f6f6f6;
  line-height: 52px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  margin: 0 5px;
  box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.3);
  transition: 600ms;
}

.page_num i {
  font-size: 20px;
  color: #333333;
  transition: 600ms;
}

.page_num:first-child {
  margin-left: 0;
}

.page_num:last-child {
  margin-right: 0;
}

.page_num.on, .page_num:hover {
  background-color: #0079cc;
  color: #ffffff;
  box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.5);
}

.page_num.on i, .page_num:hover i {
  color: #ffffff;
}

.page_num:active {
  box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.8);
}

.img_list {
  width: 100%;
  display: inline-block;
  margin-bottom: 50px;
}

.img_list_row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.img_list_info {
  width: 24%;
  height: 340px;
  margin-bottom: 30px;
  background-color: #f1f1f1;
  cursor: pointer;
  transition: all 1s;
  box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.3);
}

.img_photo {
  width: 100%;
  height: 280px;
  overflow: hidden;
  transition: all 1s
}

.img_photo img {
  transition: all 1s
}

.img_title {
  width: 90%;
  padding: 0 5%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 16px;
  color: #191919;
  transition: all 1s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.img_list_info:hover {
  background-color: #ebf7ff;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  color: #0079cc;
  box-shadow: 1px 1px 8px 3px rgba(0, 0, 0, 0.6);
}

.img_list_info:hover .img_title {
  color: #0079cc;
}

.img_list_info:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.info_list {
  width: 100%;
  display: inline-block;
  margin-bottom: 50px;
}

.info_list_row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}

.info_list_info {
  width: 42.92857142857143%;
  height: 220px;
  padding: 0 3%;
  background-color: #f8f8f8;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: start;
  cursor: pointer;
  transition: all 1s;
  box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.2);
}

.info_title {
  font-size: 24px;
  color: #000000;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 1s;
}

.info_summary {
  width: 100%;
  font-size: 16px;
  color: #929292;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 2;
}

.info_day {
  width: 100%;
  font-size: 16px;
  color: #0079cc;
}

.info_list_info:hover {
  background-color: #ecf7ff;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  box-shadow: 1px 1px 8px 3px rgba(0, 0, 0, 0.5);
  z-index: 99;
}

.info_list_info:hover .info_title {
  color: #0079cc;
  font-weight: bold;
}

.new_list_swiper {
  width: 100%;
  height: 477px;
  margin-bottom: 30px;
  background-color: #f8f8f8;
  box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.3);
}

.new_list_slide {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 1s;
}

.new_list_swiper_img {
  height: 100%;
  width: 50%;
  overflow: hidden;
}

.new_list_swiper_img img {
  transition: 600ms;
}

.new_list_swiper_info {
  padding: 75px 5%;
  width: 40%;
  height: 327px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-direction: column;
}

.swiper_title {
  width: 100%;
  font-size: 30px;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: ease-out 1s;
}

.swiper_day {
  width: 100%;
  font-size: 16px;
  color: #0079cc;
}

.swiper_content {
  width: 100%;
  font-size: 16px;
  color: #929292;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-height: 2;
}

.show_new {
  display: inline-block;
  width: 161px;
  height: 51px;
  border: 1px solid #0079cc;
  color: #0079cc;
  font-size: 16px;
  text-align: center;
  line-height: 51px;
  border-radius: 50px;
}

.new_list_slide:hover {
  background-color: #ebf7ff;
}

.new_list_slide:hover .swiper_title {
  font-weight: bold;
  color: #0079cc;
}

.new_list_slide:hover img {
  background-color: #ecf7ff;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.product_index {
  width: 100%;
  height: 630px;
  margin: 60px 0 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product_index_frame {
  height: 100%;
  width: 32.14285714285714%;
  box-shadow: 1px 1px 7px 3px rgba(0, 0, 0, 0.5);
  position: relative;
  cursor: pointer;
  overflow: hidden;
  transition: all 1s;
}

.product_img_info {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  font-size: 26px;
  color: #ffffff;
}

.product_img_info > img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: all 1s;
}

.product_img_info p {
  z-index: 10;
  display: inline-block;
  font-size: 26px;
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 0 0 5px rgba(0, 0, 0, 1);
  transition: ease-in 1s;
}

.product_occlusion {
  width: 100%;
  height: 100%;
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  bottom: 0;
  transition: all 1s;
}

.product_occlusion_vague {
  position: absolute;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(5px);
  background-color: rgb(0, 0, 0, 0.5);
}

.product_icon {
  position: absolute;
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  line-height: 100px;
  text-align: center;
  top: 10%;
  left: 50%;
  transform: translate(-50%, 0);
}

.product_icon i {
  font-size: 55px;
  color: #ffffff;
  display: inline-block;
}

.product_info {
  position: absolute;
  width: 80%;
  text-align: center;
  top: 35%;
  left: 50%;
  transform: translate(-50%, 0);
}

.product_info_name {
  width: 100%;
  font-size: 26px;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 20px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 1);
}

.product_info_value {
  width: 100%;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 2;
  text-shadow: 0 0 5px rgba(0, 0, 0, 1);
}

.product_show {
  position: absolute;
  width: 160px;
  height: 50px;
  font-size: 16px;
  color: #ffffff;
  background-color: #0079cc;
  border-radius: 50px;
  line-height: 50px;
  text-align: center;
  left: 50%;
  bottom: 15%;
  transform: translate(-50%, 0);
}

.product_index_frame:hover {
  box-shadow: 1px 1px 7px 3px rgba(0, 0, 0, 0.9);
  z-index: 999;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.product_index_frame:hover .product_occlusion {
  opacity: 1;
  visibility: initial;
  bottom: 100%;
}

.product_index_frame:hover .product_img_info img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.product_index_frame:hover .product_img_info p {
  font-size: 0 !important;
}

.recruit_info {
  width: 100%;
  height: 513px;
  box-shadow: 1px 1px 7px 3px rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0;
  background-color: #0079cc;
}

.recruit_img {
  width: 57%;
  height: 100%;
  overflow: hidden;
}

.recruit_img > img {
  width: 100%;
  height: 100%;
}

.recruit_details {
  padding: 20px 2%;
  width: 39%;
  height: calc(100% - 40px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
}

.recruit_details_list {
  font-size: 18px;
  color: #feffff;
  line-height: 2;
}

.recruit_details_list span {
  font-size: 18px;
  font-weight: bold;
  color: #feffff;
}

.recruit_list {
  width: 100%;
  margin-bottom: 30px;
}

.recruit_list_frame {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.recruit_list_info {
  width: 49.07142857142857%;
  height: 150px;
  background-color: #ffffff;
  position: relative;
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 1s;
}

.recruit_list_info p {
  position: absolute;
  display: inline-block;
  transition: all 1s;
}

.recruit_list_info p:first-child {
  font-size: 24px;
  color: #000000;
  top: 23%;
  left: 7%;
}

.recruit_list_info p:last-child {
  font-size: 16px;
  color: #848484;
  top: 60%;
  left: 7%;
}

.recruit_list_info:hover {
  background-color: #ebf7ff;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  z-index: 10;
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.7);
}

.recruit_list_info:hover p {
  color: #0079cc;
}

.recruit_list_info:hover p:first-child {
  font-weight: bold;
}

.show_top_title {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  margin: 35px 0;
}

.show_title {
  width: 100%;
  font-size: 36px;
  color: #212121;
  font-weight: bold;
  text-align: center;
}

.show_day_source {
  width: 100%;
  text-align: center;
  margin: 35px 0;
}

.show_day_source span {
  font-size: 16px;
  color: #8f8f8f;
  margin: 0 20px;
}

.show_content {
  width: 100%;
  font-size: 16px;
  color: #333333;
  line-height: 2;
  text-indent: 2em;
  text-align: justify;
  margin-bottom: 50px;
}

.show_content * {
  font-size: 16px;
  color: #333333;
  line-height: 2;
  text-indent: 2em;
  text-align: justify;
}

.show_page {
  width: 92%;
  padding: 0 4%;
  height: 65px;
  background-color: #f5f5f5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
}

.show_page p {
  font-size: 18px;
  color: #0079cc;
  cursor: pointer;
}

.show_page p i {
  font-size: 21px;
  margin-right: 10px;
}

.show_page p:first-child, .show_page p:last-child {
  color: #333333;
  width: 40%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.show_page p span {
  color: #999999;
  font-size: 18px;
  margin-right: 15px;
}

.product_show_content {
  display: inline-block;
  width: 100%;
}

.product_content_title {
  font-size: 20px;
  color: #0079cc;
  width: 100%;
  border-bottom: 1px solid #f3f3f3;
  position: relative;
  padding: 35px 0;
}

.product_content_title:after {
  content: "";
  width: 7%;
  height: 5px;
  position: absolute;
  background-color: #0079cc;
  left: 0;
  bottom: 0;
}

.product_show_top {
  width: 100%;
  height: 546px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0;
}

.product_show_left {
  width: 41.21428571428571%;
  height: 100%;
  display: inline-block;
}

.product_swiper_top {
  width: 100%;
  height: 449px;
}

.product_swiper_top .swiper-slide img {
  width: 100%;
}

.product_swiper_bottom {
  height: 87px;
  box-sizing: border-box;
  padding: 10px 0;
}

.product_swiper_bottom .swiper-slide {
  width: 100px;
  height: 100%;
  opacity: 0.4;
}

.product_swiper_bottom .swiper-slide img {
  width: 100%;
}

.product_swiper_bottom .swiper-slide-active {
  opacity: 1;
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
}

.product_show_right {
  width: 55.57142857142857%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.product_top_contact {
  width: 94%;
  height: 90px;
  padding: 18px 3%;
  background-color: #ebf4fb;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
}

.product_top_contact div {
  font-size: 16px;
  color: #65737f;
  width: 100%;
}

.product_top_contact div span {
  display: inline-block;
  background-color: #0079cc;
  font-size: 18px;
  padding: 12px;
  border-radius: 7px;
  color: #ffffff;
}

.product_top_contact div span:last-child {
  margin-left: 10px;
}

.product_top_title {
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
}

.product_top_title p:first-child {
  width: 100%;
  font-size: 30px;
  font-weight: bold;
  line-height: 2;
  color: #262626;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.product_top_title p:last-child {
  width: 100%;
  font-size: 16px;
  color: #707070;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 15px 0 25px;
}

.product_top_info {
  width: 100%;
  display: inline-block;
}

.product_top_info p {
  font-size: 18px;
  color: #262626;
  margin-top: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product_top_info p:first-child {
  margin-top: unset;
}

/*内页*/
