@import 'media.css';
@import 'reset.css';
@import 'base.css';
/* footer */
footer {
  color: #fff;
  border-top: 0.2rem solid #C11920;
  background-color: #191919;
}
footer .links ul {
  display: flex;
}
footer .links ul li a {
  color: #fff;
}
footer .tel .icon-tel {
  position: relative;
  color: #266AA0;
  font-size: 2.4rem;
  margin-right: 1.2rem;
  z-index: 0;
}
footer .tel .icon-tel:after {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  top: .5rem\0;
  left: .5rem\0;
  content: '';
  width: 1.4rem;
  height: 1.4rem;
  background-color: #fff;
  z-index: -1;
}
footer .tel span {
  font-size: 2.6rem;
  font-weight: bold;
  letter-spacing: 0.2rem;
}
footer .shortcut {
  display: flex;
}
footer .shortcut .iconfont {
  font-size: 3.2rem;
}
footer .qr-code dl {
  display: flex;
  align-items: center;
}
footer .qr-code dl dt {
  font-size: 1.4rem;
  font-weight: normal;
}
footer .qr-code dl dd {
  border: 1px solid #d8d8d8;
}
/* home */
#swiper {
  position: relative;
}
#swiper .swiper-wrapper {
  position: relative;
}
#swiper .swiper-wrapper img {
  width: 100%;
}
#swiper .video-home {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
}
#swiper .video-home .video-js {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.latest-news dl {
  margin-bottom: 0;
}
.latest-news dl dt {
  position: relative;
  line-height: 1;
}
.latest-news dl dt h4 {
  color: #666;
  margin-top: 0;
  margin-bottom: 0.6rem;
}
.latest-news dl dt label {
  position: relative;
  color: #C11920;
  font-size: 2.8rem;
  font-weight: normal;
  padding-top: 1.8rem;
  margin: 0;
}
.latest-news dl dt label:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 4.4rem;
  height: 0.3rem;
  background-color: #C11920;
}
.latest-news dl dd .news {
  list-style: none;
  height: 14rem;
  margin-bottom: 0.5rem;
}
.latest-news dl dd .news li {
  height: 14rem;
}
.latest-news dl dd .news h4 {
  margin-top: 0;
  margin-bottom: 1.6rem;
}
.latest-news dl dd .news h4 a {
  display: block;
  color: #000;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 48rem;
  overflow: hidden;
}
.latest-news dl dd .news h4 a:hover {
  color: #266AA0;
}
.latest-news dl dd .news h5 {
  color: #f2f2f2;
  font-size: 1.6rem;
  margin: 1rem 0;
}
.latest-news dl dd .news p {
  color: #595959;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.latest-news dl dd .more {
  display: inline-block;
  color: #C11920;
  margin-top: 1.4rem;
}
.latest-news dl dd .indicator {
  font-size: 0;
}
.latest-news dl dd .indicator li {
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.latest-news dl dd .indicator li:before {
  display: block;
  content: '';
  width: 100%;
  background-color: #e2e2e2;
}
.latest-news dl dd .indicator li.on:before {
  background-color: #C11920;
}
/* inner page */
.mainbody .page-title {
  text-align: center;
  margin: 3rem 0 4rem 0;
}

.mainbody .page-title-en {
    text-align: center;
    margin: 15rem 0 4rem 0;
}

.mainbody .page-title-en label {
    margin: 0;
    border-bottom: 1px solid #e4e4e4;
}

.mainbody .page-title label {
  margin: 0;
  border-bottom: 1px solid #e4e4e4;
}
.mainbody .news-title label {
  position: relative;
  margin: 0;
}
.mainbody .news-title label:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  background-color: #C11920;
}
.mainbody .sub-title {
  color: #999999;
  margin: 0;
}
.mainbody .sub-title strong {
  font-weight: normal;
}
.mainbody .sub-title label {
  font-weight: normal;
  margin-left: 5rem;
}
.mainbody .page-content.intro,
.mainbody .page-content.course,
.mainbody .page-content.beliefs,
.mainbody .page-content.purpose,
.mainbody .page-content.projects,
.mainbody .page-content.news-center,
.mainbody .page-content.cooperation,
.mainbody .page-content.statement {
  padding-top: 0;
}
.mainbody .page-content.service {
  padding-top: 0;
  padding-bottom: 6rem;
}
.mainbody .news-detail .news-content p {
  text-indent: 2em;
}
.paging {
  display: flex;
  justify-content: center;
  padding: 3rem 0;
}
.paging li {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 0.4rem;
  border: 1px solid #ddd;
  border-radius: 0.6rem;
  transition: color ease 0.3s, border-color ease 0.3s, background-color ease 0.3s;
}
.paging li.prev:before,
.paging li.next:before {
  content: '';
  width: 0.8rem;
  height: 0.8rem;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: 666;
}
.paging li.prev:before {
  transform: scaleY(0.85) translateX(0.2rem) rotate(-135deg);
}
.paging li.next:before {
  transform: scaleY(0.85) translateX(-0.2rem) rotate(45deg);
}
.paging li:hover {
  color: #C11920;
  border-color: #C11920;
}
.paging li.active {
  color: #fff;
  border-color: #C11920;
  background-color: #C11920;
}
#sub-nav {
  border-bottom: 1px solid #f4f4f4;
  background-color: #fbfbfb;
}
#sub-nav ul {
  display: flex;
  height: 100%;
}
#sub-nav ul li {
  display: flex;
  justify-content: center;
  position: relative;
}
#sub-nav ul li a {
  display: flex;
  align-items: center;
  font-weight: bold;
  padding: 1.5rem 0;
}
#sub-nav ul li:hover a {
  color: #333;
}
#sub-nav ul li.active:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0.2rem;
  background: linear-gradient(90deg, rgba(193, 25, 32, 0) 0%, #c11920 50%, rgba(193, 25, 32, 0) 100%);
}
#sub-nav ul li.active a {
  color: #C11920;
}
/* introduction */
.intro .intro-detail .intro-text {
  display: flex;
  align-items: center;
}
.intro .intro-detail p {
  color: #666;
  text-indent: 2em;
}
.intro .intro-detail .book {
  box-shadow: 0 0 1.4rem 0 rgba(0, 0, 0, 0.13);
  border-radius: 4px;
  padding: 0.6rem;
  background-color: #fff;
}
.intro .intro-detail .book img {
  width: 15.3rem;
}
.intro .intro-detail .collect {
  display: flex;
}
.intro .intro-detail .collect dl {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.intro .intro-detail .collect dl dt {
  color: #266AA0;
}
.course .course-detail .course-panel {
  display: flex;
  margin: 0 auto;
  box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.08);
  background-color: #fff;
}
.course .course-detail .course-panel dd {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.course .course-detail .course-panel dd strong {
  color: #266AA0;
}
.course .course-detail .course-panel dd p {
  margin: 0;
}
.course .course-detail .course-panel dd p span {
  margin-right: 0.8rem;
}
.course .course-detail .timeline {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.course .course-detail .timeline:before {
  position: absolute;
  top: 50%;
  content: '';
  background-color: #f5f5f5;
  transform: translateY(-50%);
}
.course .course-detail .timeline > span {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 50%;
  border: 1px solid #000;
}
.course .course-detail .timeline > span:before {
  content: '';
  width: 1rem;
  height: 1rem;
  border-width: 1px 1px 0 0;
  border-style: solid;
}
.course .course-detail .timeline > span.prev:before {
  transform: translateX(0.2rem) rotate(-135deg);
}
.course .course-detail .timeline > span.next:before {
  transform: translateX(-0.2rem) rotate(45deg);
}
.course .course-detail .timeline .points {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -0.6rem);
  overflow: hidden;
}
.course .course-detail .timeline .points ul {
  display: flex;
}
.course .course-detail .timeline .points ul li {
  cursor: pointer;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.course .course-detail .timeline .points ul li:before {
  content: '';
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  margin-bottom: 0.6rem;
  background-color: #f5f5f5;
}
.course .course-detail .timeline .points ul li.active {
  color: #266AA0;
}
.course .course-detail .timeline .points ul li.active:before {
  background-color: #266AA0;
}
.vision .vision-detail {
  background: #fbfbfb url(/imgs/vision_bg.png) right bottom no-repeat;
}
.vision .vision-detail .vision-title {
  font-size: 3rem;
  line-height: 4.5rem;
  margin-top: 0;
  margin-bottom: 2rem;
}
.vision .vision-detail p {
  font-size: 1.4rem;
}
.footprints .footprints-detail img {
  width: 100%;
}
.footprints .footprints-detail p {
  color: #666;
}
.projects h5 {
  border-bottom: 1px solid #e4e4e4;
}
.projects h5 label {
  position: relative;
  margin: 0;
}
.projects h5 label:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0.2rem;
  background: linear-gradient(90deg, rgba(193, 25, 32, 0) 0%, #c11920 50%, rgba(193, 25, 32, 0) 100%);
}
.projects .tab-group .tab-item-list {
  display: flex;
}
.projects .tab-group .tab-item-list li {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.2rem;
}
.projects .tab-group .tab-item-list li.active {
  color: #fff;
  background-color: #C11920;
}
.projects .tab-group .tab-item-list li.active:hover {
  color: #fff;
}
.projects .tab-group .tab-content-list .tab-content {
  display: none;
}
.projects .tab-group .tab-content-list .tab-content ol {
  display: flex;
  flex-wrap: wrap;
}
.projects .tab-group .tab-content-list .tab-content ol li {
  color: #666;
}
/* culture */
.culture-wrapper .tab-content {
  display: none;
}
.brand .brand-detail p {
  color: #666;
  margin: 0;
}
.culture .culture-detail {
  position: relative;
  background: url(/imgs/culture_bg.jpg) right top / auto 100% no-repeat;
}
.culture .culture-detail .culture-panel {
  position: absolute;
  color: #fff;
  background-color: #266AA0;
}
.culture .culture-detail .culture-panel h2 {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}
.culture .culture-detail .culture-panel p {
  letter-spacing: 0.2rem;
}

.culture .culture-detail .culture-panel-en {
    position: absolute;
    color: #fff;
    background-color: #266AA0;
}
.culture .culture-detail .culture-panel-en h2 {
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
}

.culture .culture-detail .culture-panel-en p {
    letter-spacing: 0.2rem;
}

.politics .politics-detail .section-title {
  display: flex;
  align-items: center;
  color: #C11920;
}
.politics .politics-detail .section-title:before,
.politics .politics-detail .section-title:after {
  flex: 1;
  display: inline-block;
  content: '';
  height: 1px;
  background-color: #e4e4e4;
}
.politics .politics-detail .section-sub-title {
  color: #999;
  text-align: center;
}
.books .books-detail {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.books .books-detail a {
  box-shadow: 0 0 1.4rem 0 rgba(0, 0, 0, 0.13);
  border-radius: 4px;
  background-color: #fff;
}
.books .books-detail a h5 {
  font-size: 1.4rem;
  line-height: 3.2rem;
  border-bottom: 1px solid #f4f4f4;
  margin: 0;
}
.books .books-detail a h6 {
  color: #999;
  font-size: 1.2rem;
  line-height: 3.2rem;
  margin: 0;
}
.mailbox .mailbox-detail {
  position: relative;
  color: #fff;
  background: url(/imgs/mailbox_bg.jpg) right bottom no-repeat;
}
/* responsibility */
.responsibility .headline dd h3 {
  font-weight: bold;
}
.responsibility .headline dd span {
  color: #ccc;
  font-size: 1.4rem;
}
.responsibility .headline dd p {
  color: #999;
  line-height: 2.6rem;
}
.responsibility .headline dd .detail {
  display: flex;
}
.responsibility .headline dd .detail a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: auto;
  background-color: #266AA0;
}
.responsibility .news-list {
  margin-bottom: 4rem;
}
.responsibility .news-list li {
  border-bottom: 1px solid #e4e4e4;
}
.responsibility .news-list li a {
  display: flex;
  align-items: center;
}
.responsibility .news-list li a .date {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 8rem;
  height: 8rem;
  padding: 1.5rem;
  margin-right: 2rem;
  border: 1px solid #e4e4e4;
}
.responsibility .news-list li a .date strong {
  color: #666;
  font-size: 1.8rem;
  font-weight: normal;
}
.responsibility .news-list li a .date span {
  color: #999;
  font-size: 1.2rem;
}
.responsibility .news-list li a .title {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.responsibility .news-list li a .title strong {
  font-weight: normal;
  margin-bottom: 0.8rem;
}
.responsibility .news-list li a .title span {
  color: #999;
}
/* news */
.news-center .news-list li dl {
  display: flex;
  margin: 0;
}
.news-center .news-list li dl dt {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #266AA0;
}
.news-center .news-list li dl dt label {
  margin: 0;
}
.news-center .news-list li dl dt span {
  font-weight: normal;
}
.news-center .news-list li dl dd {
  flex-grow: 1;
}
.news-center .news-list li dl dd h5 {
  color: #999;
}
.news-center .news-list li dl dd h5 label {
  font-weight: normal;
}
.news-center .news-list li dl dd p {
  color: #595959;
}
/* product */
.tourism-wrapper .tab-content {
  display: none;
}
.tourism .tourism-detail > p {
  color: #666;
}
.tourism .tourism-detail dl {
  position: relative;
}
.tourism .tourism-detail dl dt {
  position: relative;
  z-index: 0;
}
.tourism .tourism-detail dl dd {
  position: absolute;
  color: #C2E1FA;
  background-color: #266AA0;
  z-index: 1;
}
.health .health-detail > p {
  color: #666;
}
#swiper-preview {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.95);
  z-index: 1000;
}
#swiper-preview > .hide {
  display: none;
}
#swiper-preview > .icon-close {
  cursor: pointer;
  position: absolute;
  top: 5rem;
  right: 5rem;
  color: #fff;
  font-size: 3rem;
  z-index: 10;
}
#swiper-preview .swiper-button-prev {
  margin-left: 5rem;
}
#swiper-preview .swiper-button-next {
  margin-right: 5rem;
}
#swiper-preview .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
#swiper-preview img {
  max-width: 100%;
  max-height: 100%;
}
/* intelligence */
#intelligence-swiper {
  margin: 2rem 0;
}
/* cooperation */
.cooperation .cooperation-detail p {
  color: #666;
  text-indent: 2em;
}
.cooperation .cooperation-detail .remark {
  color: #fff;
  background-color: #266AA0;
}
.cooperation .cooperation-detail .remark dl {
  display: flex;
  align-items: center;
  margin: 0;
}
.cooperation .cooperation-detail .remark dl dt {
  flex-shrink: 0;
  font-size: 5rem;
  font-weight: normal;
  width: 5rem;
}
.cooperation .cooperation-detail .remark dl dd p {
  color: #fff;
  font-size: 1.4rem;
  line-height: 2.4rem;
  margin: 0;
}
.cooperation .tab-group {
  margin-top: 3rem;
}
.cooperation .tab-group .tab-item-list {
  display: flex;
}
.cooperation .tab-group .tab-item-list .tab-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cooperation .tab-group .tab-item-list .tab-item i {
  background: url(/imgs/cooperation-icon.png) left top no-repeat;
}
.cooperation .tab-group .tab-item-list .tab-item label {
  font-weight: normal;
}
.cooperation .tab-group .tab-content-list .tab-content {
  display: none;
}
/* statement */
.statement .statement-detail p {
  color: #666;
  text-indent: 2em;
}
.statement .tab-group {
  margin-top: 3rem;
}
.statement .tab-group .tab-item-list {
  display: flex;
}
.statement .tab-group .tab-item-list .tab-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.statement .tab-group .tab-item-list .tab-item label {
  font-weight: normal;
}
.statement .tab-group .tab-content-list .tab-content {
  display: none;
}
/* join */
.join-wrapper .join .join-content .join-title h3 {
  font-weight: bold;
  margin-bottom: 2rem;
}
.join-wrapper .join .join-content .join-title h4 {
  color: #666;
  font-size: 1.6rem;
  margin-bottom: 5rem;
}
.join-wrapper .join .join-content .join-title h4 .separtor {
  margin: 0 1.2rem;
}
.join-wrapper .join .join-content .join-title h4 .separtor:after {
  background-color: #e4e4e4;
}
.join-wrapper .join .join-content h5 {
  margin-bottom: 2rem;
}
.join-wrapper .join .join-content .join-desc {
  margin-bottom: 5rem;
}
.join-wrapper .join .join-content .join-desc p {
  color: #999;
  font-size: 1.4;
  line-height: 2.5rem;
}
/* pop win */
.pop-win {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.pop-win .dialog {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 0.8rem;
  background-color: #fff;
}
.pop-win .dialog .dialog-header {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 2rem;
  font-weight: bold;
  padding: 2.8rem 0;
}
.pop-win .dialog .dialog-header .icon-close {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  width: 5rem;
  height: 5rem;
}
.pop-win .dialog .dialog-body {
  padding: 0 8rem;
}
.pop-win .dialog .dialog-body ul li {
  display: flex;
  align-items: center;
}
.pop-win .dialog .dialog-body ul li label {
  font-size: 1.8rem;
  font-weight: normal;
}
.pop-win .dialog .dialog-body ul li input {
  width: 37.5rem;
  height: 4.6rem;
  padding: 0 1rem;
  border-radius: 0.4rem;
  border: 0.1rem solid #e4e4e4;
}
.pop-win .dialog .dialog-body ul li:not(:last-child) {
  margin-bottom: 2.2rem;
}
.pop-win .dialog .dialog-footer {
  display: flex;
  justify-content: center;
  padding: 3.4rem 0;
}
.join-apply {
  color: #fff;
  font-size: 1.4rem;
  width: 12rem;
  height: 4rem;
  border-radius: 2rem;
  border: none;
  background-color: #C11920;
}
<!--ºÄʱ1764132721.1104Ãë-->