body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
legend,
button,
input,
textarea,
th,
td,
div {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body,
button,
input,
select,
textarea {
  font: 0.625vw/1 'Microsoft YaHei', '微软雅黑', 'Microsoft YaHei UI', Helvetica, Tahoma, Arial, '\5b8b\4f53', sans-serif;
  -webkit-font-smoothing: antialiased;
}

body.en,
body.en button,
body.en input,
body.en select,
body.en textarea {
  font: 0.625vw/1 'Myriad Set Pro', 'Helvetica Neue', Helvetica, Tahoma, Arial, '\5b8b\4f53', sans-serif;
}

body.detail {
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
  font-family: PingFangSC-Medium, PingFangHK-Regular, SourceHanSansCN-Normal, 'Source Han Sans CN', 'Microsoft YaHei', '微软雅黑', 'Microsoft YaHei UI', Helvetica, Tahoma, Arial, '\5b8b\4f53', sans-serif;
}

p {
  font-family: PingFangSC-Regular, PingFangHK-Regular, SourceHanSansCN-Normal, 'Source Han Sans CN', 'Microsoft YaHei', '微软雅黑', 'Microsoft YaHei UI', Helvetica, Tahoma, Arial, '\5b8b\4f53', sans-serif;
}

address,
cite,
dfn,
em,
var,
i {
  font-style: normal;
}

code,
kbd,
pre,
samp,
tt {
  font-family: 'Courier New', Courier, monospace;
}

small {
  font-size: 0.625vw;
}

ul,
ol {
  list-style: none;
}

:focus {
  outline: 0;
}

a {
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: none;
}

abbr[title],
acronym[title] {
  border-bottom: 0.052vw dotted;
  cursor: help;
}

q:before,
q:after {
  content: '';
}

legend {
  color: #191919;
}

fieldset,
img {
  border: none;
}

img {
  display: block;
}

button,
input,
select,
textarea {
  font-size: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  border: none;
  height: 0.052vw;
}

html,
body {
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

html {
  overflow-y: scroll;
  background-color: #fff;
}

.hidden {
  display: none;
}

body.toolbar {
  padding: 0 !important;
}

::selection {
  color: #1c2878;
  background: #fff;
}

.nav-bar {
  position: relative;
  z-index: 2;
  width: 68.75vw;
  margin: 1.302vw auto 0;
  display: flex;
  justify-content: space-between;
}

.nav-bar .logo img {
  display: block;
  width: 21.563vw;
  height: 3.698vw;
}

.nav-bar .menu-list {
  display: flex;
  margin-top: 0.417vw;
  font-size: 0.8vw;
  color: #fff;
}

.nav-bar .menu-list li {
  margin-left: 1.979vw;
  line-height: 0.938vw;
  transition: all 0.3s;
}

.nav-bar .menu-list li:hover {
  transform: scale(1.2);
}

.nav-bar .menu-list li a {
  color: #fff;
}

.index-page {
  background: url(../images/index-bg.png) no-repeat center top;
  background-size: 100% auto;
  padding-top: 8.333vw;
}

.index-page .nav-bar {
  margin-top: 1.823vw;
}

.index-container {
  width: 88.542vw;
  margin: 0 auto;
  overflow: hidden;
}

.index-swiper {
  position: relative;
  z-index: 1;
  width: 88.542vw;
  margin-top: -5.573vw;
}

.index-swiper.swiper-container-vertical > .swiper-pagination-bullets {
  right: 4.167vw;
}

.index-swiper img {
  width: 100%;
}

.index-about,
.index-honor,
.index-partner,
.index-news,
.index-culture {
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 88.542vw;
  height: 47.292vw;
  background: url(../images/index-about.png) no-repeat center;
  background-size: 100% auto;
  margin-top: -2.188vw;
}

.index-about .about-text {
  margin: 7.292vw auto;
  width: 76.146vw;
  height: 4.74vw;
  font-size: 1.042vw;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.8vw;
}

.index-about .service {
  display: block;
  width: 67.135vw;
  height: 8.438vw;
  margin: 0 auto;
}

.index-about .case {
  display: flex;
  justify-content: space-between;
  margin: 3.281vw 8.594vw 0;
}

.index-about .case li {
  position: relative;
  top: 0;
  width: 22.917vw;
  transition: all 0.3s;
}

.index-about .case li:hover {
  top: -0.521vw;
  opacity: 0.8;
}

.index-about .case li img {
  width: 100%;
}

.index-about .case li p {
  position: absolute;
  left: 0.885vw;
  bottom: 0.833vw;
  font-weight: 500;
  color: #ffffff;
  font-size: 1.302vw;
  line-height: 1;
}

.index-honor {
  box-sizing: border-box;
  padding: 11.458vw 11.979vw 0;
  background-image: url(../images/index-honor.png);
}

.honor-swiper {
  padding: 1.042vw;
  overflow: hidden;
}

.index-honor img {
  width: 100%;
  transition: all 0.3s;
}

.index-honor img:hover {
  transform: scale(1.1);
}

.index-honor .swiper-button-next,
.swiper-button-prev {
  right: 8.75vw;
  width: 1.771vw;
  height: 3.802vw;
  background: url(../images/arrow-right.png) no-repeat center;
  background-size: 100% auto;
}
.index-honor .swiper-button-prev {
  left: 8.75vw;
  right: auto;
  background: url(../images/arrow-left.png) no-repeat center;
  background-size: 100% auto;
}

.index-partner {
  background-image: url(../images/index-partner.png);
}
.index-partner img {
  width: 61.615vw;
  margin: 9.167vw 0 0 12.188vw;
  transition: all 0.3s;
}

.index-news {
  background-image: url(../images/index-news.png);
}

.index-news .news-list {
  display: flex;
  flex-wrap: wrap;
  margin: 11.302vw 0 0 27.031vw;
  background-color: #fff;
  padding-left: 1.302vw;
  padding-bottom: 1.302vw;
  width: 46.1vw;
}

.index-news .news-list .news-item {
  flex: 0 1 13.594vw;
  margin: 1.302vw 1.302vw 0 0;
  overflow: hidden;
}

.index-news .news-list .news-item .news-img {
  width: 100%;
  height: 8.802vw;
  overflow: hidden;
}

.index-news .news-list .news-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}

.index-news .news-list .news-item:hover img {
  transform: scale(1.2);
  opacity: 0.8;
}

.index-news .news-list .news-item:hover h3 {
  color: #061942;
}

.index-news .news-list .news-item h3 {
  margin-top: 0.26vw;
  line-height: 1.667vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #585858;
  font-size: 0.885vw;
}
.index-news .news-item p {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #585858;
  line-height: 1.042vw;
  font-size: 0.625vw;
}

.index-culture {
  background-image: url(../images/index-culture.png);
}

.index-culture ul {
  display: flex;
  justify-content: space-between;
  margin: 11.927vw 0 0 6.979vw;
  width: 74.844vw;
}

.index-culture ul li {
  flex: 0 1 22.604vw;
  overflow: hidden;
  text-align: center;
}

.index-culture ul li .img-wrap {
  width: 100%;
  height: 19.167vw;
  overflow: hidden;
  border-radius: 0.625vw;
}

.index-culture ul li .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}

.index-culture ul li:hover img {
  transform: scale(1.2);
  opacity: 0.8;
}

.index-culture ul li h3 {
  margin: 1.667vw 0 0.625vw;
  line-height: 1;
  font-size: 0.938vw;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.index-culture ul li p {
  line-height: 1.2;
  font-size: 0.833vw;
  color: #a4a4a4;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.index-culture ul li:hover h3 {
  color: #061942;
}

.footer {
  display: flex;
  position: relative;
  z-index: 3;
  overflow: hidden;
  height: 34.896vw;
  background: url(../images/footer-bg.png) no-repeat center;
  background-size: 100% auto;
  padding-top: 8.177vw;
}

.footer .info {
  width: 36.458vw;
  margin-left: 12.865vw;
  color: #fff;
}

.footer .info img {
  width: 10.781vw;
  height: 10.781vw;
  margin-left: 6.875vw;
}

.footer .info h3 {
  margin-top: 2vw;
  font-size: 2.5vw;
}

.footer .info p {
  margin-top: 0.9vw;
  font-size: 1.302vw;
}

.footer .info p a {
  color: #fff;
}

.footer .link {
  margin: 11.979vw 0 0 17.031vw;
  color: #b1b1b1;
}
.footer .link a {
  color: #b1b1b1;
}
.footer .link a:hover {
  text-decoration: underline;
}

.index-page .footer {
  width: 88.542vw;
  background-image: url(../images/index-footer.png);
  margin: -2.188vw auto 10.26vw;
}
.index-page .footer .info {
  margin-left: 7.24vw;
}

/* 内页样式开始 ********************************************************************************* */
.banner {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: -5vw;
  color: #fff;
}

.banner img {
  width: 100%;
}

.banner h1 {
  position: absolute;
  font-size: 1.771vw;
  line-height: 1;
  top: 10.417vw;
  left: 50%;
  transform: translateX(-50%);
}

.banner h1::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1.3vw;
  background-color: #fff;
  margin-left: -1.823vw;
  height: 0.156vw;
  width: 3.646vw;
}

.inner-title {
  position: relative;
  margin-top: 2.292vw;
  text-align: center;
  line-height: 1;
  font-size: 1.771vw;
  color: #000;
}
.inner-title::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1.042vw;
  width: 9.792vw;
  height: 0.156vw;
  background: #000000;
  margin-left: -4.896vw;
}

.about {
  margin-top: 4.479vw;
  padding: 0 5.729vw 53.002px;
}

.about .wrap {
  display: flex;
  align-items: center;
  margin-bottom: 1.563vw;
}

.about .wrap img {
  flex-shrink: 0;
  width: 44.219vw;
}

.about .wrap .text {
  flex: 1;
  padding: 0 5.208vw;
}

.about .wrap .text h3 {
  line-height: 2.604vw;
  padding-bottom: 0.365vw;
  margin-bottom: 0.938vw;
  font-size: 1.354vw;
  color: #666666;
  border-bottom: 0.052vw solid #bfbfbf;
}

.about .wrap .text p {
  font-size: 0.833vw;
  color: #666666;
  line-height: 1.5;
}

.about-honor {
  position: relative;
  margin: 3.698vw 9.896vw 7vw;
}

.about-honor .swiper-slide {
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-honor img {
  display: inline-block;
  height: 14.375vw;
  transition: all 0.3s;
}

.about-honor img:hover {
  transform: scale(1.1);
}

.about-honor .swiper-button-next,
.about-honor .swiper-button-prev {
  right: -4.219vw;
  width: 1.771vw;
  height: 3.802vw;
  background: url(../images/arrow-right2.png) no-repeat center;
  background-size: 100% auto;
}
.about-honor .swiper-button-prev {
  left: -4.219vw;
  right: auto;
  background: url(../images/arrow-left2.png) no-repeat center;
  background-size: 100% auto;
}

.way-list {
  display: flex;
  justify-content: center;
  margin-top: 4.688vw;
}

.way-list li {
  margin: 0 4vw;
  flex: 0 1 13.021vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.way-list li img {
  width: 3.385vw;
}

.way-list li h3 {
  font-size: 1.302vw;
  color: #e63241;
  margin: 1.354vw 0 1.042vw;
}

.way-list li p {
  color: #353535;
  font-size: 1.042vw;
  line-height: 1.4;
}

.contact-map {
  width: 88.542vw;
  margin: 3.385vw auto 4.635vw;
}

.join-us {
  width: 85.938vw;
  display: flex;
  margin: 5.729vw auto 7.24vw;
}

.join-us img {
  width: 29.427vw;
  flex-shrink: 0;
}

.join-us div {
  margin-top: 1.875vw;
  width: 42.5vw;
  margin-left: 8.177vw;
  font-size: 1.302vw;
  color: #666666;
  line-height: 3.958vw;
}

.service-icon {
  width: 71.25vw;
  margin: 4.323vw auto 4.583vw;
}

.service-wrap {
  width: 84.375vw;
  display: flex;
  margin: 0 auto 4.583vw;
}

.service-wrap img {
  width: 30.469vw;
  margin-right: 6.771vw;
  flex-shrink: 0;
}

.service-wrap .text {
  flex: 1;
  margin-top: 1.042vw;
  color: #666;
  font-size: 0.885vw;
  line-height: 1.6;
}

.service-wrap .text h3 {
  margin-top: 18px;
  font-size: 1.042vw;
}

.service-wrap .text .line {
  margin: 1.354vw 0;
  border-bottom: 0.052vw solid #bfbfbf;
}

.search {
  position: relative;
  display: flex;
  align-items: center;
  width: 52.708vw;
  height: 1.667vw;
  background: #f2f2f2;
  border: 0.052vw solid #d8d8d8;
  border-radius: 0.781vw;
  margin: 4.167vw auto 2.083vw;
}

.search .text {
  margin: 0 0.781vw;
  flex: 1;
  border: 0;
  background-color: transparent;
}

.search img {
  height: 1.458vw;
  margin-right: 0.521vw;
}

.search .submit {
  position: absolute;
  right: 0.521vw;
  opacity: 0;
}

.news-list ul {
  width: 75vw;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

.news-list ul li {
  flex: 0 1 16.563vw;
  margin: 0 1.042vw 1.563vw;
  text-align: center;
  overflow: hidden;
}

.news-list ul li .img {
  width: 16.563vw;
  height: 14.063vw;
  overflow: hidden;
}

.news-list ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}

.news-list ul li:hover img {
  transform: scale(1.2);
}

.news-list li h3 {
  margin-top: 0.833vw;
  color: #a1a1a1;
  font-size: 0.885vw;
}

.news-list ul li:hover p {
  color: #061942;
}

.news-list li p {
  margin-top: 0.833vw;
  font-size: 0.885vw;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.3s;
}

.pager-load-more a,
a.load-more {
  background: #061942;
  border-radius: 5.208vw;
  width: 6.251vw;
  height: 2.501vw;
  font-size: 0.833vw;
  line-height: 2.501vw;
  color: #fff;
  text-align: center;
  margin: 1.042vw auto 4.083vw;
  display: block;
}

.news-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.5vw 6.875vw 0.3vw;
}

.news-header h2 {
  font-size: 1.302vw;
  line-height: 1.354vw;
  margin-bottom: 0.417vw;
}

.news-header p {
  font-size: 0.833vw;
}

.news-main {
  padding: 2.042vw 6.875vw;
}

.news-main p {
  font-size: 0.9vw;
  color: #222222;
  line-height: 1.8;
  text-align: justify;
}

.news-main p video {
  width: 100%;
}

.news-main p img {
  max-width: 100%;
  height: auto !important;
}

.news-main p.rtecenter {
  text-align: center;
}

ul.prev-next {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  padding: 2.083vw 0;
}

ul.prev-next a {
  color: #333;
}

ul.prev-next .fr {
  margin-left: auto;
}

.inner-nav {
  display: flex;
  justify-content: center;
  margin-top: 2.292vw;
}
.inner-nav li {
  position: relative;
  margin: 0 1.042vw;
  text-align: center;
  line-height: 1;
  font-size: 1.771vw;
  color: #000;
}

.inner-nav li a {
  display: block;
  line-height: 1;
  color: #000;
}

.inner-nav li a.active::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1.042vw;
  width: 5vw;
  height: 0.156vw;
  background: #000000;
  transform: translateX(-50%);
}

.article-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 75vw;
  margin: 5.938vw auto 0;
}

.article-list li {
  display: flex;
  width: 35vw;
  margin-bottom: 6.354vw;
  padding-bottom: 1.563vw;
  border-bottom: 1px solid #bfbfbf;
}

.article-list li .time {
  flex-shrink: 0;
  width: 4.479vw;
  margin-right: 1.354vw;
  line-height: 2.24vw;
  font-size: 1.094vw;
  color: #666;
  text-align: center;
}

.article-list li .time span {
  display: block;
  border: 1px solid #bfbfbf;
  border-bottom: 0;
}

.article-list li .time em {
  display: block;
  background-color: #0068b7;
  color: #fff;
}

.article-list li h2 {
  margin-top: 0.313vw;
  font-size: 1.406vw;
  line-height: 1;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.article-list li p {
  margin-top: 1.042vw;
  font-size: 1.094vw;
  line-height: 1;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list-pager {
  margin-bottom: 6.771vw;
  text-align: center;
}

.project-wrapper {
  width: 78.125vw;
  margin: 2.396vw auto;
}

.project-list {
  display: flex;
  flex-wrap: wrap;
}

.project-list li {
  width: 35.625vw;
  margin: 0 1.719vw 4.167vw;
}

.project-list li .img {
  width: 35.625vw;
  height: 16.667vw;
  overflow: hidden;
  margin-bottom: 1.563vw;
}

.project-list li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}

.project-list li img:hover {
  transform: scale(1.2);
}

.project-list li h3 {
  font-size: 0.885vw;
  line-height: 1.2;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}