.about_color {
  color: #0250a9;
}
.about_bg_color {
  background-color: #0250a9;
}
.about_box .bottom {
  height: 0;
}
.about_box .bottomInfo {
  background-color: #0250a9;
  box-sizing: border-box;
  /* padding: 22px 0; */
}

/* 顶部列表内容 */
.about_box .content_top .goRoomList span:hover {
  color: #0250a9;
}
.about_box .content_top .rightBox .inuptBox {
  border: 2px solid #002147;
}

.achievements_bg_color {
    background-color: #002147;;
}

.about_box .content_top input::-webkit-input-placeholder {
  color: #C7C6C6;
  font-size: 14px;
}
.about_box .content_top .goRoomA .infoBox span {
  color: #0250a9;
}
.about_box .content_top .goRoomA:hover .infoBox {
  border-bottom: 1px solid #0250a9;
}
.about_box .content .content_top_list .center_list .active_li {
  color: #0250a9
}
.about_box .content {
  border-bottom: 2px solid #002147 ;
}
.about_box .content_top_list .content_center_li:hover {
  color: #2F72A8;
}

/* 主要内容 */
.about_box .about_content {
  background-color: #FAFBFB;
}
.about_box .about_content .introduction_box {
  background-color: #ffffff;
}
.about_box .about_content .introduction {
  padding: 40px 0 45px;
  background-color: #ffffff;
}
.about_box .about_content .introduction .swiper-container,
.about_box .about_content .introduction .swiper-wrapper,
.about_box .about_content .introduction .swiper-slide,
.about_box .about_content .introduction img {
  width: 648px;
  height: 448px;
  /* cursor: pointer; */
}
.about_box .about_content .introduction .swiper-container {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/*自定义分页器的位置*/
.about_box .swiper-pagination-custom {
  bottom: 20px;
  left: 30px;
  width: 90px;
}
/*自定义分页器的样式*/
.about_box .swiper-pagination-customs {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background-color: #ffffff;
  margin: 0 10px 0 0;
}
.about_box .swiper-pagination-customs-active {
  width: 28px;
  height: 10px;
  border-radius: 10px;
  background-color: #0250a9;
}
/* ie9 */
.swiper-pagination {
  position: absolute;
  z-index: 20;
  text-align: center;

  bottom: 20px !important;
  left: 30px !important;
  width: 90px !important;
}
.swiper-pagination-switch {
  cursor: pointer;

  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background-color: #ffffff;
  margin: 0 10px 0 0;
}
.swiper-active-switch {
  width: 28px;
  height: 10px;
  border-radius: 10px;
  background-color: #0250a9;
}

.about_box .about_content .introduction .info {
  padding: 45px 35px 0 35px;
  width: 498px;
  height: 363px;
  top: 60px;
  right: 0;
  color: #ffffff;
  background-color: rgba(2,80,169,.8);
  display: flex;
  flex-direction: column;
  z-index: 999;
}
.about_box .about_content .introduction .info_img {
  width: 568px;
  height: 408px;
  top: 60px;
  right: 0;
  background-color: #0250a9;
  z-index: 998;
}
.about_box .about_content .introduction .info .title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.about_box .about_content .introduction .info .eg_title {
  font-family: Microsoft YaHei;
  font-weight: lighter;
  font-size: 14px;
  margin-bottom: 32px;
}
.about_box .about_content .introduction .info .msg_1 {
  font-size: 14px;
  text-align: justify;
  margin-bottom: 10px;
  line-height: 24px;
  font-family: Helvetica Neue;
}
.about_box .about_content .introduction .info .msg_2 {
  font-size: 14px;
  text-align: justify;
  margin-bottom: 25px;
  line-height: 24px;
  font-family: Helvetica Neue;
}
.about_box .about_content .introduction .info .btn {
  width: 84px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #ffffff;
  border-radius: 4px;
  cursor: pointer;
}
.about_box .about_content .introduction .info .btn:hover {
  background-color: #ffffff;
}
.about_box .about_content .introduction .info .btn:hover a {
  color: #0250a9;
}

/* 大事记 */
.about_box .about_content .memorabilia {
  padding-top: 74px;
  min-width: 1190px;
  height: 460px;
  background: url(../img/about/mem_big_bg.png) center;
  z-index: 999;
}

.about_title {
  height: 66px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  z-index: 9999;
}
.about_title .ch_tag {
  display: flex;
  align-items: center;
  font-size: 32px;
  font-weight: bold;
  color: #333333;
}
.about_title .ch_tag .left {
  margin-right: 30px;
  width: 69px;
  height: 3px;
}
.about_title .ch_tag .right {
  margin-left: 30px;
  width: 69px;
  height: 3px;
}
.about_title .ch_tag .high_color {
  color: #0250a9;
}
.about_title .eg_tag {
  margin-top: 10px;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: lighter;
  color: #666666;
}


.about_box .about_content .memorabilia .custom img:nth-child(2) {
  display: none;
}
.about_box .about_content .memorabilia .custom:hover img:nth-child(1) {
  display: none;
}
.about_box .about_content .memorabilia .custom:hover img:nth-child(2) {
  display: block;
}
.about_box .about_content .memorabilia .custom:hover {
  background-color: #0250a9;
}
.about_box .about_content .memorabilia .swiper-container {
  margin-left: 95px !important;
  margin-right: 0 !important;
}
.about_box .about_content .memorabilia .swiper-button-next,
.about_box .about_content .memorabilia .swiper-button-prev {
  background-image: none;
  width: 0;
  height: 0;
  top: 84px;
}
.about_box .about_content .memorabilia .custom {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffffff;
}
.about_box .about_content .memorabilia .custom img {
  width: 10px;
  height: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0 !important;
}
.about_box .about_content .memorabilia .time_box {
  margin: 128px auto 0;
  width: 1190px;
}
.about_box .about_content .memorabilia .time_box .swiper-container,
.about_box .about_content .memorabilia .time_box .swiper-wrapper {
  width: 1020px !important;
  height: 260px !important;
}
.about_box .about_content .memorabilia .time_box .swiper-slide {
  margin-right: 55px;
}
.about_box .about_content .memorabilia .time_box .swiper-slide:last-child {
  margin-right: 0;
}
.about_box .about_content .memorabilia .time_box .swiper-slide,
.about_box .about_content .memorabilia .time_box .time_item {
  width: 122px !important;
  height: 260px;
}
.about_box .about_content .memorabilia .time_box .year {
  margin-bottom: 10px;
}
.about_box .about_content .memorabilia .time_box .year span {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
.about_box .about_content .memorabilia .time_box .year span:first-child {
  font-size: 30px;
  font-weight: bold;
  color: #333333;
}
.about_box .about_content .memorabilia .time_box .year_info {
  font-size: 14px;
  color: #333333;
  line-height: 22px;
}

/* 平台服务 */
.about_box .about_content .serve_box {
  margin-bottom: 66px;
  padding-top: 75px;
  /* height: 711px; */
  height: 636px;
  background: url(../img/about/serve_bg.jpg) center no-repeat;
}
.about_box .about_content .serve {
  min-width: 1190px;
  /* margin: 75px auto 66px; */
}
.about_box .about_content .serve_content {
  margin: 75px auto 0;
  width: 1090px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.about_box .about_content .serve_left {
  width: 468px;
  height: 463px;
}
.about_box .about_content .serve_left img {
  width: 100%;
  height: 100%;
}

.about_box .about_content .serve_right {
  width: 544px;
  display: flex;
  flex-wrap: wrap;
}
.about_box .about_content .serve_right .item {
  padding-top: 20px;
  margin: 0 16px 30px 0;
  width: 264px;
  height: 205px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
}
.about_box .about_content .serve_right .item:nth-child(2n) {
  margin-right: 0;
}
.about_box .about_content .serve_right .item .title {
  /* width: 218px; */
  width: 230px;
  margin: 0 auto 20px;
  font-size: 20px;
  color: #333333;
  display: flex;
}
.about_box .about_content .serve_right .item .title img {
  margin-right: 10px;
  width: 24px;
  height: 24px;
}
.about_box .about_content .serve_right .item .info {
  /* width: 218px; */
  width: 230px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 22px;
  color: #333333;
}

/* 启幕 */
.about_box .about_content .start .imgs {
  width: 1165px;
  margin: 66px auto 0;
  display: flex;
  justify-content: space-between;
}
.about_box .about_content .start .imgs .imgs_left,
.about_box .about_content .start .imgs .imgs_center,
.about_box .about_content .start .imgs .imgs_right {
  height: 498px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.about_box .about_content .start .imgs .imgs_left img:first-child,
.about_box .about_content .start .imgs .imgs_right img:last-child {
  width: 260px;
  height: 168px;
}
.about_box .about_content .start .imgs .imgs_right img:first-child,
.about_box .about_content .start .imgs .imgs_left img:last-child {
  width: 260px;
  height: 310px;
}
.about_box .about_content .start .imgs .imgs_center {
  width: 604px;
}
.about_box .about_content .start .imgs .imgs_center .first {
  width: 604px;
  height: 264px;
}
.about_box .about_content .start .imgs .imgs_center .centom {
  width: 604px;
  display: flex;
  justify-content: space-between;
}
.about_box .about_content .start .imgs_center .centom img:first-child {
  width: 203px;
  height: 213px;
}
.about_box .about_content .start .imgs_center .centom img:last-child {
  width: 380px;
  height: 213px;
}

.about_box .about_content .start .start_info_box {
  padding: 0 10px;
  margin: 54px auto 36px;
  width: 1170px;
  min-width: 1170px;
}
.about_box .about_content .start .start_info_box .start_info {
  display: flex;
  /* justify-content: space-between; */
}
.about_box .about_content .start .start_info_box .start_info:last-child .dynamic_item {
  border-bottom: none;
}
.about_box .about_content .start .dynamic_item {
  /* width: 360px;
  height: 58px; */
  margin: 0 206px 28px 0;
  padding-bottom: 28px;
  border-bottom: 1px solid #F2F2F2;
  display: flex;
  align-items: center;
}
.about_box .about_content .start .dynamic_item:nth-child(2n) {
  margin-right: 0;
}
.about_box .about_content .start .dynamic_item .date_box {
  width: 74px;
  height: 74px;
  margin-right: 20px;
  background-color: #F6F6F6;
  padding: 10px 0;
  box-sizing: border-box;
}
.about_box .about_content .start .dynamic_item .date_box span {
  display: block;
  width: 48px;
  text-align: center;
  color: #0250A9;
}
.about_box .about_content .start .dynamic_item .date_box span:nth-child(1) {
  font-size: 26px;
  padding-bottom: 4px;
  border-bottom: 1px solid #0250A9;
}
.about_box .about_content .start .dynamic_item .date_box span:nth-child(2) {
  font-size: 12px;
}
.about_box .about_content .start .dynamic_item .info {
  width: 358px;
  font-size: 20px;
  line-height: 32px;
  color: #333333;
}

/* 联系我们 */
.about_box .about_content .contact {
  padding-top: 56px;
  /* height: 518px; */
  height: 422px;
  background: url(../img/about/contact_bg.png) center no-repeat;
}
.about_box .about_content .contact .about_title .ch_tag,
.about_box .about_content .contact .about_title .eg_tag {
  color: #ffffff;
}

.about_box .about_content .contact .contact_card_box {
  width: 910px;
  /* margin: 92px auto 0; */
  margin: 60px auto 0;
  display: flex;
  justify-content: space-between;
}
.about_box .about_content .contact .contact_card {
  padding: 24px 18px 0 22px;
  width: 218px;
  /* height: 278px; */
  height: 212px;
  border-radius: 10px;
  background-color: rgba(255,255,255,.1);
}
.about_box .about_content .contact .contact_card .card_title {
  font-size: 20px;
  padding-bottom: 16px;
  /* border-bottom: 1px solid #ffffff; */
  display: flex;
  position: relative;
}
.about_box .about_content .contact .contact_card .card_title .line {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 226px;
  height: 1px;
  background-image: linear-gradient(to right, rgba(255,255,255,.1),#979797,rgba(255,255,255,.1));
}
.about_box .about_content .contact .contact_card .card_title img {
  width: 32px;
  height: 32px;
  margin-right: 16px;
}
.about_box .about_content .contact .contact_card .card_title span {
  font-size: 20px;
  color: #ffffff;
}
.about_box .about_content .contact .contact_card .card_msg {
  margin-top: 24px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: lighter;
  color: #ffffff;
}
.about_box .about_content .contact .contact_card .card_msg:last-child {
  margin-top: 36px;
}
.about_box .about_content .contact .contact_card .card_msg .card_msg_text {
  margin-top: 20px;
  height: 20px;
  display: flex;
  /* align-items: center; */
}
.about_box .about_content .contact .contact_card .card_msg .card_msg_text:first-child {
  margin-top: 0;
}
/* 文字两端对齐 */
.about_box .about_content .contact .contact_card .card_msg .card_msg_text span:first-child {
  width: 80px;
  height: 0;
  margin: 0 26px 0 0;
  text-align: justify;
  font-size: 16px;
  /* font-weight: 500; */
  position: relative;
}
.about_box .about_content .contact .contact_card .card_msg .card_msg_text span:first-child:after {
  content: ':';
  position: absolute;
  top: 0;
  right: -8px;
}
.about_box .about_content .contact .contact_card .card_msg .card_msg_text i {
  display: inline-block;
  width: 100%;
  height: 0;
}
.about_box .about_content .contact .contact_card .card_msg .card_msg_text span:last-child {
  line-height: 20px;
}

.about_box .content .content_top_list .center_list .active_li {
    color: #2F72A8;
}

.content_top .logoBox .title {
    width: 275px;
}

.about_box a:hover .a_span{
    color: #2F72A8 !important;
}