@charset "UTF-8";
.title {
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 41px;
  line-height: 44px;
  color: #1D3185;
}

.en_title {
  margin-top: 8px;
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  color: #1F3144;
}

.title_1 {
  text-align: center;
  font-weight: 400;
  font-size: 40px;
  line-height: 58px;
  text-align: center;
  color: #1D3185;
}

.etitle_1 {
  text-align: center;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  color: #1F3144;
}

.banner {
  width: 100%;
  height: 680px;
  position: relative;
}

.banner img {
  width: 100%;
  height: 680px;
  position: absolute;
  top: 0;
  left: 0;
}

.banner .banner_box {
  width: 100%;
  height: auto;
  padding: 80px 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

.banner .banner_box .banner_title {
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 64px;
  line-height: 93px;
  color: #FFFFFF;
}

.banner .banner_box .banner_text {
  text-align: left;
  margin-top: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #FFFFFF;
}

.company {
  width: 100%;
  height: auto;
  padding: 160px 0;
  background: #FFFFFF;
}

.company .com_top {
  width: 100%;
  height: auto;
}

.company .com_top .com_item {
  width: 100%;
  height: 418px;
  display: none;
  flex-direction: row;
  justify-content: space-between;
}

.company .com_top .com_item .com_img {
  float: left;
  width: 743px;
  height: 100%;
}

.company .com_top .com_item .com_img img {
  width: 100%;
  height: 100%;
}

.company .com_top .com_item .com_content {
  float: right;
  width: 615px;
  height: auto;
}

.company .com_top .com_item .com_content .com_title {
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 31px;
  line-height: 34px;
  color: #1D3185;
}

.company .com_top .com_item .com_content .com_etitle {
  margin-top: 17px;
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 30px;
  color: #1F3144;
}

.company .com_top .com_item .com_content .com_text {
  margin-top: 19px;
  text-align: justify;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #1F3144;
}

.company .com_top .com_item.active {
  display: flex;
}

.company .com_bot {
  margin-top: 20px;
  width: 100%;
  height: auto;
}

.company .com_bot .com_b_item {
  width: 234px !important;
  height: 130px;
}

.company .com_bot .com_b_item img {
  width: 100%;
  height: 100%;
}

.company .com_bot .swiper-button-next:after, .company .com_bot .swiper-button-prev:after {
  content: '';
  width: 30px !important;
  height: 31px;
}

.company .com_bot .swiper-button-next:after {
  background: url(../img/about/com_next.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 20px;
}

.company .com_bot .swiper-button-prev:after {
  background: url(../img/about/cpm_prev.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 20px;
}

.video {
  width: 100%;
  height: auto;
  padding: 117px 0;
  background: #FAFAFA;
}

.video .video_box {
  width: 1504px;
  height: 846px;
}

.video .video_box video {
  width: 100%;
  height: 100%;
}

.layout {
  width: 100%;
  height: auto;
  padding: 160px 0;
  background: #FFFFFF;
}

.layout .layout_pc {
  width: 100%;
  height: auto;
}

.layout .layout_pc .title_1 {
  text-align: center;
  font-weight: 400;
  font-size: 40px;
  line-height: 58px;
  text-align: center;
  color: #1D3185;
}

.layout .layout_pc .etitle_1 {
  text-align: center;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  color: #1F3144;
}

.layout .layout_pc .lay_content {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  margin-top: 32px;
}

.layout .layout_pc .lay_content .lay_l {
  margin-top: 71px;
  width: 361px;
  height: 580px;
  overflow: hidden;
  overflow-y: auto;
  direction: rtl;
  box-shadow: 0 0 3px rgba(120, 120, 120, 0.35);
}

.layout .layout_pc .lay_content .lay_l::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}

.layout .layout_pc .lay_content .lay_l::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #1D3185;
}

.layout .layout_pc .lay_content .lay_l::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background: #C9CED6;
}

.layout .layout_pc .lay_content .lay_l .lay_l_item {
  width: 100%;
  height: 116px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
}

.layout .layout_pc .lay_content .lay_l .lay_l_item .lay_l_title {
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: #1F3144;
}

.layout .layout_pc .lay_content .lay_l .lay_l_item .lay_l_etitle {
  margin-top: 4px;
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #1F3144;
}

.layout .layout_pc .lay_content .lay_l .active {
  background: linear-gradient(90deg, rgba(29, 49, 133, 0.2) 0%, rgba(29, 49, 133, 0) 100%);
}

.layout .layout_pc .lay_content .lay_l .active::before {
  content: "";
  width: 4px;
  height: 44px;
  background: #1D3185;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.layout .layout_pc .lay_content .lay_r {
  width: 1200px;
  height: 631px;
  background: url(../img/about/lay_bg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.layout .layout_pc .lay_content .lay_r .lay_r_content {
  position: absolute;
  top: 71px;
  right: 57px;
}

.layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item {
  width: 742px;
  height: auto;
  background: #FFFFFF;
  box-shadow: 0px 0px 14px rgba(234, 234, 234, 0.75);
}

.layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_img {
  width: 100%;
  height: 360px;
}

.layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box {
  width: 100%;
  height: auto;
  padding: 30px;
}

.layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box .lay_r_tbox {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 20px;
}

.layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box .lay_r_tbox .lay_r_tbox_title {
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #1F3144;
}

.layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box .lay_r_tbox .lay_r_tbox_text {
  margin-top: 14px;
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #1F3144;
}

.layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box .lay_r_bbox {
  margin-top: 16px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

.layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box .lay_r_bbox .lay_r_bbox_item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box .lay_r_bbox .lay_r_bbox_item .lay_r_bbox_title {
  font-weight: 400;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  color: #1D3185;
}

.layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box .lay_r_bbox .lay_r_bbox_item .lay_r_bbox_text {
  margin-top: 11px;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  color: #1D3185;
}

.culture {
  width: 100%;
  height: auto;
  padding: 160px 0;
  background: url(../img/about/cul_bg.png) no-repeat;
  background-size: 100% 100%;
}

.culture .title_1 {
  text-align: center;
  font-weight: 400;
  font-size: 40px;
  line-height: 58px;
  text-align: center;
  color: #1D3185;
}

.culture .etitle_1 {
  text-align: center;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  color: #1F3144;
}

.culture .culture_content {
  margin-top: 40px;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.culture .culture_content .culture_item {
  width: 332px;
  height: 611px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  position: relative;
}

.culture .culture_content .culture_item .culture_tbox {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.culture .culture_content .culture_item .culture_tbox .cul_title {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 24px;
  color: #1D3185;
}

.culture .culture_content .culture_item .culture_tbox .cul_text {
  margin-left: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  color: #1D3185;
  opacity: 0.2;
}

.culture .culture_content .culture_item .cul_line {
  margin-top: 36px;
  width: 26px;
  height: 4px;
  background: #1D3185;
}

.culture .culture_content .culture_item .cul_img {
  margin-top: 43px;
  width: 100%;
  height: 180px;
}

.culture .culture_content .culture_item .cul_img img {
  width: 100%;
  height: 100%;
}

.culture .culture_content .culture_item .culture_item_text {
  text-align: left;
  margin-top: 28px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #1F3144;
}

.culture .culture_content .culture_item .culture_item_img {
  position: absolute;
  left: 0;
  bottom: 0;
}

.culture .culture_content .culture_item .culture_item_img img {
  width: 71.91px;
  height: 28.5px;
}

.honor {
  width: 100%;
  height: auto;
  padding: 160px 0;
  background: #FFFFFF;
}

.honor .honor_pc .honor_content {
  margin-top: 60px;
  padding-bottom: 60px;
  width: 100%;
  height: auto;
}

.honor .honor_pc .honor_content .swiper-wrapper {
  padding: 0 14px;
  width: calc(100% + 28px);
  margin-left: -14px;
}

.honor .honor_pc .honor_content .honor_item {
  width: 488px !important;
  height: auto;
  background: #FFFFFF;
  border: 1px solid #F2F2F2;
}

.honor .honor_pc .honor_content .honor_item:hover {
  border: 1px solid transparent;
  box-shadow: 0px 0px 14px rgba(234, 234, 234, 0.75);
}

.honor .honor_pc .honor_content .honor_item:hover .honor_item_box .honor_item_title {
  color: #1D3185;
}

.honor .honor_pc .honor_content .honor_item .honor_item_img {
  cursor: pointer;
  width: 100%;
  height: 366px;
}

.honor .honor_pc .honor_content .honor_item .honor_item_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.honor .honor_pc .honor_content .honor_item .honor_item_box {
  padding: 20px 20px 47px 20px;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.honor .honor_pc .honor_content .honor_item .honor_item_box .tags {
  display: inline-block;
  padding: 4px 16px;
  background: #F4F6FF;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #1D3185;
}

.honor .honor_pc .honor_content .honor_item .honor_item_box .honor_item_title {
  height: 76px;
  margin-top: 20px;
  text-align: justify;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #231F20;
}

.honor .swiper-pagination-bullet {
  width: 20px;
  height: 8px;
  background: #D9D9D9;
  margin: 0 4px;
  border-radius: 0;
  opacity: 1;
}

.honor .swiper-pagination {
  margin-top: 60px;
  margin-left: 50%;
  transform: translateX(-50%);
}

.honor .swiper-pagination-bullet-active {
  width: 40px;
  background: #1D3185;
}

.history {
  width: 100%;
  height: auto;
  padding: 160px 0;
  background: url(../img/about/his_bg.jpg) no-repeat;
  background-size: 100% 100%;
}

.history .history_content {
  width: 100%;
  height: auto;
  margin-top: 148px;
}

.history .history_content .history_top {
  width: 100%;
  height: auto;
}

.history .history_content .history_top .his_t_item {
  display: flex;
  flex-direction: row;
}

.history .history_content .history_top .his_t_item .his_t_item_img {
  width: 488px;
  height: 274px;
}

.history .history_content .history_top .his_t_item .his_t_item_img img {
  width: 100%;
  height: 100%;
}

.history .history_content .history_top .his_t_item .his_t_item_tbox {
  margin-left: 147px;
  width: 525px;
  height: auto;
  position: relative;
}

.history .history_content .history_top .his_t_item .his_t_item_tbox .his_t_item_title {
  margin-top: 40px;
  position: relative;
  z-index: 2;
  text-align: left;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  color: #1F3144;
}

.history .history_content .history_top .his_t_item .his_t_item_tbox .his_t_item_title span:nth-of-type(2) {
  margin-left: 24px;
}

.history .history_content .history_top .his_t_item .his_t_item_tbox .his_t_item_text {
  position: relative;
  z-index: 2;
  margin-top: 24px;
  text-align: left;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #1F3144;
  opacity: 0.6;
}

.history .history_content .history_top .his_t_item .his_t_item_tbox .his_bg_text {
  z-index: 1;
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: -60px;
  font-style: normal;
  font-weight: 500;
  font-size: 160px;
  line-height: 237px;
  color: #EBEBEB;
  filter: blur(6px);
}

.history .history_bot {
  margin-top: 219px;
  width: 100%;
  height: auto;
}

.history .history_bot .bot_line {
  width: 100%;
  height: 1px;
  background: #E6E6E6;
}

.history .history_bot .his_bot_box {
  position: absolute;
  top: -3.5px;
  left: 0;
  max-width: 1504px;
}

.history .history_bot .his_bot_box .history_b_item {
  cursor: pointer;
  width: 197.5px !important;
  margin-right: 100px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
}

.history .history_bot .his_bot_box .history_b_item:first-child {
  margin-left: 117px;
}

.history .history_bot .his_bot_box .history_b_item .cri {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.history .history_bot .his_bot_box .history_b_item .cri .drop {
  width: 5px;
  height: 5px;
  background: #999999;
  border-radius: 50%;
}

.history .history_bot .his_bot_box .history_b_item .cri .line {
  display: none;
  width: 195px;
  height: 1px;
  background: #1D3185;
}

.history .history_bot .his_bot_box .history_b_item p {
  margin-left: -8%;
  margin-top: 14px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #666666;
}

.history .history_bot .his_bot_box .history_b_item.active .cri .drop {
  background: #1D3185;
}

.history .history_bot .his_bot_box .history_b_item.active .cri .line {
  display: block;
}

.history .history_bot .his_bot_box .history_b_item.active p {
  color: #1D3185;
}

.history .history_bot .swiper-button-next:after, .history .history_bot .swiper-button-prev:after {
  content: '';
  width: 38px !important;
  height: 38px;
}

.history .history_bot .swiper-button-prev {
  left: 0;
}

.history .history_bot .swiper-button-next {
  right: 0;
}

.history .history_bot .swiper-button-next:after {
  background: url(../img/about/hid_icon_next.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0px;
}

.history .history_bot .swiper-button-prev.swiper-button-disabled {
  width: 38px;
  height: 38px;
  opacity: 1;
  background: url(../img/about/hid_icon_prev1.png) no-repeat;
  background-size: 100% 100%;
}

.history .history_bot .swiper-button-prev.swiper-button-disabled::after {
  background: none;
}

.history .history_bot .swiper-button-next.swiper-button-disabled {
  width: 38px;
  height: 38px;
  opacity: 1;
  background: url(../img/about/hid_icon_next1.png) no-repeat;
  background-size: 100% 100%;
}

.history .history_bot .swiper-button-next.swiper-button-disabled::after {
  background: none;
}

.history .history_bot .swiper-button-prev:after {
  background: url(../img/about/hid_icon_prev.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0px;
}

.panda {
  width: 100%;
  height: auto;
  padding: 160px 0 0 0;
  background: #FFFFFF;
}

.panda .panda_pc .pa_content {
  margin-top: 150px;
  width: auto;
  height: auto;
  padding-bottom: 160px;
  position: relative;
  z-index: 2;
}

.panda .panda_pc .pa_content .pa_top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.panda .panda_pc .pa_content .pa_top .pa_item .pa_item_title {
  display: flex;
  flex-direction: column;
  text-align: left;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 53px;
  color: #1F3144;
}

.panda .panda_pc .pa_content .pa_top .pa_item .pa_item_title span:last-child {
  margin-top: 9px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  color: #666666;
}

.panda .panda_pc .pa_content .pa_top .pa_item .pa_item_img {
  margin-top: 30px;
  width: 32px;
  height: 32px;
}

.panda .panda_pc .pa_content .pa_top .pa_item .pa_item_img img {
  width: 100%;
  height: 100%;
}

.panda .panda_pc .pa_content .pa_top .pa_item .pa_item_topic {
  width: 488px;
  text-align: left;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  color: #1F3144;
}

.panda .panda_pc .pa_content .pa_top .pa_item .pa_item_text {
  margin-top: 8px;
  width: 488px;
  text-align: left;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #1F3144;
  opacity: 0.6;
}

.panda .panda_pc .pa_content .pa_bot {
  width: 780px;
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  height: auto;
}

.panda .panda_pc .pa_content .pa_bot .pa_bot_item {
  cursor: pointer;
  margin-right: 15px;
  margin-bottom: 15px;
  width: 150px;
  height: 150px;
}

.panda .panda_pc .pa_content .pa_bot .pa_bot_item img {
  width: 100%;
  height: 100%;
}

.panda .panda_pc .pa_content .pa_bot .pa_bot_item.active {
  border: 2px solid #1D3185;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.24);
}

.panda .panda_pc .pa_booth {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
}

.panda .panda_pc .pa_booth .pa_booth_item {
  width: 756px;
  height: auto;
}

.panda .panda_pc .pa_booth .pa_booth_item img {
  width: 100%;
  height: auto;
}

.exhibit {
  width: 100%;
  height: auto;
  padding: 160px 0;
  background: #FAFAFA;
}

.exhibit .exhibit_pc .exhibit_content {
  width: 100%;
  height: auto;
}

.exhibit .exhibit_pc .exhibit_content .exhibit_top {
  display: flex;
  flex-direction: row;
  height: 260px;
}

.exhibit .exhibit_pc .exhibit_content .exhibit_top .exhibit_img {
  width: 1128px;
  height: 100%;
  overflow: hidden;
}

.exhibit .exhibit_pc .exhibit_content .exhibit_top .exhibit_img:hover img {
  transform: scale(1.2);
}

.exhibit .exhibit_pc .exhibit_content .exhibit_top .exhibit_img img {
  width: 100%;
  height: 100%;
  transition: all 2s;
  object-fit: cover;
}

.exhibit .exhibit_pc .exhibit_content .exhibit_top .exhibit_text {
  width: 376px;
  height: 260px;
  background: #1D3185;
  position: relative;
}

.exhibit .exhibit_pc .exhibit_content .exhibit_top .exhibit_text p {
  text-align: center;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 260px;
  text-align: center;
  color: #FFFFFF;
}

.exhibit .exhibit_pc .exhibit_content .exhibit_top .exhibit_text img {
  position: absolute;
  width: 38px;
  height: 38px;
  top: 50%;
  left: -19px;
  transform: translateY(-50%);
}

.exhibit .exhibit_pc .exhibit_content .exhibit_bot {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item {
  display: flex;
  flex-direction: row;
}

.exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item .exhibit_img {
  width: 376px;
  height: 260px;
  overflow: hidden;
}

.exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item .exhibit_img:hover img {
  transform: scale(1.2);
}

.exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item .exhibit_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 2s;
}

.exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item .exhibit_text {
  width: 376px;
  height: 260px;
  background: #FFFFFF;
  position: relative;
}

.exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item .exhibit_text p {
  text-align: center;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 260px;
  text-align: center;
  color: #1D3185;
}

.exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item .exhibit_text img {
  z-index: 2;
  position: absolute;
  width: 38px;
  height: 38px;
  top: 50%;
  transform: translateY(-50%);
}

.exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item:nth-of-type(1) .exhibit_text img {
  right: -19px;
}

.exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item:nth-of-type(2) .exhibit_text img {
  right: -19px;
}

.exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item:nth-of-type(3) .exhibit_text img {
  left: -19px;
}

.exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item:nth-of-type(4) .exhibit_text img {
  left: -19px;
}

.hall {
  width: 100%;
  height: auto;
  padding: 160px 0;
  padding-bottom: 128pxs;
  background: #FFFFFF;
}

.hall .hall_content {
  margin-top: 65px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.hall .hall_content .hall_item {
  margin-right: 48px;
  margin-bottom: 32px;
  width: 469px;
  height: 293px;
  overflow: hidden;
}

.hall .hall_content .hall_item:hover img {
  transform: scale(1.2);
}

.hall .hall_content .hall_item img {
  width: 100%;
  height: 100%;
  transition: all 2s;
}

.hall .hall_content .hall_item:nth-of-type(3n) {
  margin-right: 0;
}

.image_pup {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.5);
}

.image_pup span {
  cursor: pointer;
  position: absolute;
  top: 100px;
  right: 100px;
  font-size: 50px;
  color: #FFFFFF;
}

.image_pup .image_pup_item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 800px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image_pup .image_pup_item img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1600px) {
  .title {
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 2.17813vw;
    line-height: 2.3375vw;
    color: #1D3185;
  }
  .en_title {
    margin-top: 0.425vw;
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 0.69062vw;
    line-height: 1.275vw;
    color: #1F3144;
  }
  .title_1 {
    text-align: center;
    font-weight: 400;
    font-size: 2.125vw;
    line-height: 3.08125vw;
    text-align: center;
    color: #1D3185;
  }
  .etitle_1 {
    text-align: center;
    font-weight: 400;
    font-size: 0.69062vw;
    line-height: 1.275vw;
    text-align: center;
    color: #1F3144;
  }
  .banner {
    width: 100%;
    height: 36.125vw;
    position: relative;
  }
  .banner img {
    width: 100%;
    height: 36.125vw;
    position: absolute;
    top: 0;
    left: 0;
  }
  .banner .banner_box {
    width: 100%;
    height: auto;
    padding: 4.25vw 0;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .banner .banner_box .banner_title {
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 3.4vw;
    line-height: 4.94062vw;
    color: #FFFFFF;
  }
  .banner .banner_box .banner_text {
    text-align: left;
    margin-top: 0.425vw;
    font-style: normal;
    font-weight: 400;
    font-size: 0.85vw;
    line-height: 1.11562vw;
    color: #FFFFFF;
  }
  .company {
    width: 100%;
    height: auto;
    padding: 11.2625vw 0 15.9375vw 0;
    background: #FFFFFF;
  }
  .company .com_top {
    width: 100%;
    height: auto;
  }
  .company .com_top .com_item {
    width: 100%;
    height: 22.20625vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .company .com_top .com_item .com_img {
    width: 39.47187vw;
    height: 100%;
  }
  .company .com_top .com_item .com_img img {
    width: 100%;
    height: 100%;
  }
  .company .com_top .com_item .com_content {
    width: 32.67188vw;
    height: auto;
  }
  .company .com_top .com_item .com_content .com_title {
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 1.64687vw;
    line-height: 1.80625vw;
    color: #1D3185;
  }
  .company .com_top .com_item .com_content .com_etitle {
    margin-top: 0.90312vw;
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 0.90312vw;
    line-height: 1.59375vw;
    color: #1F3144;
  }
  .company .com_top .com_item .com_content .com_text {
    margin-top: 1.00937vw;
    text-align: justify;
    font-style: normal;
    font-weight: 400;
    font-size: 0.74375vw;
    line-height: 1.16875vw;
    color: #1F3144;
  }
  .company .com_bot {
    margin-top: 1.0625vw;
    width: 100%;
    height: auto;
  }
  .company .com_bot .com_b_item {
    width: 12.43125vw !important;
    height: 6.90625vw;
  }
  .company .com_bot .com_b_item img {
    width: 100%;
    height: 100%;
  }
  .company .com_bot .swiper-button-next:after, .company .com_bot .swiper-button-prev:after {
    content: '';
    width: 1.59375vw !important;
    height: 1.64687vw;
  }
  .company .com_bot .swiper-button-next:after {
    background: url(../img/about/com_next.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 1.0625vw;
  }
  .company .com_bot .swiper-button-prev:after {
    background: url(../img/about/cpm_prev.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 1.0625vw;
  }
  .video {
    width: 100%;
    height: auto;
    padding: 6.21563vw 0;
    background: #FAFAFA;
  }
  .video .video_box {
    width: 79.9vw;
    height: 44.94375vw;
  }
  .video .video_box video {
    width: 100%;
    height: 100%;
  }
  .layout {
    width: 100%;
    height: auto;
    padding: 8.5vw 0;
    background: #FFFFFF;
  }
  .layout .layout_pc {
    width: 100%;
    height: auto;
  }
  .layout .layout_pc .title_1 {
    text-align: center;
    font-weight: 400;
    font-size: 2.125vw;
    line-height: 3.08125vw;
    text-align: center;
    color: #1D3185;
  }
  .layout .layout_pc .etitle_1 {
    text-align: center;
    font-weight: 400;
    font-size: 0.69062vw;
    line-height: 1.275vw;
    text-align: center;
    color: #1F3144;
  }
  .layout .layout_pc .lay_content {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    margin-top: 1.7vw;
  }
  .layout .layout_pc .lay_content .lay_l {
    margin-top: 3.77188vw;
    width: 19.17812vw;
    height: 30.8125vw;
    overflow: hidden;
    overflow-y: auto;
    direction: rtl;
  }
  .layout .layout_pc .lay_content .lay_l::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 0.26562vw;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 0.26562vw;
  }
  .layout .layout_pc .lay_content .lay_l::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 0.26562vw;
    -webkit-box-shadow: inset 0 0 0.26562vw rgba(0, 0, 0, 0.2);
    background: #1D3185;
  }
  .layout .layout_pc .lay_content .lay_l::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 0.26562vw rgba(0, 0, 0, 0.2);
    border-radius: 0.26562vw;
    background: #C9CED6;
  }
  .layout .layout_pc .lay_content .lay_l .lay_l_item {
    width: 100%;
    height: 6.1625vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding-left: 1.0625vw;
    cursor: pointer;
  }
  .layout .layout_pc .lay_content .lay_l .lay_l_item .lay_l_title {
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 1.0625vw;
    line-height: 1.7vw;
    color: #1F3144;
  }
  .layout .layout_pc .lay_content .lay_l .lay_l_item .lay_l_etitle {
    margin-top: 0.2125vw;
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 0.74375vw;
    line-height: 1.275vw;
    color: #1F3144;
  }
  .layout .layout_pc .lay_content .lay_l .active {
    background: linear-gradient(90deg, rgba(29, 49, 133, 0.2) 0%, rgba(29, 49, 133, 0) 100%);
  }
  .layout .layout_pc .lay_content .lay_l .active::before {
    content: "";
    width: 0.2125vw;
    height: 2.3375vw;
    background: #1D3185;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .layout .layout_pc .lay_content .lay_r {
    width: 63.75vw;
    height: 33.52188vw;
    background: url(../img/about/lay_bg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
  }
  .layout .layout_pc .lay_content .lay_r .lay_r_content {
    position: absolute;
    top: 3.77188vw;
    right: 3.02812vw;
  }
  .layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item {
    width: 39.41875vw;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0vw 0vw 0.74375vw rgba(234, 234, 234, 0.75);
  }
  .layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_img {
    width: 100%;
    height: 19.125vw;
  }
  .layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_img img {
    width: 100%;
    height: 100%;
  }
  .layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box {
    width: 100%;
    height: auto;
    padding: 1.59375vw;
  }
  .layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box .lay_r_tbox {
    border-bottom: 0.05312vw solid rgba(0, 0, 0, 0.2);
    padding-bottom: 1.0625vw;
  }
  .layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box .lay_r_tbox .lay_r_tbox_title {
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 1.275vw;
    line-height: 1.7vw;
    color: #1F3144;
  }
  .layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box .lay_r_tbox .lay_r_tbox_text {
    margin-top: 0.74375vw;
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 0.74375vw;
    line-height: 0.95625vw;
    color: #1F3144;
  }
  .layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box .lay_r_bbox {
    margin-top: 0.85vw;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
  .layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box .lay_r_bbox .lay_r_bbox_item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box .lay_r_bbox .lay_r_bbox_item .lay_r_bbox_title {
    font-weight: 400;
    font-size: 1.275vw;
    line-height: 1.85938vw;
    text-align: center;
    color: #1D3185;
  }
  .layout .layout_pc .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box .lay_r_bbox .lay_r_bbox_item .lay_r_bbox_text {
    margin-top: 0.58437vw;
    font-weight: 400;
    font-size: 0.79688vw;
    line-height: 1.275vw;
    text-align: center;
    color: #1D3185;
  }
  .culture {
    width: 100%;
    height: auto;
    padding: 8.5vw 0;
    background: url(../img/about/cul_bg.png) no-repeat;
    background-size: 100% 100%;
  }
  .culture .title_1 {
    text-align: center;
    font-weight: 400;
    font-size: 2.125vw;
    line-height: 3.08125vw;
    text-align: center;
    color: #1D3185;
  }
  .culture .etitle_1 {
    text-align: center;
    font-weight: 400;
    font-size: 0.69062vw;
    line-height: 1.275vw;
    text-align: center;
    color: #1F3144;
  }
  .culture .culture_content {
    margin-top: 2.125vw;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .culture .culture_content .culture_item {
    width: 17.6375vw;
    height: 32.45938vw;
    border-right: 0.05312vw solid rgba(0, 0, 0, 0.2);
    position: relative;
  }
  .culture .culture_content .culture_item .culture_tbox {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .culture .culture_content .culture_item .culture_tbox .cul_title {
    font-style: normal;
    font-weight: 400;
    font-size: 1.7vw;
    line-height: 1.275vw;
    color: #1D3185;
  }
  .culture .culture_content .culture_item .culture_tbox .cul_text {
    margin-left: 0.425vw;
    font-style: normal;
    font-weight: 400;
    font-size: 1.275vw;
    line-height: 1.275vw;
    color: #1D3185;
    opacity: 0.2;
  }
  .culture .culture_content .culture_item .cul_line {
    margin-top: 1.9125vw;
    width: 1.38125vw;
    height: 0.2125vw;
    background: #1D3185;
  }
  .culture .culture_content .culture_item .cul_img {
    margin-top: 2.28437vw;
    width: 100%;
    height: 9.5625vw;
  }
  .culture .culture_content .culture_item .cul_img img {
    width: 100%;
    height: 100%;
  }
  .culture .culture_content .culture_item .culture_item_text {
    text-align: left;
    margin-top: 1.4875vw;
    font-weight: 400;
    font-size: 0.8vw;
    line-height: 1.2vw;
    color: #1F3144;
  }
  .culture .culture_content .culture_item .culture_item_img {
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .culture .culture_content .culture_item .culture_item_img img {
    width: 3.82022vw;
    height: 1.51406vw;
  }
  .honor {
    width: 100%;
    height: auto;
    padding: 8.5vw 0;
    background: #FFFFFF;
  }
  .honor .honor_pc .honor_content {
    padding-bottom: 3.1875vw;
    margin-top: 3.1875vw;
    width: 100%;
    height: auto;
  }
  .honor .honor_pc .honor_content .swiper-wrapper {
    padding: 0 14px;
    width: calc(100% + 28px);
    margin-left: -14px;
  }
  .honor .honor_pc .honor_content .honor_item {
    width: 25.925vw !important;
    height: auto;
    background: #FFFFFF;
    border: 0.05312vw solid #F2F2F2;
  }
  .honor .honor_pc .honor_content .honor_item:hover {
    border: 0.05312vw solid transparent;
    box-shadow: 0vw 0vw 0.74375vw rgba(234, 234, 234, 0.75);
  }
  .honor .honor_pc .honor_content .honor_item:hover .honor_item_box .honor_item_title {
    color: #1D3185;
  }
  .honor .honor_pc .honor_content .honor_item .honor_item_img {
    width: 100%;
    height: 19.44375vw;
  }
  .honor .honor_pc .honor_content .honor_item .honor_item_img img {
    width: 100%;
    height: 100%;
  }
  .honor .honor_pc .honor_content .honor_item .honor_item_box {
    padding: 1.0625vw 1.0625vw 2.49687vw 1.0625vw;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .honor .honor_pc .honor_content .honor_item .honor_item_box .tags {
    display: inline-block;
    padding: 0.2125vw 0.85vw;
    background: #F4F6FF;
    font-style: normal;
    font-weight: 400;
    font-size: 0.85vw;
    line-height: 1.11562vw;
    color: #1D3185;
  }
  .honor .honor_pc .honor_content .honor_item .honor_item_box .honor_item_title {
    margin-top: 1.0625vw;
    text-align: justify;
    font-style: normal;
    font-weight: 400;
    font-size: 0.8vw;
    line-height: 1.5vw;
    color: #231F20;
  }
  .honor .swiper-pagination-bullet {
    width: 1.0625vw;
    height: 0.425vw;
    background: #D9D9D9;
    margin: 0 0.2125vw;
    border-radius: 0;
    opacity: 1;
  }
  .honor .swiper-pagination {
    margin-top: 3.1875vw;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  .honor .swiper-pagination-bullet-active {
    width: 2.125vw;
    background: #1D3185;
  }
  .history {
    width: 100%;
    height: auto;
    padding: 8.5vw 0;
    background: #FAFAFA;
  }
  .history .history_content {
    width: 100%;
    height: auto;
    margin-top: 7.8625vw;
  }
  .history .history_content .history_top {
    width: 100%;
    height: auto;
  }
  .history .history_content .history_top .his_t_item {
    display: flex;
    flex-direction: row;
  }
  .history .history_content .history_top .his_t_item .his_t_item_img {
    width: 25.925vw;
    height: 14.55625vw;
  }
  .history .history_content .history_top .his_t_item .his_t_item_img img {
    width: 100%;
    height: 100%;
  }
  .history .history_content .history_top .his_t_item .his_t_item_tbox {
    margin-left: 7.80938vw;
    width: 27.89062vw;
    height: auto;
    position: relative;
  }
  .history .history_content .history_top .his_t_item .his_t_item_tbox .his_t_item_title {
    margin-top: 2.125vw;
    position: relative;
    z-index: 2;
    text-align: left;
    font-style: normal;
    font-weight: 700;
    font-size: 1.0625vw;
    line-height: 1.7vw;
    color: #1F3144;
  }
  .history .history_content .history_top .his_t_item .his_t_item_tbox .his_t_item_title span:nth-of-type(2) {
    margin-left: 1.275vw;
  }
  .history .history_content .history_top .his_t_item .his_t_item_tbox .his_t_item_text {
    position: relative;
    z-index: 2;
    margin-top: 1.275vw;
    text-align: left;
    font-style: normal;
    font-weight: 700;
    font-size: 0.74375vw;
    line-height: 1.16875vw;
    color: #1F3144;
    opacity: 0.6;
  }
  .history .history_content .history_top .his_t_item .his_t_item_tbox .his_bg_text {
    z-index: 1;
    white-space: nowrap;
    position: absolute;
    left: 0;
    top: -3.1875vw;
    font-style: normal;
    font-weight: 500;
    font-size: 8.5vw;
    line-height: 12.59062vw;
    color: #EBEBEB;
    filter: blur(0.31875vw);
  }
  .history .history_bot {
    margin-top: 11.63438vw;
    width: 100%;
    height: auto;
  }
  .history .history_bot .bot_line {
    width: 100%;
    height: 0.05312vw;
    background: #E6E6E6;
  }
  .history .history_bot .his_bot_box {
    max-width: 79.9vw;
    position: absolute;
    top: -0.18594vw;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .history .history_bot .his_bot_box .history_b_item {
    width: 10.49219vw;
    margin-right: 5.3125vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
  }
  .history .history_bot .his_bot_box .history_b_item:first-child {
    margin-left: 6.21563vw;
  }
  .history .history_bot .his_bot_box .history_b_item .cri {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .history .history_bot .his_bot_box .history_b_item .cri .drop {
    width: 0.26562vw;
    height: 0.26562vw;
    background: #999999;
    border-radius: 50%;
  }
  .history .history_bot .his_bot_box .history_b_item .cri .line {
    display: none;
    width: 10.35938vw;
    height: 0.05312vw;
    background: #1D3185;
  }
  .history .history_bot .his_bot_box .history_b_item p {
    margin-left: -8%;
    margin-top: 0.74375vw;
    font-style: normal;
    font-weight: 400;
    font-size: 0.85vw;
    line-height: 1.275vw;
    text-align: center;
    color: #666666;
  }
  .history .history_bot .swiper-button-next:after, .history .history_bot .swiper-button-prev:after {
    content: '';
    width: 2.01875vw !important;
    height: 2.01875vw;
  }
  .history .history_bot .swiper-button-prev {
    left: 0;
  }
  .history .history_bot .swiper-button-next {
    right: 0;
  }
  .history .history_bot .swiper-button-next:after {
    background: url(../img/about/hid_icon_next.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0vw;
  }
  .history .history_bot .swiper-button-prev.swiper-button-disabled {
    margin-top: -1.00937vw;
    width: 2.01875vw;
    height: 2.01875vw;
    opacity: 1;
    background: url(../img/about/hid_icon_prev1.png) no-repeat;
    background-size: 100% 100%;
  }
  .history .history_bot .swiper-button-prev.swiper-button-disabled::after {
    background: none;
  }
  .history .history_bot .swiper-button-next.swiper-button-disabled {
    margin-top: -1.00937vw;
    width: 2.01875vw;
    height: 2.01875vw;
    opacity: 1;
    background: url(../img/about/hid_icon_next1.png) no-repeat;
    background-size: 100% 100%;
  }
  .history .history_bot .swiper-button-next.swiper-button-disabled::after {
    background: none;
  }
  .history .history_bot .swiper-button-prev:after {
    background: url(../img/about/hid_icon_prev.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0vw;
  }
  .panda {
    width: 100%;
    height: auto;
    padding: 8.5vw 0 0 0;
    background: #FFFFFF;
  }
  .panda .panda_pc .pa_content {
    margin-top: 7.96875vw;
    width: auto;
    height: auto;
    padding-bottom: 8.5vw;
    position: relative;
    z-index: 2;
  }
  .panda .panda_pc .pa_content .pa_top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .panda .panda_pc .pa_content .pa_top .pa_item .pa_item_title {
    text-align: left;
    font-style: normal;
    font-weight: 700;
    font-size: 2.125vw;
    line-height: 2.81562vw;
    color: #1F3144;
  }
  .panda .panda_pc .pa_content .pa_top .pa_item .pa_item_title span:last-child {
    margin-top: 0.47812vw;
    font-style: normal;
    font-weight: 400;
    font-size: 0.95625vw;
    line-height: 1.11562vw;
    color: #666666;
  }
  .panda .panda_pc .pa_content .pa_top .pa_item .pa_item_img {
    margin-top: 1.59375vw;
    width: 1.7vw;
    height: 1.7vw;
  }
  .panda .panda_pc .pa_content .pa_top .pa_item .pa_item_img img {
    width: 100%;
    height: 100%;
  }
  .panda .panda_pc .pa_content .pa_top .pa_item .pa_item_topic {
    width: 25.925vw;
    text-align: left;
    font-style: normal;
    font-weight: 700;
    font-size: 0.85vw;
    line-height: 1.38125vw;
    color: #1F3144;
  }
  .panda .panda_pc .pa_content .pa_top .pa_item .pa_item_text {
    margin-top: 0.425vw;
    width: 25.925vw;
    text-align: left;
    font-style: normal;
    font-weight: 700;
    font-size: 0.74375vw;
    line-height: 1.16875vw;
    color: #1F3144;
    opacity: 0.6;
  }
  .panda .panda_pc .pa_content .pa_bot {
    margin-top: 0.79688vw;
    width: 41.4375vw;
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: auto;
  }
  .panda .panda_pc .pa_content .pa_bot .pa_bot_item {
    cursor: pointer;
    margin-right: 0.79688vw;
    margin-bottom: 0.79688vw;
    width: 7.96875vw;
    height: 7.96875vw;
  }
  .panda .panda_pc .pa_content .pa_bot .pa_bot_item img {
    width: 100%;
    height: 100%;
  }
  .panda .panda_pc .pa_content .pa_bot .pa_bot_item.active {
    border: 0.10625vw solid #1D3185;
    box-shadow: 0vw 0vw 0.74375vw rgba(0, 0, 0, 0.24);
  }
  .panda .panda_pc .pa_booth {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
  }
  .panda .panda_pc .pa_booth .pa_booth_item {
    width: 40.1625vw;
    height: auto;
  }
  .panda .panda_pc .pa_booth .pa_booth_item img {
    width: 100%;
    height: auto;
  }
  .exhibit {
    width: 100%;
    height: auto;
    padding: 8.5vw 0;
    background: #FAFAFA;
  }
  .exhibit .exhibit_pc .exhibit_content {
    width: 100%;
    height: auto;
  }
  .exhibit .exhibit_pc .exhibit_content .exhibit_top {
    display: flex;
    flex-direction: row;
    height: 13.8125vw;
  }
  .exhibit .exhibit_pc .exhibit_content .exhibit_top .exhibit_img {
    width: 59.925vw;
    height: 100%;
    overflow: hidden;
  }
  .exhibit .exhibit_pc .exhibit_content .exhibit_top .exhibit_img:hover img {
    transform: scale(1.2);
  }
  .exhibit .exhibit_pc .exhibit_content .exhibit_top .exhibit_img img {
    width: 100%;
    height: 100%;
    transition: all 2s;
  }
  .exhibit .exhibit_pc .exhibit_content .exhibit_top .exhibit_text {
    width: 19.975vw;
    height: 13.8125vw;
    background: #1D3185;
    position: relative;
  }
  .exhibit .exhibit_pc .exhibit_content .exhibit_top .exhibit_text p {
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 1vw;
    line-height: 13.8125vw;
    text-align: center;
    color: #FFFFFF;
  }
  .exhibit .exhibit_pc .exhibit_content .exhibit_top .exhibit_text img {
    position: absolute;
    width: 2.01875vw;
    height: 2.01875vw;
    top: 50%;
    left: -1.00937vw;
    transform: translateY(-50%);
  }
  .exhibit .exhibit_pc .exhibit_content .exhibit_bot {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item {
    display: flex;
    flex-direction: row;
  }
  .exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item .exhibit_img {
    width: 19.975vw;
    height: 13.8125vw;
    overflow: hidden;
  }
  .exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item .exhibit_img:hover img {
    transform: scale(1.2);
  }
  .exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item .exhibit_img img {
    width: 100%;
    height: 100%;
    transition: all 2s;
  }
  .exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item .exhibit_text {
    width: 19.975vw;
    height: 13.8125vw;
    background: #FFFFFF;
    position: relative;
  }
  .exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item .exhibit_text p {
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 1vw;
    line-height: 13.8125vw;
    text-align: center;
    color: #1D3185;
  }
  .exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item .exhibit_text img {
    z-index: 2;
    position: absolute;
    width: 2.01875vw;
    height: 2.01875vw;
    top: 50%;
    transform: translateY(-50%);
  }
  .exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item:nth-of-type(1) .exhibit_text img {
    right: -1.00937vw;
  }
  .exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item:nth-of-type(2) .exhibit_text img {
    right: -1.00937vw;
  }
  .exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item:nth-of-type(3) .exhibit_text img {
    left: -1.00937vw;
  }
  .exhibit .exhibit_pc .exhibit_content .exhibit_bot .exhibit_bot_item:nth-of-type(4) .exhibit_text img {
    left: -1.00937vw;
  }
  .hall {
    width: 100%;
    height: auto;
    padding: 8.5vw 0;
    padding-bottom: 6.8vw;
    background: #FFFFFF;
  }
  .hall .hall_content {
    margin-top: 3.45312vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .hall .hall_content .hall_item {
    margin-right: 2.55vw;
    margin-bottom: 1.7vw;
    width: 24.91562vw;
    height: 15.56562vw;
    overflow: hidden;
  }
  .hall .hall_content .hall_item:hover img {
    transform: scale(1.2);
  }
  .hall .hall_content .hall_item img {
    width: 100%;
    height: 100%;
    transition: all 2s;
  }
  .hall .hall_content .hall_item:nth-of-type(3n) {
    margin-right: 0;
  }
  .image_pup {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.5);
  }
  .image_pup span {
    cursor: pointer;
    position: absolute;
    top: 5.3125vw;
    right: 5.3125vw;
    font-size: 2.65625vw;
    color: #FFFFFF;
  }
  .image_pup .image_pup_item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 42.5vw;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .image_pup .image_pup_item img {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 1023px) {
  body, html {
    overflow: auto;
    height: auto;
    width: 100%;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
  }
  .title {
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 5.46667vw;
    line-height: 5.86667vw;
    color: #1D3185;
  }
  .en_title {
    margin-top: 1.06667vw;
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 3.46667vw;
    line-height: 8vw;
    color: #1F3144;
  }
  .title_1 {
    text-align: center;
    font-weight: 400;
    font-size: 5.33333vw;
    line-height: 7.73333vw;
    text-align: center;
    color: #1D3185;
  }
  .etitle_1 {
    text-align: center;
    font-weight: 400;
    font-size: 3.46667vw;
    line-height: 8vw;
    text-align: center;
    color: #1F3144;
  }
  .banner {
    width: 100%;
    height: 181.33333vw;
    position: relative;
  }
  .banner img {
    width: 100%;
    height: 181.33333vw;
    position: absolute;
    top: 0;
    left: 0;
  }
  .banner .banner_box {
    width: 100%;
    height: auto;
    padding: 10.66667vw 0;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .banner .banner_box .banner_title {
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 8.53333vw;
    line-height: 12.4vw;
    color: #FFFFFF;
  }
  .banner .banner_box .banner_text {
    text-align: left;
    margin-top: 1.06667vw;
    font-style: normal;
    font-weight: 400;
    font-size: 4.26667vw;
    line-height: 6.93333vw;
    color: #FFFFFF;
  }
  .company {
    width: 100%;
    height: auto;
    padding: 10.66667vw 0;
    background: #FFFFFF;
  }
  .company .com_top {
    width: 100%;
    height: auto;
  }
  .company .com_top .com_t_imgbox .com_item {
    width: 100%;
    height: 52.26667vw;
    display: none;
    flex-direction: row;
    justify-content: space-between;
  }
  .company .com_top .com_t_imgbox .com_item .com_img {
    float: left;
    width: 100%;
    height: 100%;
  }
  .company .com_top .com_t_imgbox .com_item .com_img img {
    width: 100%;
    height: 100%;
  }
  .company .com_top .com_t_imgbox .com_item.active {
    display: flex;
  }
  .company .com_top .com_bot {
    margin-top: 2.66667vw;
    width: 100%;
    height: auto;
  }
  .company .com_top .com_bot .com_b_item {
    width: 29.6vw !important;
    height: 16.53333vw;
  }
  .company .com_top .com_bot .com_b_item img {
    width: 100%;
    height: 100%;
  }
  .company .com_top .com_bot .swiper-button-next:after, .company .com_top .com_bot .swiper-button-prev:after {
    content: '';
    width: 6vw !important;
    height: 6vw;
  }
  .company .com_top .com_bot .swiper-button-next:after {
    background: url(../img/about/com_next.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 1.6vw;
  }
  .company .com_top .com_bot .swiper-button-prev:after {
    background: url(../img/about/cpm_prev.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 1.6vw;
  }
  .company .com_content {
    margin-top: 3.2vw;
    width: 100%;
    height: auto;
  }
  .company .com_content .com_title {
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 5.33333vw;
    line-height: 8vw;
    color: #1D3185;
  }
  .company .com_content .com_etitle {
    margin-top: 1.06667vw;
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 3.46667vw;
    line-height: 4.53333vw;
    color: #1F3144;
  }
  .company .com_content .com_text {
    margin-top: 2.66667vw;
    text-align: justify;
    font-style: normal;
    font-weight: 400;
    font-size: 3.73333vw;
    line-height: 5.86667vw;
    color: #1F3144;
  }
  .video {
    width: 100%;
    height: auto;
    padding: 15.6vw 0;
    background: #FAFAFA;
  }
  .video .video_box {
    width: 100%;
    height: 53.25vw;
    position: relative;
  }
  .video .video_box video {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    max-height: 100%;
    max-width: 100%;
  }
  .layout {
    width: 100%;
    height: auto;
    padding: 10.66667vw 0;
    background: #FFFFFF;
  }
  .layout .layout_mb {
    width: 100%;
    height: auto;
  }
  .layout .layout_mb .title_1 {
    text-align: center;
    font-weight: 400;
    font-size: 5.33333vw;
    line-height: 8vw;
    text-align: center;
    color: #1D3185;
  }
  .layout .layout_mb .etitle_1 {
    text-align: center;
    font-weight: 400;
    font-size: 3.46667vw;
    line-height: 4.53333vw;
    text-align: center;
    color: #1F3144;
  }
  .layout .layout_mb .lay_content {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-top: 4.26667vw;
    background: url(../img/about/lay_bg.png) no-repeat;
    background-size: 100% 100%;
  }
  .layout .layout_mb .lay_content .lay_l {
    width: 100%;
    height: auto;
    position: relative;
  }
  .layout .layout_mb .lay_content .lay_l .lay_l_box_t {
    width: 100%;
    height: 7.46667vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(90deg, rgba(29, 49, 133, 0.2) 0%, rgba(29, 49, 133, 0) 100%);
  }
  .layout .layout_mb .lay_content .lay_l .lay_l_box_t p {
    padding-left: 3.2vw;
    font-size: 3.2vw;
    line-height: 4.8vw;
    color: #1D3185;
    position: relative;
  }
  .layout .layout_mb .lay_content .lay_l .lay_l_box_t p::before {
    content: "";
    width: 0.53333vw;
    height: 2.4vw;
    background: #1D3185;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .layout .layout_mb .lay_content .lay_l .lay_l_box_t img {
    width: 3.2vw;
    height: 3.2vw;
    margin-right: 0.66667vw;
    transition: all 0.4s;
  }
  .layout .layout_mb .lay_content .lay_l .lay_l_box_t.active img {
    transform: rotate(-180deg);
  }
  .layout .layout_mb .lay_content .lay_l .lay_l_box_b {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 22.4vw;
    display: none;
    background: white;
    box-shadow: 0vw 0vw 1.86667vw rgba(234, 234, 234, 0.75);
    overflow: hidden;
    overflow-y: scroll;
  }
  .layout .layout_mb .lay_content .lay_l .lay_l_box_b .lay_l_item {
    width: 100%;
    height: 11.2vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding-left: 2.66667vw;
    cursor: pointer;
  }
  .layout .layout_mb .lay_content .lay_l .lay_l_box_b .lay_l_item .lay_l_title {
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 2.66667vw;
    line-height: 4.26667vw;
    color: #1D3185;
  }
  .layout .layout_mb .lay_content .lay_l .lay_l_box_b .lay_l_item .lay_l_etitle {
    display: none;
    margin-top: 0.53333vw;
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 1.86667vw;
    line-height: 3.2vw;
    color: #1F3144;
  }
  .layout .layout_mb .lay_content .lay_r {
    margin-top: 2.66667vw;
    width: 100%;
    height: auto;
  }
  .layout .layout_mb .lay_content .lay_r .lay_r_content .lay_r_item {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0vw 0vw 1.86667vw rgba(234, 234, 234, 0.75);
  }
  .layout .layout_mb .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_img {
    width: 100%;
    height: 48vw;
  }
  .layout .layout_mb .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_img img {
    width: 100%;
    height: 100%;
  }
  .layout .layout_mb .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box {
    width: 100%;
    height: auto;
    padding: 4.26667vw;
  }
  .layout .layout_mb .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box .lay_r_tbox {
    border-bottom: 0.13333vw solid rgba(0, 0, 0, 0.2);
    padding-bottom: 2.66667vw;
  }
  .layout .layout_mb .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box .lay_r_tbox .lay_r_tbox_title {
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 4.26667vw;
    line-height: 5.6vw;
    color: #1F3144;
  }
  .layout .layout_mb .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box .lay_r_tbox .lay_r_tbox_text {
    margin-top: 1.86667vw;
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 3.73333vw;
    line-height: 5.86667vw;
    color: #1F3144;
  }
  .layout .layout_mb .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box .lay_r_bbox {
    margin-top: 2.13333vw;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
  .layout .layout_mb .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box .lay_r_bbox .lay_r_bbox_item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .layout .layout_mb .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box .lay_r_bbox .lay_r_bbox_item .lay_r_bbox_title {
    font-weight: 400;
    font-size: 5.33333vw;
    line-height: 8vw;
    text-align: left;
    color: #1D3185;
  }
  .layout .layout_mb .lay_content .lay_r .lay_r_content .lay_r_item .lay_r_item_box .lay_r_bbox .lay_r_bbox_item .lay_r_bbox_text {
    margin-top: 1.46667vw;
    font-weight: 400;
    font-size: 3.2vw;
    line-height: 4.26667vw;
    text-align: center;
    color: #1F3144;
  }
  .culture {
    width: 100%;
    height: auto;
    padding: 10.66667vw 0;
    background: url(../img/about/cul_bg.png) no-repeat;
    background-size: 100% 100%;
  }
  .culture .title_1 {
    text-align: center;
    font-weight: 400;
    font-size: 5.33333vw;
    line-height: 8vw;
    text-align: center;
    color: #1D3185;
  }
  .culture .etitle_1 {
    text-align: center;
    font-weight: 400;
    font-size: 3.46667vw;
    line-height: 4.53333vw;
    text-align: center;
    color: #1F3144;
  }
  .culture .culture_content {
    margin-top: 5.33333vw;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .culture .culture_content .culture_item {
    margin-bottom: 5.86667vw;
    width: 100%;
    height: auto;
    position: relative;
    border-right: none;
  }
  .culture .culture_content .culture_item .culture_tbox {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .culture .culture_content .culture_item .culture_tbox .cul_title {
    font-style: normal;
    font-weight: 400;
    font-size: 4.26667vw;
    line-height: 3.2vw;
    color: #1D3185;
  }
  .culture .culture_content .culture_item .culture_tbox .cul_text {
    margin-left: 1.06667vw;
    font-style: normal;
    font-weight: 400;
    font-size: 3.2vw;
    line-height: 3.2vw;
    color: #1D3185;
    opacity: 0.2;
  }
  .culture .culture_content .culture_item .cul_line {
    margin-top: 2.13333vw;
    width: 3.46667vw;
    height: 0.53333vw;
    background: #1D3185;
  }
  .culture .culture_content .culture_item .cul_img {
    margin-top: 2.93333vw;
    width: 100%;
    height: 52.26667vw;
  }
  .culture .culture_content .culture_item .cul_img img {
    width: 100%;
    height: 100%;
  }
  .culture .culture_content .culture_item .culture_item_text {
    text-align: left;
    margin-top: 2.13333vw;
    font-weight: 400;
    font-size: 3.73333vw;
    line-height: 5.33333vw;
    color: #1F3144;
  }
  .culture .culture_content .culture_item .culture_item_img {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .culture .culture_content .culture_item .culture_item_img img {
    width: 9.588vw;
    height: 3.8vw;
  }
  .honor {
    width: 100%;
    height: auto;
    padding: 10.66667vw 0;
    background: #FFFFFF;
  }
  .honor .honor_mb {
    width: 100%;
    height: auto;
  }
  .honor .honor_mb .title_1 {
    text-align: center;
    font-weight: 400;
    font-size: 5.33333vw;
    line-height: 8vw;
    text-align: center;
    color: #1D3185;
  }
  .honor .honor_mb .etitle_1 {
    text-align: center;
    font-weight: 400;
    font-size: 3.46667vw;
    line-height: 4.53333vw;
    text-align: center;
    color: #1F3144;
  }
  .honor .honor_mb .honor_content {
    margin-top: 8vw;
    width: 100%;
    height: auto;
    padding-bottom: 6.66667vw;
  }
  .honor .honor_mb .honor_content .honor_item_box {
    margin-right: 2.13333vw;
    width: 77.6vw !important;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .honor .honor_mb .honor_content .honor_item_box .honor_item {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border: 0.13333vw solid #F2F2F2;
  }
  .honor .honor_mb .honor_content .honor_item_box .honor_item:hover {
    border: 0.13333vw solid transparent;
    box-shadow: 0vw 0vw 1.86667vw rgba(234, 234, 234, 0.75);
  }
  .honor .honor_mb .honor_content .honor_item_box .honor_item:hover .honor_item_box .honor_item_title {
    color: #1D3185;
  }
  .honor .honor_mb .honor_content .honor_item_box .honor_item .honor_item_img {
    width: 100%;
    height: 58.13333vw;
  }
  .honor .honor_mb .honor_content .honor_item_box .honor_item .honor_item_img img {
    width: 100%;
    height: 100%;
  }
  .honor .honor_mb .honor_content .honor_item_box .honor_item .honor_item_box {
    padding: 2.66667vw 2.66667vw 6.26667vw 2.66667vw;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .honor .honor_mb .honor_content .honor_item_box .honor_item .honor_item_box .tags {
    display: inline-block;
    padding: 0.53333vw 2.13333vw;
    background: #F4F6FF;
    font-style: normal;
    font-weight: 400;
    font-size: 3.2vw;
    line-height: 2.8vw;
    color: #1D3185;
  }
  .honor .honor_mb .honor_content .honor_item_box .honor_item .honor_item_box .honor_item_title {
    margin-top: 2.66667vw;
    text-align: justify;
    font-style: normal;
    font-weight: 400;
    font-size: 3.73333vw;
    line-height: 5.86667vw;
    color: #231F20;
  }
  .honor .honor_mb .swiper-pagination-bullet {
    width: 2.66667vw;
    height: 1.06667vw;
    background: #D9D9D9;
    margin: 0 0.53333vw;
    border-radius: 0;
    opacity: 1;
  }
  .honor .honor_mb .swiper-pagination {
    bottom: 0;
    margin-top: 8vw;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  .honor .honor_mb .swiper-pagination-bullet-active {
    width: 5.33333vw;
    background: #1D3185;
  }
  .history {
    width: 100%;
    height: auto;
    padding: 21.33333vw 0;
    background: #FAFAFA;
  }
  .history .title {
    text-align: center;
  }
  .history .en_title {
    text-align: center;
  }
  .history .history_content {
    width: 100%;
    height: auto;
    margin-top: 8vw;
  }
  .history .history_content .history_top {
    width: 100%;
    height: auto;
  }
  .history .history_content .history_top .his_t_item {
    display: flex;
    flex-direction: column;
  }
  .history .history_content .history_top .his_t_item .his_t_item_img {
    width: 100%;
    height: 52.26667vw;
  }
  .history .history_content .history_top .his_t_item .his_t_item_img img {
    width: 100%;
    height: 100%;
  }
  .history .history_content .history_top .his_t_item .his_t_item_tbox {
    margin-left: 0vw;
    width: 100%;
    height: auto;
    position: relative;
  }
  .history .history_content .history_top .his_t_item .his_t_item_tbox .his_t_item_title {
    margin-top: 14.13333vw;
    position: relative;
    z-index: 2;
    text-align: left;
    font-style: normal;
    font-weight: 700;
    font-size: 4.26667vw;
    line-height: 5.6vw;
    color: #1F3144;
  }
  .history .history_content .history_top .his_t_item .his_t_item_tbox .his_t_item_title span:nth-of-type(2) {
    margin-left: 5.33333vw;
  }
  .history .history_content .history_top .his_t_item .his_t_item_tbox .his_t_item_text {
    position: relative;
    z-index: 2;
    margin-top: 6.93333vw;
    text-align: left;
    font-style: normal;
    font-weight: 700;
    font-size: 3.73333vw;
    line-height: 5.86667vw;
    color: #1F3144;
    opacity: 0.6;
  }
  .history .history_content .history_top .his_t_item .his_t_item_tbox .his_bg_text {
    z-index: 1;
    white-space: nowrap;
    position: absolute;
    left: 0;
    top: -2.93333vw;
    font-style: normal;
    font-weight: 500;
    font-size: 25.6vw;
    line-height: 25.6vw;
    color: #EBEBEB;
    filter: blur(0.8vw);
  }
  .history .history_bot {
    margin-top: 16vw;
    width: 100%;
    height: auto;
  }
  .history .history_bot .bot_line {
    width: 100%;
    height: 0.13333vw;
    background: #E6E6E6;
  }
  .history .history_bot .his_bot_box {
    position: absolute;
    top: -0.46667vw;
    left: 0;
    max-width: 94.66667vw;
  }
  .history .history_bot .his_bot_box .history_b_item {
    cursor: pointer;
    width: 17.6vw !important;
    margin-right: 8vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
  }
  .history .history_bot .his_bot_box .history_b_item:first-child {
    margin-left: 12.66667vw;
  }
  .history .history_bot .his_bot_box .history_b_item .cri {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .history .history_bot .his_bot_box .history_b_item .cri .drop {
    width: 1.33333vw;
    height: 1.33333vw;
    background: #999999;
    border-radius: 50%;
  }
  .history .history_bot .his_bot_box .history_b_item .cri .line {
    display: none;
    width: 17.6vw;
    height: 0.13333vw;
    background: #1D3185;
  }
  .history .history_bot .his_bot_box .history_b_item p {
    margin-left: -8%;
    margin-top: 3.73333vw;
    font-style: normal;
    font-weight: 400;
    font-size: 3.73333vw;
    line-height: 2.93333vw;
    text-align: center;
    color: #666666;
  }
  .history .history_bot .his_bot_box .history_b_item.active .cri .drop {
    background: #1D3185;
  }
  .history .history_bot .his_bot_box .history_b_item.active .cri .line {
    display: block;
  }
  .history .history_bot .his_bot_box .history_b_item.active p {
    color: #1D3185;
  }
  .history .history_bot .swiper-button-next:after, .history .history_bot .swiper-button-prev:after {
    content: '';
    width: 10.13333vw !important;
    height: 10.13333vw;
  }
  .history .history_bot .swiper-button-prev {
    left: 0;
  }
  .history .history_bot .swiper-button-next {
    right: 0;
  }
  .history .history_bot .swiper-button-next:after {
    background: url(../img/about/hid_icon_next.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0vw;
  }
  .history .history_bot .swiper-button-prev.swiper-button-disabled {
    margin-top: -5.06667vw;
    width: 10.13333vw;
    height: 10.13333vw;
    opacity: 1;
    background: url(../img/about/hid_icon_prev1.png) no-repeat;
    background-size: 100% 100%;
  }
  .history .history_bot .swiper-button-prev.swiper-button-disabled::after {
    background: none;
  }
  .history .history_bot .swiper-button-next.swiper-button-disabled {
    margin-top: -5.06667vw;
    width: 10.13333vw;
    height: 10.13333vw;
    opacity: 1;
    background: url(../img/about/hid_icon_next1.png) no-repeat;
    background-size: 100% 100%;
  }
  .history .history_bot .swiper-button-next.swiper-button-disabled::after {
    background: none;
  }
  .history .history_bot .swiper-button-prev:after {
    background: url(../img/about/hid_icon_prev.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0vw;
  }
  .panda {
    width: 100%;
    height: auto;
    padding: 10.66667vw 0;
    background: #FFFFFF;
    background: #FAFAFA;
  }
  .panda .panda_mb .pa_content {
    margin-top: 80vw;
    width: auto;
    height: auto;
    position: relative;
    z-index: 2;
  }
  .panda .panda_mb .pa_content .pa_top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .panda .panda_mb .pa_content .pa_top .pa_item .pa_item_title {
    display: flex;
    flex-direction: column;
    text-align: left;
    font-style: normal;
    font-weight: 700;
    font-size: 5.33333vw;
    line-height: 7.06667vw;
    color: #1F3144;
  }
  .panda .panda_mb .pa_content .pa_top .pa_item .pa_item_title span:last-child {
    margin-top: 1.2vw;
    font-style: normal;
    font-weight: 400;
    font-size: 3.2vw;
    line-height: 2.8vw;
    color: #666666;
  }
  .panda .panda_mb .pa_content .pa_top .pa_item .pa_item_img {
    margin-top: 2.66667vw;
    width: 8.53333vw;
    height: 8.53333vw;
  }
  .panda .panda_mb .pa_content .pa_top .pa_item .pa_item_img img {
    width: 100%;
    height: 100%;
  }
  .panda .panda_mb .pa_content .pa_top .pa_item .pa_item_topic {
    width: 100%;
    text-align: left;
    font-style: normal;
    font-weight: 700;
    font-size: 4.26667vw;
    line-height: 6.93333vw;
    color: #1F3144;
  }
  .panda .panda_mb .pa_content .pa_top .pa_item .pa_item_text {
    display: none;
    margin-top: 1.06667vw;
    width: 65.06667vw;
    text-align: left;
    font-style: normal;
    font-weight: 700;
    font-size: 1.86667vw;
    line-height: 2.93333vw;
    color: #1F3144;
    opacity: 0.6;
  }
  .panda .panda_mb .pa_bot {
    margin-left: 2.66667vw;
    margin-top: 2vw;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    height: auto;
  }
  .panda .panda_mb .pa_bot .pa_bot_item {
    cursor: pointer;
    margin-right: 2vw;
    margin-bottom: 2vw;
    width: 20vw !important;
    height: 20vw;
  }
  .panda .panda_mb .pa_bot .pa_bot_item img {
    width: 100%;
    height: 100%;
  }
  .panda .panda_mb .pa_bot .pa_bot_item.active {
    border: 0.26667vw solid #1D3185;
    box-shadow: 0vw 0vw 1.86667vw rgba(0, 0, 0, 0.24);
  }
  .panda .panda_mb .pa_booth {
    position: absolute;
    z-index: 1;
    right: -4%;
    top: 12vw;
  }
  .panda .panda_mb .pa_booth .pa_booth_item {
    width: 77.18667vw;
    height: auto;
  }
  .panda .panda_mb .pa_booth .pa_booth_item:nth-of-type(2) {
    width: 63.18667vw;
    height: auto;
  }
  .panda .panda_mb .pa_booth .pa_booth_item:nth-of-type(3) {
    width: 63.18667vw;
    height: auto;
  }
  .panda .panda_mb .pa_booth .pa_booth_item:nth-of-type(4) {
    width: 63.18667vw;
    height: auto;
  }
  .panda .panda_mb .pa_booth .pa_booth_item:nth-of-type(5) {
    width: 69.18667vw;
    height: auto;
  }
  .panda .panda_mb .pa_booth .pa_booth_item img {
    width: 100%;
    height: 100%;
  }
  .exhibit {
    width: 100%;
    height: auto;
    padding: 10.66667vw 0;
    padding-top: 0vw;
    background: #FAFAFA;
  }
  .exhibit .exhibit_mb .exhibit_content {
    width: 100%;
    height: auto;
  }
  .exhibit .exhibit_mb .exhibit_content .exhibit_item {
    margin-bottom: 5.33333vw;
    width: 100%;
    height: auto;
  }
  .exhibit .exhibit_mb .exhibit_content .exhibit_item .exhibit_title {
    font-weight: 700;
    font-size: 5.33333vw;
    font-size: 6.93333vw;
    color: #1D3185;
    text-align: left;
  }
  .exhibit .exhibit_mb .exhibit_content .exhibit_item img {
    margin-top: 3.2vw;
    width: 100%;
    height: auto;
  }
  .hall {
    width: 100%;
    height: auto;
    padding: 10.66667vw 0;
    padding-bottom: 17.06667vw;
    background: #FFFFFF;
  }
  .hall .hall_content {
    margin-top: 8.66667vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .hall .hall_content .hall_item {
    margin-right: 0vw;
    margin-bottom: 4.26667vw;
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .hall .hall_content .hall_item:hover img {
    transform: scale(1.2);
  }
  .hall .hall_content .hall_item img {
    width: 100%;
    height: 100%;
    transition: all 2s;
  }
  .hall .hall_content .hall_item:nth-of-type(3n) {
    margin-right: 0;
  }
  .image_pup {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.5);
  }
  .image_pup span {
    cursor: pointer;
    position: absolute;
    top: 13.33333vw;
    right: 13.33333vw;
    font-size: 6.66667vw;
    color: #FFFFFF;
  }
  .image_pup .image_pup_item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 94.66667vw;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .image_pup .image_pup_item img {
    width: 100%;
    height: auto;
  }
}