@charset "UTF-8";
.wrap {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1200px;
  position: relative; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); }
  .header .wrap {
    position: static; }
  .header .logo {
    margin-top: 20px;
    float: left; }

.qq-link {
  margin-top: 25px;
  padding: 8px 25px 8px 50px;
  float: right;
  font-size: 12px;
  color: #fff;
  background: #0457a8 url("../img/icon-qq.png") no-repeat 20px center;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px; }
  .qq-link:hover {
    background-color: #1c74ca; }

.hd-nav {
  margin-right: 20px;
  float: right;
  white-space: nowrap; }
  .hd-nav > li {
    padding-right: 40px;
    float: left; }
    .hd-nav > li .hd-nav-one {
      padding: 20px 0;
      display: block;
      line-height: 40px;
      font-size: 16px;
      color: #222;
      position: relative; }
      .hd-nav > li .hd-nav-one::before {
        content: '';
        font-size: 0;
        position: absolute;
        margin-left: -10px;
        bottom: 0;
        left: 50%;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 12px solid #0457a8;
        display: none; }
    .hd-nav > li.on .hd-nav-one::before {
      display: block; }

.hd-nav-two {
  padding: 20px 0;
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  background: #0457a8;
  z-index: 10;
  text-align: center;
  font-size: 0;
  display: none; }
  .hd-nav-two li {
    margin: 0 5%;
    display: inline-block; }
    .hd-nav-two li a {
      font-size: 16px;
      color: #9eccff;
      line-height: 1.5; }
      .hd-nav-two li a:hover {
        color: #fff; }

.content {
  margin-top: 80px; }

.index-one {
  position: relative;
  overflow: hidden; }

.index-owl-img {
  position: relative;
  background: no-repeat center / cover;
  height: calc(100vh - 80px); }
  .index-owl-img img {
    width: 100%;
    display: none; }

.index-owl-text {
  position: absolute;
  left: 5%;
  right: 5%;
  top: 17%;
  color: #fff;
  text-align: center; }
  .index-owl-text .cn {
    font-size: 50px; }
    .index-owl-text .cn span {
      margin: 0 10px; }
  .index-owl-text .en {
    margin-top: 10px;
    font-size: 14px; }

.index-other-item {
  padding: 20px;
  position: absolute;
  bottom: 30px;
  width: calc(50% - 15px);
  background: url("../img/jia.png") no-repeat calc(100% - 20px) 20px;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2; }
  .index-other-item:hover .title {
    color: #0457a8; }


.index-news {
  right: 0; }

.index-other-text {
  color: #333;
  font-size: 12px; }
  .index-other-text .title {
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .index-other-text .index-about-int {
    line-height: 2;
    height: 6em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }

.index-about .index-about-box {
  position: relative; }
.index-about .index-other-text {
  margin-left: 32%; }

.index-other-img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 30%;
  background: no-repeat center / cover; }
  .index-other-img img {
    width: 100%;
    display: none; }

.index-news-demo {
  overflow: hidden;
  height: 6em; }

.index-news-list li a {
  padding-right: 80px;
  display: block;
  position: relative;
  line-height: 2; }
  .index-news-list li a:hover {
    color: #0457a8; }

.index-news-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.index-news-time {
  position: absolute;
  right: 0;
  top: 0;
  color: #666; }

/*
底部*/
.footer {
  border-top: 1px solid #dcdddd; }
  .footer .wrap {
    padding: 30px 0; }

.ft-int {
  float: left;
  color: #666;
  font-size: 14px;
  line-height: 1.75; }
  .ft-int p {
    padding-bottom: 10px; 
  }
  .ft-int a {
    margin: 0 8px; }
    .ft-int a:hover {
      text-decoration: underline;
      color: #0457a8; }

.ft-num {
  color: #999;
  font-size: 12px; }

.ft-other {
  float: right; }
  .ft-other > div {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 12px;
    color: #666; }

.ft-company {
  margin-top: 5px;
  margin-right: 20px;
  border: 1px solid #999;
  position: relative;
  line-height: 36px;
  text-align: left !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .ft-company .company-name {
    padding: 0 80px 0 20px;
    background: url("../img/icon-down.png") no-repeat calc(100% - 20px) center;
    cursor: pointer; }
    .ft-company .company-name:hover {
      background-image: url("../img/icon-down1.png"); }
  .ft-company .company-list {
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    position: absolute;
    bottom: 100%;
    left: -1px;
    right: -1px;
    z-index: 10;
    background: #fff;
    display: none; }
    .ft-company .company-list li {
      padding-left: 20px; }
      .ft-company .company-list li a:hover {
        color: #0457a8; }

/* 集团介绍 */
.about-one {
  position: relative;
  background: no-repeat center / cover; }
  .about-one img {
    width: 100%;
    display: block; }
  .about-one .about-text {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    font-size: 30px;
    color: #fff; }
  .about-one::before {
    content: '';
    font-size: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.24); }

.aboutBox {
  margin-top: -59px;
  padding-bottom: 60px;
  position: relative; }

.public-tabNav {
  border-top: 1px solid #fff;
  font-size: 0;
  text-align: center; }
  .public-tabNav a {
    margin: 0 5%;
    padding: 20px 0;
    display: inline-block;
    font-size: 16px;
    position: relative;
    color: #fff; }
    .public-tabNav a::before {
      content: '';
      font-size: 0;
      position: absolute;
      top: -1px;
      left: 0;
      width: 0;
      height: 2px;
      background: #fff;
      transition: all .25s ease; }
    .public-tabNav a::after {
      content: '';
      font-size: 0;
      position: absolute;
      margin-left: -8px;
      bottom: 0;
      left: 50%;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 10px solid #fff;
      display: none; }
    .public-tabNav a.on::before, .public-tabNav a:hover::before {
      width: 100%; }
    .public-tabNav a.on::after, .public-tabNav a:hover::after {
      display: block; }

.about-tabItem {
  padding-top: 60px; }

.about-tabItem-hd {
  margin: 0 18%;
  text-align: center; }

.public-title {
  font-size: 20px;
  font-weight: bold;
  color: #0457a8; }

.public-int {
  font-size: 14px;
  color: #666;
  line-height: 1.75; }

.about-tabItem-main {
  padding-top: 60px; }

.about-tabItem-mainBox {
  position: relative;
  overflow: hidden; }
  .about-tabItem-mainBox p {
    margin-bottom: 10px; }

.about-tabItem-img {
  width: 50%; }
  .about-tabItem-img img {
    width: 100%; }

.about-tabItem-text {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  padding: 80px 40px;
  background: #0457a8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .about-tabItem-text .title {
    font-size: 28px;
    color: #fff; }
  .about-tabItem-text .int {
    font-size: 14px;
    color: #fff;
    line-height: 1.75;
    outline: none;
    text-align: left; }

/* 企业荣誉 */
.about-honor {
  position: relative; }

.about-honor-nav {
  float: left;
  width: 25%;
  text-align: center; }
  .about-honor-nav a {
    margin-bottom: 20px;
    padding: 20px 0;
    display: block;
    font-size: 20px;
    color: #666;
    border-radius: 50px;
    background: #efefef; }
    .about-honor-nav a.on {
      background: #0457a8;
      color: #fff; }

.about-honor-ct {
  margin-left: 33%; }

.about-honor-item {
  display: none; }

.about-honor-list {
  margin-right: -80px;
  margin-bottom: -80px; }
  .about-honor-list li {
    margin: 0 80px 80px 0;
    padding: 8px;
    border: 6px solid #dcdddd;
    float: left;
    width: calc(50% - 80px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .about-honor-list li .img-border {
      border: 1px solid #dcdddd; }
      .about-honor-list li .img-border img {
        width: 100%;
        display: block; }

/* 组织架构 */
.about-team img {
  width: 100%;
  display: block; }

/* 文化 */
.about-culture-list {
  margin-bottom: -40px; }
  .about-culture-list li {
    margin-bottom: 40px; }
    .about-culture-list li:nth-of-type(even) .about-tabItem-img {
      margin-left: 50%; }
    .about-culture-list li:nth-of-type(even) .about-tabItem-text {
      left: 0;
      right: auto; }

.culture-year-owl {
  position: absolute;
  top: 70px;
  left: 16.6666%;
  right: 16.6666%; }
  .culture-year-owl .swiper-slide {
    width: 16.66666%; }
    .culture-year-owl .swiper-slide:first-of-type .culture-year-item::before {
      display: none; }
    .culture-year-owl .swiper-slide:last-of-type .culture-year-item::after {
      display: none; }

.culture-year-item {
  text-align: center;
  cursor: pointer; }
  .culture-year-item::before, .culture-year-item::after {
    content: '';
    font-size: 0;
    position: absolute;
    bottom: 14px;
    width: 50%;
    height: 1px;
    background: #999;
    z-index: -1; }
  .culture-year-item::before {
    left: 0; }
  .culture-year-item::after {
    right: 0; }
  .culture-year-item .yearNum {
    font-size: 16px;
    color: #0457a8;
    opacity: 0; }
  .culture-year-item i {
    margin: 29px 8px 4px;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .swiper-slide-active .culture-year-item .yearNum {
    opacity: 1; }
  .swiper-slide-active .culture-year-item i {
    margin: 25px 0 0;
    border: 1px solid #1461ad;
    width: 24px;
    height: 24px;
    background-color: #fff; }
  .on .culture-year-item i {
    background: #1461ad; }

/* 大事件 */
.about-culture-history {
  padding-top: 80px;
  position: relative; }

.about-culture-title {
  font-size: 30px;
  color: #0457a8;
  text-align: center; }

.about-culture-main {
  padding-top: 230px;
  position: relative;
  overflow: hidden; }

.about-culture-owl {
  margin: 0 16.66%;
  text-align: center; }

.about-culture-item .title {
  margin-bottom: 60px;
  font-size: 16px;
  color: #333; }
.about-culture-item img {
  display: block;
  width: 100%; }

.culture-nav > div, .proMain-owl-nav > div, .index-owl-nav > div {
  margin-top: -25px;
  border: 2px solid #999;
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background: no-repeat center;
  border-radius: 50%;
  transition: all .25s ease; }
  .culture-nav > div:hover, .proMain-owl-nav > div:hover, .index-owl-nav > div:hover {
    border-color: #0457a8;
    background-color: #0457a8; }
.culture-nav .culture-prev, .proMain-owl-nav .culture-prev, .index-owl-nav .culture-prev {
  left: 10px;
  background-image: url("../img/c-left.png"); }
  .culture-nav .culture-prev:hover, .proMain-owl-nav .culture-prev:hover, .index-owl-nav .culture-prev:hover {
    background-image: url("../img/c-left1.png"); }
.culture-nav .culture-next, .proMain-owl-nav .culture-next, .index-owl-nav .culture-next {
  right: 10px;
  background-image: url("../img/c-right.png"); }
  .culture-nav .culture-next:hover, .proMain-owl-nav .culture-next:hover, .index-owl-nav .culture-next:hover {
    background-image: url("../img/c-right1.png"); }

/* 员工 */
.about-staff-list {
  font-size: 0; }
  .about-staff-list li {
    position: relative; }
    .about-staff-list li:nth-of-type(even) .about-staff-img {
      margin-left: 50%; }
    .about-staff-list li:nth-of-type(even) .about-staff-text {
      right: auto;
      left: 0; }

.about-staff-img, .about-staff-text {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.about-staff-text {
  padding: 0 40px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%); }

.about-staff-img img {
  width: 100%; }

/* 滚动条 */
.jspDrag, .jspTrack {
  background: #fff; }

.jspVerticalBar {
  right: 4px;
  width: 1px; }

.jspDrag {
  left: -2px;
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 2px; }

/* 责任 */
.about-responsibility-hd {
  margin-bottom: 60px;
  text-align: center; }

/* 工程 */
.about-project-list {
  margin-bottom: -40px; }
  .about-project-list li {
    margin-bottom: 40px; }

.about-project-item {
  display: block;
  -moz-box-shadow: 1px 1px 3px #d8d8d8;
  -webkit-box-shadow: 1px 1px 3px #d8d8d8;
  box-shadow: 1px 1px 3px #d8d8d8; }
  .about-project-item .about-project-img {
    float: left;
    width: 50%;
    overflow: hidden; }
    .about-project-item .about-project-img img {
      width: 100%;
      transition: all .5s ease; }
  .about-project-item .about-project-text {
    margin-left: 50%;
    padding: 80px 40px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .about-project-item .about-project-text .public-int {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }
  .about-project-item .look-more {
    color: #bfbfc1;
    font-size: 14px; }
  .about-project-item:hover .about-project-img img {
    transform: scale(1.1);
    transition: all .5s ease; }
  .about-project-item:hover .look-more {
    text-decoration: underline;
    color: #0457a8; }

/* 工程详情 */
.projectMain-ct, .join-ct, .contact-ct {
  padding: 60px 0;
  text-align: center; }

/* 产品 */
.pro-list {
  margin-left: -30px;
  margin-bottom: -30px; }
  .pro-list li {
    margin-bottom: 30px;
    margin-left: 30px;
    float: left;
    width: calc(33.33333% - 30px); }

.pro-item {
  display: block; }
  .pro-item .pro-img {
    overflow: hidden; }
    .pro-item .pro-img img {
      width: 100%;
      transition: all .5s ease; }
  .pro-item .pro-title {
    margin-top: 15px;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .pro-item:hover .pro-img img {
    transform: scale(1.1);
    transition: all .5s ease; }
  .pro-item:hover .pro-title {
    color: #0457a8; }

/* 产品详情 */
.proMain-title, .newsMain-title {
  padding-bottom: 25px;
  position: relative;
  text-align: center;
  font-size: 30px;
  color: #333; }
  .proMain-title::before, .newsMain-title::before {
    content: '';
    font-size: 0;
    position: absolute;
    margin-left: -40px;
    bottom: 0;
    left: 50%;
    width: 80px;
    height: 2px;
    background: #0457a8; }

.proMain-ct {
  text-align: center; }

.proMain-ft {
  padding-top: 20px;
  text-align: right; }
  .proMain-ft a {
    color: #0457a8;
    font-size: 14px; }
    .proMain-ft a:hover {
      text-decoration: underline; }

.proMain-owl img {
  width: 100%; }

.proMain-owl-nav > div {
  border: 1px solid #fff;
  border-radius: 0; }
.proMain-owl-nav .proMain-left {
  left: 20px;
  background-image: url("../img/left.png"); }
.proMain-owl-nav .proMain-right {
  right: 20px;
  background-image: url("../img/right.png"); }

/* 新闻 */
.news-list li {
  padding: 20px 0;
  border-bottom: 1px solid #efefef; }

.news-img {
  float: left;
  width: 33%;
  overflow: hidden; }
  .news-img img {
    width: 100%;
    transition: all .5s ease; }

.news-text {
  padding-top: 20px;
  margin-left: 35%; }
  .news-text .title {
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .news-text .time {
    font-size: 12px;
    color: #999; }
  .news-text .int {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 1.75;
    color: #666; }
  .news-text .look-more {
    font-size: 14px;
    color: #0457a8; }

.news-item {
  display: block; }
  .news-item:hover .news-img img {
    transform: scale(1.1);
    transition: all .5s ease; }
  .news-item:hover .news-text .title {
    color: #0457a8; }
  .news-item:hover .news-text .look-more {
    text-decoration: underline; }

/* 新闻详情 */
.newsMain-time {
  font-size: 14px;
  color: #999999;
  text-align: center; }

.nesMain-ct {
  font-size: 14px;
  color: #333;
  line-height: 1.75;
  text-align: center; }
  .nesMain-ct p {
    margin-bottom: 15px;
    text-align: left; }
  .nesMain-ct img {
    max-width: 100%; }

.nesMain-ft {
  margin-top: 30px;
  font-size: 14px;
  position: relative;
  color: #666; }
  .nesMain-ft p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .nesMain-ft a {
    color: #666;
    line-height: 2; }
    .nesMain-ft a:hover {
      text-decoration: underline;
      color: #0457a8; }
  .nesMain-ft .black {
    position: absolute;
    top: 0;
    right: 0;
    color: #0457a8; }

/* 人才招聘 */
.join-ct {
  text-align: left; }

.join-title, .contact-title {
  font-size: 30px;
  color: #0457a8;
  text-align: center; }

.join-nav, .join-item-hd {
  padding: 20px 0 20px 60px;
  background: #0457a8;
  color: #fff; }
  .join-nav span, .join-item-hd span {
    float: left;
    width: 25%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.join-list li {
  margin-top: 10px; }

.join-item-hd {
  background: #c7e3ff url("../img/off.png") no-repeat 23px center;
  color: #666666; }
  .join-item-hd.on {
    background-image: url("../img/on.png"); }

.join-item-ct {
  padding: 30px 0 30px 60px;
  background: #fafafa;
  color: #666;
  font-size: 14px;
  line-height: 1.75;
  display: none; }
  .join-item-ct .title {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 16px; }
  .join-item-ct .mail {
    color: #0457a8; }

/* 联系我们 */
.address {
  padding-top: 50px;
  position: relative; }
  .address > div {
    float: left;
    width: 50%;
    height: 400px; }
  .address .about-tabItem-text {
    margin-right: 4px;
    width: calc(50% - 4px);
    position: static;
    text-align: left; }
    .address .about-tabItem-text p {
      margin-bottom: 10px; }
  .address .public-title {
    color: #fff; }
  .address img {
    width: auto; }

/* 首页轮播 */
.index-owl-nav > div {
  border: 1px solid #fff;
  border-radius: 0;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.index-owl-nav .index-owl-left {
  left: 30px;
  background-image: url("../img/left.png"); }
.index-owl-nav .index-owl-right {
  right: 30px;
  background-image: url("../img/right.png"); }

/*# sourceMappingURL=main.css.map */
#map {
  border: 1px solid #d8d8d8;
  box-sizing: border-box;
}