body,
html {
  overflow-x: hidden;
}
body {
  font-family: "微软雅黑", Arial, sans-serif;
  color: #333333;
  font-size: 14px;
}
body,
p,
dl,
dd,
form {
  margin: 0;
  color: #333333;
  font-weight: 400;
  text-align: center;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  display: inline-block;
}
img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
}
a,
a:active,
a:focus,
a:hover {
  text-decoration: none;
  outline: none;
  color: #333333;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.fa {
  margin: 0 10px 0;
}
.fp-tableCell {
  padding-top: 50px;
}
#section-footer .fp-tableCell {
  padding-top: 0;
}

.section1 {
  min-height: 800px;
}
.section2,
.section3,
.section4,
.section5,
#section-footer {
  min-height: 1018px;
}
.section1,
.section2,
.section3,
.section4,
.section5,
#section-footer {
  padding: 62px 0 0;
}
@media (max-width: 768px) {
  .section2,
  .section3,
  .section4,
  .section5,
  #section-footer {
    padding: 32px 0 0;
  }
}
.section1 {
  position: relative;
  padding: 0;
  background: url("../img/home-page_bg.jpg") no-repeat center;
  background-size: cover;
}
.section2 {
  background-color: #f7f7f7;
}
.section3 {
  background: url("../img/jianzhu_bg.jpg") no-repeat center bottom;
  background-size: 100% auto;
  background-color: #ffffff;
}
.section4 {
  background-color: #f7f7f7;
}
.section5 {
  background: url("../img/honor_bg.jpg") no-repeat center bottom;
  background-size: 100% auto;
}

#section-footer {
  /* height: 270px!important;设置尾屏高度 */
  background-color: #f7f7f7;
}

.topBar .navbar-nav > li > a {
  color: #ffffff;
}
.bg .navbar-nav > li > a {
  color: #333333;
}
.topBar .navbar-nav > li:hover .topBar .navbar-nav > li > a {
  color: #4c82c2;
}
.topBar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

.bg {
  background: #ffffff;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.8s;
}
.navbar {
  margin-bottom: 0;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
  background: none;
}
.navbar-default .navbar-nav > .actived > a,
.navbar-default .navbar-nav > .actived > a:hover,
.navbar-default .navbar-nav > .actived > a:focus {
  color: #4c82c2;
  border-bottom: 2px solid #4c82c2;
  background: none;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #4c82c2;
  border-bottom: 2px solid #4c82c2;
  background: none;
}
.navbar-nav > li > .dropdown-menu {
  border: 0;
  min-width: 115px;
}
.dropdown-menu > li > a {
  padding: 7px 20px;
  font-size: 13px;
}
.dropdown-menu > li > a:hover {
  background: none;
  color: #4c82c2;
}
.navbar-bg {
  background: none;
  border: none;
}
.container-logo {
  padding: 5px 0 0;
}
.container-logo img {
  width: 194px;
  padding: 2px;
}
@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding: 30px 0 20px 0;
  }
  .navbar-nav > li {
    margin: 0 15px;
  }
}
@media (max-width: 768px) {
  .container-logo img {
    padding: 0;
    height: 35px;
    width: auto;
  }
  #myMenu {
    float: right;
    width: 50%;
  }
}
.navbar-default .navbar-nav > li > a:hover,
#myMenu .navbar-nav > li > a:active {
  color: #4c82c2;
}
#fp-nav ul li a span {
  background: #000000;
  opacity: 0.5;
}
.fp-slidesNav ul li a span {
  background: #ffffff;
}
.fp-slidesNav {
  text-align: center;
}

.section-title {
  padding: 98px 0 108px;
  position: relative;
}
.section-title h1 {
  position: absolute;
  top: 0;
  font-size: 96px;
  color: #e6e6e6;
  line-height: 101px;
  width: 100%;
  font-family: "微软雅黑", Arial, sans-serif;
  font-weight: bold;
}
.section-title h2 {
  font-size: 36px;
  color: #333333;
  z-index: 10;
  position: absolute;
  top: 0;
  line-height: 101px;
  width: 100%;
  font-family: "微软雅黑", Arial, sans-serif;
  font-weight: bold;
}
@media (max-width: 768px) {
  .section-title h1 {
    font-size: 70px;
  }
}

/*section1*/
.s1box {
  position: absolute;
  top: 35%;
  left: 35%;
  z-index: 10;
}
.s1box div {
  width: 102px;
  height: 4px;
  background: #ffffff;
  margin: 44px auto 38px auto;
}
.s1box span {
  font-size: 60px;
  color: #ffffff;
}
.s1box p {
  color: #ffffff;
  font-size: 18px;
}
@media (max-width: 1200px) {
  .s1box span {
    font-size: 30px;
  }
  .s1box div {
    width: 52px;
    height: 2px;
    margin: 21px auto 20px auto;
  }
  .s1box p {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .s1box {
    left: 50%;
    /* top: 50%; */
    transform: translate(-50%, -50%);
  }
  .s1box span {
    font-size: 20px;
  }
  .s1box div {
    width: 40px;
    height: 2px;
    margin: 20px auto 20px auto;
  }
  .s1box p {
    font-size: 12px;
  }
}

/*section2*/
.section2 > .container {
  padding: 0;
}
.section2 > .container > .row1 {
  position: relative;
}
.section2 > .container > .row1 > div:nth-child(1) > img {
  margin: 0 auto auto 0;
}
@media (min-width: 768px) {
  .s2box {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
  }
}
.s2box {
  background-color: #ffffff;
  padding: 35px 32px;
  max-width: 680px;
  min-height: 380px;
}
.s2box h3 {
  text-align: left;
  font-size: 24px;
}
.s2box div {
  width: 24px;
  height: 2px;
  background: #4c82c2;
  margin: 16px auto 16px 0;
}
.s2box p {
  text-align: left;
  font-size: 14px;
}
.section2 > .container > .row2 > div {
  height: 80px;
}

/*section3*/
.section3 > .container {
  padding: 0;
}
.section3 .container .row img {
  max-width: 96px;
  max-height: 72px;
}
.s3cell p {
  margin: auto;
}
.section3 .section-title {
  margin-bottom: 178px;
}
@media (min-width: 1200px) {
  .s3cell-pad {
    padding: 52px 0;
  }
  .s3cell p {
    font-size: 18px;
    width: 200px;
  }
}
@media (max-width: 1200px) {
  .s3cell-pad {
    padding: 20px 0;
  }
}
@media (max-width: 992px) {
  .s3cell {
    margin: 30px 0;
    height: 300px;
  }
  .s3cell:nth-child(1 + 2n) {
    padding-left: 0;
  }
  .s3cell:nth-child(2n) {
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .section3 .section-title {
    margin-bottom: 108px;
  }
  .s3cell {
    margin: 30px 0;
    height: 300px;
  }
}

/*section4*/
.section4 > .container {
  padding: 0;
}
.s4cell {
  height: 288px;
  width: 288px;
  margin: 15px 8px;
  padding: 0;
}
.s4cell .normal {
  height: 288px;
  width: 288px;
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  text-align: center;
}
.s4cell .onhover {
  opacity: 0;
  background-color: #4c82c2;
  transition: all 0.5s ease;
  width: 288px;
  height: 288px;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  padding: 60px 50px;
}
.s4cell h3 {
  color: #ffffff;
}
.s4cell p {
  color: #ffffff;
}
.s4cell .normal h3 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.s4cell:hover {
  cursor: pointer;
}
.s4cell:hover > .normal {
  opacity: 0;
}
.s4cell:hover > .onhover {
  opacity: 0.9;
}

/* section5 */
.s5cell {
  width: 380px;
  height: 260px;
  margin: 30px 0;
}
.honor-img:hover {
  cursor: pointer;
}

/*section6*/
.contact-cell {
  margin: 0 0 20px;
}
.map {
  margin: 40px 0 0;
}
.map:hover {
  cursor: pointer;
}
.route p {
  text-align: left;
  color: #4c82c2;
}
.route p:nth-child(1) {
  padding: 32px 0 10px 0;
}
.bottom {
  margin: 0 0 0 0;
  padding: 0 0;
  width: 100%;
  height: auto;
  min-height: 234px;
  background-size: auto 100%;
}
.footer-col1 {
  margin: 40px 0 0px 0;
}
.footer-ul {
  list-style-type: none;
  /*   display: block; */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.footer-ul li {
  display: inline-block;
}
.footer-ul li:nth-child(n + 2) {
  border-left: 1px solid #ffffff;
}
.footer-ul li a {
  color: #ffffff;
  padding: 0 22px;
}
.footer-ul li a:hover {
  color: #4c82c2;
}
.footer-line {
  background: #ffffff;
  opacity: 0.1;
  width: 100%;
  height: 1px;
}
@media (max-width: 768px) {
  .footer-line {
    width: calc(100% - 40px);
  }
  .footer-ul li {
    padding: 6px;
  }
  .footer-ul li a{
    padding: 0;
  }
}
.footer-copyright {
  margin: 20px 0px 40px;
  /*   display: flex;
  justify-content: center; */
}
.copyRight {
  text-align: center;
  color: #ffffff;
}
.copyRight-a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.copyRight-a {
  color: #ffffff;
}