.scroll {
  position: relative;
  overflow: hidden;
}
.wraper {
  margin: 0 auto;
width: 1200px;
  position: relative;
}
.container {
  min-width: 1200px;
  position: relative;
}
.top-bar {
  height: 40px;
  background-color: #eaeaea;
}
.top-bar .wraper {
  height: 30px;
  text-align: right;
  line-height: 30px;
  padding: 5px 0;
}
.top-bar a {
  color: #333;
  font-size: 16px;
  margin: 0 10px;
}
.top-search {
  display: inline-block;
  height: 30px;
  vertical-align: top;
}
.top-search input {
  height: 30px;
  width: 160px;
  box-sizing: border-box;
  border: none;
  background-color: #fff;
  padding: 0 10px;
  border-radius: 4px 0 0 4px;
  float: left;
}
.top-search .search-btn {
  width: 30px;
  height: 30px;
  border: none;
  background: #027f54 url(../images/icon-search.png) center no-repeat;
  outline: none;
  cursor: pointer;
  border-radius: 0 4px 4px 0;
  float: left;
}
.top-banner {
  height: 180px;
  background: url(../images/img-header-bg.jpg) center top no-repeat;
  background-size: cover;
  user-select: none;
}
.logo {
  width: 835px;
  height: 180px;
  padding-top: 26px;
  box-sizing: border-box;
  position: absolute;
  z-index: 2;
}
.logo h6 {
  font-size: 32px;
  line-height: 40px;
  color: #ffffff;
  /*text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;*/
}
.logo p {
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  margin-bottom: 10px;
  /*text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;*/
}
.top-focus {
  height: 180px;
  width: 518px;
  position: absolute;
  top: 0;
  right: 0;
}
.top-focus .swiper-container {
  width: 100%;
  height: 100%;
}
.top-focus .swiper-slide img {
  width: 100%;
  height: 100%;
}
.nav {
  height: 50px;
  line-height: 50px;
  background-color: #015591;
  color: #fff;
}
.nav li {
  float: left;
  padding: 0 24px;
  /*margin-right: 20px;*/
  transition: all 0.3s;
}
.nav li a {
  font-size: 18px;
  color: #fff;
  display: inline-block;
}
.nav li i {
  display: inline-block;
  height: 50px;
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  margin-right: 5px;
}
.nav li.act {
  background-color: #eaeaea;
}
.nav li.act a {
  color: #015591;
}
.nav li:nth-child(1) i {
  background-image: url(../images/icon-nav-i1.png);
}
.nav li:nth-child(2) i {
  background-image: url(../images/icon-nav-i2.png);
}
.nav li:nth-child(3) i {
  background-image: url(../images/icon-nav-i3.png);
}
.nav li:nth-child(4) i {
  background-image: url(../images/icon-nav-i4.png);
}
.nav li:nth-child(5) i {
  background-image: url(../images/icon-nav-i5.png);
}
.nav li:nth-child(6) i {
  background-image: url(../images/icon-nav-i6.png);
}
.nav li:nth-child(7) i {
  background-image: url(../images/icon-nav-i7.png);
}
.nav li:nth-child(1).act i {
  background-image: url(../images/icon-nav-i1h.png);
}
.nav li:nth-child(2).act i {
  background-image: url(../images/icon-nav-i2h.png);
}
.nav li:nth-child(3).act i {
  background-image: url(../images/icon-nav-i3h.png);
}
.nav li:nth-child(4).act i {
  background-image: url(../images/icon-nav-i4h.png);
}
.nav li:nth-child(5).act i {
  background-image: url(../images/icon-nav-i5h.png);
}
.nav li:nth-child(6).act i {
  background-image: url(../images/icon-nav-i6h.png);
}
.nav li:nth-child(7).act i {
  background-image: url(../images/icon-nav-i7h.png);
}
.links {
  height: 66px;
  background-color: #f0f0f0;
  padding: 18px 0;
  box-sizing: border-box;
  line-height: 30px;
  font-size: 16px;
}
.links h6 {
  font-size: 16px;
  color: #054c82;
  margin-right: 10px;
  float: left;
}
.links-cont {
  float: left;
}
.links-cont .links-item {
  width: 320px;
  height: 30px;
  background-color: #e0e0e0;
  position: relative;
  cursor: pointer;
  padding-left: 10px;
  box-sizing: border-box;
  margin-left: 30px;
  margin-right: 30px;
  border-radius: 3px;
  float: left;
}
.links-cont .links-item:last-child {
  margin-right: 0;
}
.links-cont .links-item label {
  cursor: pointer;
}
.links-cont .links-item i {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 0;
  height: 0;
  border-top: 6px solid #5e5e5e;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  transition: all 0.4s;
}
.links-dropdown {
  display: none;
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  max-height: 300px;
  background-color: #fff;
  z-index: 999999;
  padding: 10px;
  box-sizing: border-box;
  overflow: auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.links-dropdown a {
  color: #333;
  display: block;
}
.links-item.hover .links-dropdown {
  display: block;
}
.links-item.hover i {
  transform: rotate(180deg);
}
.footer {
  background-color: #1567a5;
  padding: 40px 0 0;
  text-align: center;
  color: #fff;
}
.footer a {
  color: #fff;
}
.footer-copyright {
  margin-top: 40px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #054c82;
}
.footer-copyright p {
  text-align: center;
  font-size: 14px;
}
.footer-a {
  width: 460px;
  float: left;
  line-height: 36px;
}
.footer-b {
  width: 280px;
  float: left;
  text-align: center;
}
.footer-b p {
  margin-top: 14px;
}
.footer-b p {
  text-align: center;
}
.footer-c {
  width: 180px;
  float: left;
  text-align: center;
  line-height: 36px;
}
.footer-c p {
  text-align: center;
}
.footer-d {
  width: 280px;
  line-height: 36px;
  float: left;
}
.cont {
  margin: 20px auto;
}
.main-notice {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  margin-bottom: 20px;
}
.main-notice h6 {
  width: 136px;
  float: left;
  text-align: right;
  font-size: 16px;
  color: #015591;
}
.main-notice-list {
  width: 1064px;
  float: left;
}
.main-notice-list .swiper-slide a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding-left: 20px;
  position: relative;
  color: #7f7f7f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-notice-list .swiper-slide a:hover {
  color: #054c80;
}
.main-notice-list .swiper-slide a::before {
  content: "";
  position: absolute;
  top: 13px;
  left: 5px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #7f7f7f;
}
.main-f1 {
  height: 390px;
  margin-bottom: 30px;
}
.head {
  /*height: 240px;*/
  margin-bottom: 30px;
}
.main-focus {
  width: 580px;
  height: 100%;
  float: left;
  margin-right: 40px;
}
.main-focus-swiper {
  width: 100%;
  height: 100%;
}
.main-focus-item {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.main-focus-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.main-focus-item:hover img {
  transform: scale(1.1);
}
.main-focus-item p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 65px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.66);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 20px;
  box-sizing: border-box;
}
.main-focus-item p a {
  color: #fff;
  font-size: 16px;
}
.main-focus .swiper-pagination {
  position: absolute;
  left: auto;
  right: 20px;
  bottom: 10px;
  display: inline-block;
  width: auto;
}
.main-focus .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 1;
  background-color: #888483;
}
.main-focus .swiper-pagination-bullet-active {
  background-color: #fff;
}
.main-news {
  width: 580px;
  height: 100%;
  float: left;
}
.main-news-tit {
  height: 36px;
  border-bottom: 2px solid #ececec;
  position: relative;
}
.main-news-tit a {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  color: #999999;
  line-height: 36px;
  padding-right: 10px;
}
.main-news-tit h6 {
  color: #fff;
  font-size: 18px;
  background-color: #054c82;
  height: 36px;
  line-height: 36px;
  padding: 0 20px;
  display: inline-block;
  position: relative;
}
.main-news-tit h6::after {
  content: "";
  position: absolute;
  top: 36px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  border-top: 4px solid #054c82;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}
.main-news-item {
  height: 70px;
  box-sizing: border-box;
  padding-top: 10px;
  border-bottom: 1px solid #ececec;
  position: relative;
  transition: all 0.3s;
}
.main-news-item:hover {
  padding-left: 10px;
}
.main-news-item a {
  display: block;
  font-size: 18px;
  color: #054c80;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-news-item p {
  font-size: 14px;
  line-height: 24px;
  width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #7f7f7f;
}
.main-news-item span {
  position: absolute;
  right: 14px;
  bottom: 3px;
  color: #7f7f7f;
  font-size: 14px;
  line-height: 24px;
}
.main-f2-hd {
  border-top: 2px solid #015591;
  background-color: #f5f5f5;
  height: 40px;
  line-height: 40px;
  padding: 0 14px;
  margin-bottom: 20px;
}
.main-f2-hd h6 {
  float: left;
  font-size: 18px;
  color: #015591;
}
.main-f2-hd a {
  float: right;
  color: #999999;
  font-size: 14px;
}
.main-f2-item {
  height: 150px;
  width: 585px;
  margin-right: 30px;
  float: left;
  margin-bottom: 20px;
}
.main-f2-item:nth-child(2n) {
  margin-right: 0;
}
.main-f2-item .main-f2-img {
  width: 200px;
  height: 150px;
  margin-right: 15px;
  float: left;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 0 5px #cecece;
}
.main-f2-item .main-f2-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.main-f2-item .main-f2-img:hover img {
  transform: scale(1.1);
}
.main-f2-item .main-f2-text {
  width: 370px;
  height: 150px;
  float: left;
  position: relative;
}
.main-f2-item .main-f2-text p {
  text-align: justify;
  line-height: 30px;
  color: #7f7f7f;
  font-size: 14px;
  text-indent: 2em;
  height: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.main-f2-item .main-f2-text h6 {
  font-size: 16px;
  color: #015591;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-f2-item .main-f2-text h6 a {
  color: #015591;
}
.main-f2-item:hover .main-f2-text h6 a {
  font-weight: bold;
}
.main-f2-item .main-f2-text .detail {
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 30px;
  color: #015591;
  font-size: 14px;
  background-color: #fff;
  padding-left: 20px;
}
.special {
  height: 90px;
  margin-bottom: 20px;
}
.special-tit {
  float: left;
  width: 40px;
  height: 90px;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background-color: #015591;
  padding-top: 20px;
}
.special-item {
  width: 275px;
  height: 90px;
  float: left;
  margin-left: 15px;
  transition: all 0.3s;
}
.special-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
}
.special-item img {
  width: 275px;
  height: 90px;
  object-fit: cover;
}
.main-f3 {
  height: 350px;
}
.main-f3l {
  height: 100%;
  width: 580px;
  float: left;
  margin-right: 40px;
}
.main-f3r {
  height: 100%;
  width: 580px;
  float: left;
}
.main-f3-hd {
  height: 40px;
  box-sizing: border-box;
  border-bottom: 1px solid #7f7f7f;
  position: relative;
  margin-bottom: 20px;
}
.main-f3-hd h6 {
  font-size: 18px;
  color: #333;
  line-height: 38px;
}
.main-f3-hd h6 span {
  display: inline-block;
  margin-right: 26px;
  cursor: pointer;
}
.main-f3-hd h6 .act {
  color: #054c80;
  font-weight: bold;
  border-bottom: 2px solid #1e5a99;
}
.main-f3-hd a {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 38px;
  color: #999999;
  font-size: 14px;
}
.main-f3-box {
  display: none;
}
.main-f3-box li {
  height: 34px;
  line-height: 34px;
  position: relative;
  padding-left: 18px;
  padding-right: 110px;
  color: #7f7f7f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.3s;
}
.main-f3-box li:hover {
  padding-left: 30px;
  color: #054c80;
}
.main-f3-box li::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #7f7f7f;
}
.main-f3-box li a {
  font-size: 16px;
  color: #7f7f7f;
}
.main-f3-box li a:hover {
  color: #054c80;
}
.main-f3-box li span {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 34px;
  font-size: 16px;
  color: #7f7f7f;
}
.resources-item {
  width: 100%;
  height: 80px;
  float: left;
  margin-right: 20px;
  margin-bottom: 14px;
  line-height: 0;
  transition: all 0.3s;
}
.resources-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
}
.resources-item:nth-child(2n) {
  margin-right: 0;
}
.resources-item img {
  width: 100%;
  height: 80px;
  object-fit: cover;
  border-radius: 8px;
}
.main-f4 {
  margin-bottom: 20px;
}
.main-f4-hd {
  height: 40px;
  box-sizing: border-box;
  border-bottom: 1px solid #7f7f7f;
  position: relative;
  margin-bottom: 20px;
}
.main-f4-hd h6 {
  font-size: 18px;
  color: #333;
  line-height: 38px;
}
.main-f4-hd h6 span {
  display: inline-block;
  margin-right: 26px;
  cursor: pointer;
}
.main-f4-hd h6 .act {
  color: #054c80;
  font-weight: bold;
  border-bottom: 2px solid #1e5a99;
}
.main-f4-hd a {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 38px;
  color: #999999;
  font-size: 14px;
}
.main-f4-box {
  height: 220px;
  display: none;
}

.main-f4-item {
  width: 228px;
  height: 220px;
  margin-right: 15px;
  float: left;
}
.main-f4-item .main-f4-img {
  width: 228px;
  height: 180px;
  border-radius: 5px;
  border-right: 5px;
  box-shadow: 0 0 5px #cecece;
  margin-bottom: 10px;
  overflow: hidden;
}
.main-f4-item .main-f4-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.main-f4-item .main-f4-img:hover img {
  transform: scale(1.1);
}
.main-f4-item p {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #7f7f7f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-f4-item p a {
  color: #7f7f7f;
  font-size: 16px;
}
.main-f4-item p a:hover {
  color: #054c80;
}
.main-f4-box .main-f4-item:last-child {
  margin-right: 0;
}
.main-f4-item img {
  width: 228px;
  height: 180px;
  object-fit: cover;
}
.breadcrumb {
  height: 55px;
  padding-left: 50px;
  background: #f0f0f0 url(../images/icon-breadcrumb.png) 14px center no-repeat;
  font-size: 16px;
  color: #4c4c4c;
  line-height: 55px;
  margin-bottom: 20px;
}
.breadcrumb a {
  color: #4c4c4c;
  padding: 0 5px;
}
.sub-tab {
  width: 260px;
  float: left;
  margin-right: 20px;
  background-color: #f0f0f0;
  padding-bottom: 40px;
}
.sub-tab-tit {
  height: 85px;
  line-height: 85px;
  width: 100%;
  color: #fff;
  font-size: 26px;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  letter-spacing: 2px;
}
.sub-tab-list a {
  display: block;
  height: 80px;
  line-height: 80px;
  border-bottom: 1px solid #fff;
  color: #666666;
  font-size: 18px;
  padding-left: 70px;
  transition: all 0.3s;
}
.sub-tab-list a i {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 10px solid #666666;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.sub-tab-list a label {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.sub-tab-list a:hover,
.sub-tab-list a.act {
  color: #054c82;
  padding-left: 80px;
}
.sub-tab-list a:hover i,
.sub-tab-list a.act i {
  border-left: 10px solid #054c82;
}
.sub-tab-news {
  background-image: url(../images/img-sub-tab-news.jpg);
}
.sub-tab-centerInfo {
  background-image: url(../images/img-sub-tab-centerInfo.jpg);
}
.sub-tab-research {
  background-image: url(../images/img-sub-tab-research.jpg);
}
.sub-tab-personnel {
  background-image: url(../images/img-sub-tab-personnel.jpg);
}
.sub-tab-cooperation {
  background-image: url(../images/img-sub-tab-cooperation.jpg);
}
.sub-tab-result {
  background-image: url(../images/img-sub-tab-result.jpg);
}
.sub-tab-spiritual {
  background-image: url(../images/img-sub-tab-spiritual.jpg);
}
.sub-cont {
  width: 920px;
  float: left;
}
.sub-cont-hd {
  height: 50px;
  line-height: 50px;
  padding-left: 16px;
  background-color: #f0f0f0;
}
.sub-cont-hd h6 {
  color: #054c82;
  font-size: 20px;
}
.sub-cont-ft {
  padding: 20px;
}
.news-list li {
  position: relative;
  height: 50px;
  box-sizing: border-box;
  line-height: 50px;
  border-bottom: 1px solid #ececec;
  padding-right: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #7f7f7f;
  transition: all 0.3s;
}
.news-list li:hover {
  padding-left: 10px;
  color: #054c80;
}
.news-list li a {
  font-size: 16px;
  color: #7f7f7f;
}
.news-list li a:hover {
  color: #054c80;
}
.news-list li span {
  color: #7f7f7f;
  position: absolute;
  top: 0;
  right: 0;
}
.about p {
  color: #525966;
  font-size: 16px;
  line-height: 32px;
  text-indent: 2em;
  margin: 10px 0;
  text-align: justify;
}
.about .contact {
  margin: 50px 0;
}
.about .contact p {
  text-indent: 0;
  margin: 20px 0;
}
.leader-list {
  width: 800px;
  margin: 50px auto;
}
.leader-item {
  width: 200px;
  height: 270px;
  float: left;
  margin-bottom: 20px;
}
.leader-img {
  width: 160px;
  height: 220px;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: 0 0 10px #cdcdcd;
}
.leader-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.leader-img:hover img {
  transform: scale(1.1);
}
.leader-item p {
  height: 50px;
  line-height: 50px;
  text-align: center;
  white-space: nowrap;
  font-size: 15px;
  color: #666666;
}
.leader-item p a {
  font-size: 15px;
  color: #666666;
}
.organization-text h6 {
  text-align: center;
  font-size: 24px;
  color: #054c82;
  margin: 20px 0;
}
.organization-text p {
  color: #666;
  font-size: 16px;
  line-height: 28px;
  text-indent: 2em;
  margin: 10px 0;
}
.organization-chart {
  margin-top: 50px;
  border-top: 1px solid #f0f0f0;
  padding-top: 36px;
  margin-bottom: 40px;
  text-align: center;
  color: #fff;
}
.organization-chart dt {
  height: 100px;
  position: relative;
}
.organization-chart dt::before {
  content: "";
  position: absolute;
  top: 50px;
  left: 50%;
  height: 50px;
  width: 1px;
  background-color: #f0f0f0;
}
.organization-chart dt::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 110px;
  height: 1px;
  width: 660px;
  background-color: #f0f0f0;
}
.organization-chart dt h4 {
  display: inline-block;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  padding: 0 40px;
  background-color: #1f4e7a;
}
.organization-chart dd {
  width: 220px;
  float: left;
  position: relative;
}
.organization-chart dd::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  height: 130px;
  width: 1px;
  background-color: #f0f0f0;
  z-index: -1;
}
.organization-chart dd:nth-child(3) {
  width: 360px;
  margin: 0 40px;
}
.organization-chart dd h6 {
  display: inline-block;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  padding: 0 40px;
  background-color: #2f5598;
  margin: 40px 0;
}
.organization-chart dd li{
  background-color: #5b9cd5;
  margin-bottom: 6px;
  line-height: 21px;
  font-size: 15px;
  padding: 6px 0;
}
.organization-chart dd li a{
color:#Fff;
}
.organization-chart dd li a:hover{
  color: #e0e0e0;
}
.scene {
  margin-left: -12px;
  margin-right: -12px;
}
.scene-item {
  width: 289px;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #c3bebe;
  border-radius: 8px;
  margin-right: 18px;
  margin-bottom: 20px;
  float: left;
}
.scene-item:nth-child(3n) {
  margin-right: 0;
}
.scene-item .scene-img {
  width: 100%;
  height: 150px;
  overflow: hidden;
}
.scene-item .scene-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.scene-item:hover .scene-img img {
  transform: scale(1.1);
}
.scene-item p {
  font-size: 16px;
  text-align: center;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 10px;
}
.scene-item p a {
  color: #666;
}
.research-tit {
  height: 40px;
  box-sizing: border-box;
  padding: 11px 0;
  border-bottom: 2px solid #cce7f4;
  margin-bottom: 10px;
}
.research-item h6 {
  color: #015591;
  font-size: 18px;
  height: 16px;
  line-height: 16px;
  /*border-left: 3px solid #ea3e00;*/
  padding-left: 10px;
  /*transition: all 0.3s;*/
}
.research-item:hover h6 {
  /*padding-left: 20px;*/
  /*font-weight: bold;*/
}
.research-item svg{
 vertical-align: middle;
}
.research-item h6 a {
  color: #015591;
}
.research-text {
  margin-bottom: 20px;
}
.research-text p {
  color: #666666;
  line-height: 28px;
  text-indent: 2em;
  margin: 5px 0;
  float: left;
  font-size: 16px;
}

.platform-item {
  position: relative;
  height: 150px;
  padding: 20px 0;
  border-bottom: 2px solid #f7f7f7;
}
.platform-img {
  width: 200px;
  height: 150px;
  float: left;
  margin-right: 20px;
  overflow: hidden;
}
.platform-img img {
  width: 200px;
  height: 150px;
  object-fit: cover;
  transition: all 0.3s;
  border-radius: 5px;
}
.platform-img:hover img {
  transform: scale(1.1);
}
.platform-text {
  width: 660px;
  float: left;
  height: 150px;
}
.platform-text h6 {
  font-size: 18px;
  color: #015591;
  line-height: 38px;
}
.platform-item:hover h6 {
  font-weight: bold;
}
.platform-text h6 a {
  color: #015591;
}
.platform-text p {
  text-align: justify;
  line-height: 28px;
  color: #7f7f7f;
  font-size: 16px;
  text-indent: 2em;
  max-height: 112px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.platform-text .detail {
  position: absolute;
  bottom: 18px;
  right: 0;
  line-height: 28px;
  color: #015591;
  font-size: 14px;
  background-color: #fff;
  padding-left: 20px;
}
.base-item {
  position: relative;
  height: 150px;
  padding: 20px 0;
  border-bottom: 2px solid #f7f7f7;
}
.base-img {
  width: 200px;
  height: 150px;
  float: left;
  margin-right: 20px;
  overflow: hidden;
}
.base-img img {
  width: 200px;
  height: 150px;
  object-fit: cover;
  transition: all 0.3s;
}
.base-img:hover img {
  transform: scale(1.1);
}
.base-text {
  width: 660px;
  float: left;
  height: 150px;
}
.base-text h6 {
  font-size: 18px;
  color: #015591;
  line-height: 38px;
}
.base-item:hover h6 {
  font-weight: bold;
}
.base-text h6 a {
  color: #015591;
}
.base-text p {
  text-align: justify;
  line-height: 28px;
  color: #7f7f7f;
  font-size: 16px;
  text-indent: 2em;
  max-height: 112px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.base-text .detail {
  position: absolute;
  bottom: 18px;
  right: 0;
  line-height: 28px;
  color: #015591;
  font-size: 14px;
  background-color: #fff;
  padding-left: 20px;
}
.facilities-row {
  margin-bottom: 20px;
}
.facilities-hd {
  background-color: #eaf3fa;
  position: relative;
  height: 45px;
  line-height: 45px;
  padding-left: 35px;
  color: #005491;
  padding-right: 45px;
  cursor: pointer;
}
.facilities-hd h2 {
  font-size: 18px;
  line-height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.facilities-hd::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 15px;
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid #015591;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  transition: all 0.3s;
}
.facilities-hd::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 45px;
  display: block;
  border-left: 1px solid #d1e5f5;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/icon-facilities-tit.png);
}
.facilities-ft {
  display: none;
}
.facilities-row.act .facilities-hd {
  background-color: #015196;
  color: #fff;
}
.facilities-row.act .facilities-hd::before {
  border-left: 10px solid #fff;
  transform: rotate(90deg);
}
.facilities-row.act .facilities-hd::after {
  background-image: url(../images/icon-facilities-tit-h.png);
}
.facilities-row.act .facilities-ft {
  display: block;
}
.facilities-item {
  width: 420px;
  height: 150px;
  margin-right: 40px;
  float: left;
  margin-top: 20px;
}
.facilities-box .facilities-item:nth-child(2n) {
  margin-right: 0;
}
.facilities-item .facilities-img {
  width: 180px;
  height: 100%;
  float: left;
  margin-right: 20px;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 0 10px #cdcdcd;
}
.facilities-item .facilities-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.facilities-item .facilities-img:hover img {
  transform: scale(1.1);
}
.facilities-item .facilities-text {
  width: 220px;
  height: 100%;
  float: left;
}
.facilities-item .facilities-text h6 {
  font-size: 18px;
  color: #005491;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 36px;
}
.facilities-item:hover .facilities-text h6 {
  font-weight: bold;
}
.facilities-item .facilities-text h6 a {
  color: #005491;
}
.facilities-item .facilities-text p {
  line-height: 28px;
  max-height: 84px;
  text-indent: 2em;
  color: #7f7f7f;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.facilities-item .facilities-text span {
  line-height: 30px;
  font-size: 16px;
  color: #005491;
  display: block;
}
.periodical-search {
  padding: 10px 0;
  border-bottom: 2px solid #e0e0e0;
  margin-bottom: 20px;
}
.periodical-search .layui-btn {
  background-color: #ff7f00;
}
.periodical-item {
  height: 180px;
  padding: 20px 0;
  border-bottom: 1px solid #ececec;
}
.periodical-item .periodical-img {
  width: 140px;
  height: 180px;
  margin-right: 20px;
  float: left;
  overflow: hidden;
}
.periodical-item .periodical-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.periodical-item .periodical-img:hover img {
  transform: scale(1.1);
}
.periodical-item .periodical-text {
  float: left;
  width: 720px;
  height: 180px;
}
.periodical-item .periodical-text h2 {
  font-size: 18px;
  color: #005391;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.periodical-item:hover .periodical-text h2 {
  font-weight: bold;
}
.periodical-item .periodical-text h2 a {
  color: #005391;
}
.periodical-item .periodical-text h6 {
  font-size: 16px;
  color: #7f7f7f;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.periodical-item .periodical-text p {
  text-indent: 2em;
  font-size: 14px;
  line-height: 26px;
  color: #7f7f7f;
  height: 78px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 2px;
}
.periodical-item .periodical-text span {
  display: inline-block;
  height: 20px;
  line-height: 18px;
  padding: 0 10px;
  border: 1px solid #eee;
  font-size: 12px;
  color: #999;
  margin-right: 10px;
}
.expert-type-list {
  height: 108px;
  overflow: hidden;
  margin-bottom: 30px;
}
.expert-type.show .expert-type-list {
  height: auto;
}
.expert-type p {
  width: 50%;
  float: left;
  font-size: 16px;
  color: #7f7f7f;
  line-height: 36px;
  padding-left: 18px;
  position: relative;
  box-sizing: border-box;
}
.expert-type p::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #7f7f7f;
}
.expert-type p a {
  color: #7f7f7f;
}
.expert-type p.act a {
  color: #005491;
}
.expert-type-toggle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #f0f0f0;
  position: relative;
  margin: 0 auto;
  cursor: pointer;
}
.expert-type-toggle::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 8px solid #7f7f7f;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  margin-left: -7px;
  margin-top: -4px;
  transition: all 0.3s;
}
.expert-type.show .expert-type-toggle::before {
  transform: rotate(180deg);
}
.expert-box {
  margin-top: 30px;
  border-top: 2px solid #f0f0f0;
  padding-top: 30px;
}
.expert-item {
  width: 140px;
  height: 240px;
  margin-bottom: 20px;
  margin-right: 40px;
  float: left;
}
.expert-list {
  margin-left: 10px;
}
.expert-item:nth-child(5n) {
  margin-right: 0;
}
.expert-item .expert-img {
  width: 140px;
  height: 200px;
  margin-bottom: 10px;
  overflow: hidden;
  box-shadow: 0 0 10px #cdcdcd;

}
.expert-item .expert-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.expert-item .expert-img:hover img {
  transform: scale(1.1);
}
.expert-item p {
  text-align: center;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #666666;
}
.expert-item p a {
  color: #666666;
}
.expertDetail-info {
  height: 205px;
  margin-bottom: 20px;
}
.expertDetail-img {
  width: 150px;
  height: 205px;
  margin-right: 30px;
  float: left;
}
.expertDetail-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.expertDetail-text {
  width: 700px;
  height: 205px;
  float: left;
}
.expertDetail-text li {
  width: 50%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 10px 0;
  float: left;
  font-size: 16px;
  color: #333;
}
.expertDetail-text li span {
  color: #767676;
}
.expertDetail-tab {
  height: 40px;
  box-sizing: border-box;
  border-bottom: 1px solid #dedede;
}
.expertDetail-tab span {
  float: left;
  display: block;
  height: 39px;
  line-height: 39px;
  padding: 0 20px;
  cursor: pointer;
  font-size: 16px;
  color: #222;
}
.expertDetail-tab span.act {
  border-top: 2px solid #015591;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  height: 38px;
  line-height: 38px;
  background-color: #fff;
}
.expertDetail-box {
  border: 1px solid #dedede;
  border-top: none;
  padding: 20px;
}
.expertDetail-box p {
  font-size: 14px;
  color: #333;
  line-height: 26px;
  margin-bottom: 6px;
  text-indent: 2em;
}
.expertDetail-box-item {
  display: none;
}
.recruitment-tit {
  padding: 0 10px;
  background-color: #054c82;
  color: #fff;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
.recruitment-cont {
  padding: 10px 0;
  text-align: center;
}
.recruitment .jobTitle {
  float: left;
  width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recruitment .number {
  float: left;
  width: 10%;
}
.recruitment .department {
  float: left;
  width: 30%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recruitment .content {
  float: left;
  width: 30%;
text-align: left;
}
.recruitment .operation {
  float: left;
  width: 20%;
}
.recruitment-item {
  background-color: #eefaff;
  min-height: 35px;
  line-height: 35px;
  margin-bottom: 10px;
  color: #666;
  clear: both;
  display: flex;
  border-radius: 5px;
}
.recruitment-list .jobTitle {
  padding-left: 20px;
  box-sizing: border-box;
  text-align: left;
}
.recruitment-list .operation {
  cursor: pointer;
}
.recruitment-info {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 10px;
}
.recruitment-info-cont {
  margin:20px;
  overflow: auto;
}
.recruitment-info .close {
  font-style: normal;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  color: #fff;
  line-height: 28px;
  height: 28px;
  width: 90px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #054c82;
}
.recruitment-info dl {
  margin-bottom: 10px;
  font-size: 14px;
}
.recruitment-info dt {
  width: 90px;
  float: left;
  color: #666;
}
.recruitment-info dd {
  margin-left: 90px;
}
.recruitment-info dd p {
  color: #333;
  line-height: 28px;
  margin-bottom: 4px;
}
.mask {
  display: none;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.7;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}
.cooperation-list li {
  position: relative;
  height: 50px;
  box-sizing: border-box;
  line-height: 50px;
  border-bottom: 1px solid #ececec;
  padding-right: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #7f7f7f;
  transition: all 0.3s;
}
.cooperation-list li:hover {
  padding-left: 10px;
  color: #054c80;
}
.cooperation-list li a {
  font-size: 16px;
  color: #7f7f7f;
}
.cooperation-list li a:hover {
  color: #054c80;
}
.cooperation-list li span {
  color: #7f7f7f;
  position: absolute;
  top: 0;
  right: 0;
}
.spiritual-list li {
  position: relative;
  height: 50px;
  box-sizing: border-box;
  line-height: 50px;
  border-bottom: 1px solid #ececec;
  padding-right: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #7f7f7f;
  transition: all 0.3s;
}
.spiritual-list li:hover {
  padding-left: 10px;
  color: #054c80;
}
.spiritual-list li a {
  font-size: 16px;
  color: #7f7f7f;
}
.spiritual-list li a:hover {
  color: #054c80;
}
.spiritual-list li span {
  position: absolute;
  color: #7f7f7f;
  top: 0;
  right: 0;
}
.case-list .case-item {
  width: 420px;
  height: 150px;
  margin-right: 40px;
  margin-bottom: 30px;
  float: left;
}
.case-list .case-item:nth-child(2n) {
  margin-right: 0;
}
.case-item .case-img {
  width: 180px;
  height: 150px;
  float: left;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 0 5px #cecece;
}
.case-item .case-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.case-item .case-img:hover img {
  transform: scale(1.1);
}
.case-item .case-text {
  margin-left: 192px;
}
.case-item .case-text h6 {
  color: #005391;
  font-size: 18px;
  line-height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.case-item:hover .case-text h6 {
  font-weight: bold;
}
.case-item .case-text h6 a {
  color: #005391;
}
.case-item .case-text p {
  height: 112px;
  line-height: 28px;
  color: #7f7f7f;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.techpro-tab {
  background-color: #f0f0f0;
  height: 48px;
  line-height: 46px;
  padding: 0px;
}
.techpro-tab span {
  display: inline-block;
  font-size: 18px;
  color: #666666;
  cursor: pointer;
  padding: 0 10px;
  margin-right: 10px;
}
.techpro-tab span.act {
  color: #054c7f;
  border-bottom: 2px solid #054c7f;
}
.techpro-item {
  padding: 15px 0;
  border-bottom: 1px solid #ececec;
}
.techpro-item .techpro-img {
  width: 200px;
  height: 150px;
  float: left;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 0 5px #cecece;
}
.techpro-item .techpro-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.techpro-item .techpro-img:hover img {
  transform: scale(1.1);
}
.techpro-item .techpro-text {
  margin-left: 215px;
  height: 150px;
  position: relative;
}
.techpro-item .techpro-text p {
  text-align: justify;
  line-height: 28px;
  color: #7f7f7f;
  font-size: 14px;
  text-indent: 2em;
  height: 112px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.techpro-item .techpro-text h6 {
  font-size: 16px;
  color: #015591;
  line-height: 38px;
}
.techpro-item:hover .techpro-text h6 {
  font-weight: bold;
}
.techpro-item .techpro-text h6 a {
  color: #015591;
}
.techpro-item .techpro-text .detail {
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 30px;
  color: #015591;
  font-size: 14px;
  background-color: #fff;
  padding-left: 20px;
}

.about p[align="right"]{
  text-align: right;
}
.about div[align="right"] p{
  text-align: right;
}

.pagination{text-align: center;}
.content_detail{width:1200px; margin:10px auto; margin-top: 20px; background-color: #fff; padding: 10px; border-radius: 10px; box-shadow: 0 0 10px #d5d5d5;}
.content_detail .top{color: #333333;font-size: 16px; padding: 18px 20px;background: #fff;margin-top: 20px;}
.content_detail .top img{display: inline-block;vertical-align:top;margin-right: 13px;}
.content_detail .top em{display: inline-block;vertical-align:top;padding:0px 3px;margin-top:2px;}
.content_detail .top a{display: inline-block;vertical-align:top;color:#333333;font-size:16px;margin-top:2px;padding:0px 3px;}
.content_detail .top a:hover{color:#007AFF}
.content_detail .section{padding:20px 0px 30px 0px;}
.content_detail .section .main{background: #fff;padding: 20px;}
.content_detail .section .main .dec p{text-indent: 2em;font-size:16px;color:#333333;line-height: 30px;margin-bottom:23px;}
.content_detail .section .main .unit_details{padding:0 50px 30px 50px;}
.content_detail .section .main .unit_details p{text-indent: 2em;color:#1e1e1e;font-size:16px;line-height: 36px;text-align: justify; text-justify: inter-character;}
.content_detail .section .main .unit_details table p{text-indent: 0em;color:#1e1e1e;font-size:16px;line-height: 30px;}
.content_detail .section .main .unit_details p img{width:700px!important; margin-left:158px; margin-top:15px;}
.content_detail .section .main .unit_details .head{line-height: 40px;color:#1e1e1e; text-align: center;font-size:26px;margin-bottom:18px;}
.content_detail .section .main .unit_title{width:100%; height:30px; display: block; color: #595959}
.content_detail .section .main .unit_title i{margin-right:5px; color: #17a647}
.content_detail .section .main label{display:block; text-align: center; width:33.3%; float: left;height:30px;}
.content_detail a{color:#007AFF}

.nav li svg {
  display: inline-block;
  margin-top:14px;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  margin-right: 5px;
}

.layui-table-cell, .layui-table-tool-panel li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal!important;
  font-size:16px;
}

.fa-angle-right{margin: 0 8px;}
.contact p{text-indent: 0rem; font-size: 16px; line-height: 30px; color:#555}