* {
  margin: 0;
  padding: 0;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.clearfix {
  zoom: 1;
}
.wrap {
  width: 1920px;
  margin: 0 auto;
  background-color: #cfe0ea;
}
.header img {
  width: 100%;
  display: block;
}
.box_top {
  /* width: 546px;
  height: 90px; */
  text-align: center;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.box1 {
  padding-top: 60px;
}
.box1 .box_top span:nth-child(1) {
  text-align: center;
  display: block;
}
.box1 .box_top span:nth-child(2) {
  text-align: left;
  display: block;
}
.boxMain {
  width: 1120px;
  margin: 0 auto;
}

.box_top {
  padding-bottom: 50px;
}
li {
  list-style: none;
}
.box_bo ul li {
  width: 353px;
  float: left;
  margin-top: 35px;
}
.box1 .box_bo ul li:nth-child(3n-1) {
  margin: 0 30px;
  margin-top: 35px;
}
.box1 .box_bo ul li:nth-child(1),
.box1 .box_bo ul li:nth-child(2),
.box1 .box_bo ul li:nth-child(3) {
  margin-top: 0;
}
.box1 .box_bo ul li a img {
  display: block;
  width: 353px;
  height: 199px;
}

.box_bo ul li a {
  text-decoration: none;
  color: #000;
}
.box_bo ul li a span {
  width: 100%;
  display: inline-block;
  color: #000;
  line-height: 26px;
  margin-top: 10px;
}
.box_bo ul {
  padding-bottom: 70px;
}
.box2 {
  height: 1590px;
  background-image: url(./box2_bg.png);
}
.box2 .box_top {
  padding-bottom: 63px;
  padding-top: 80px;
}
.box2 .box_bo {
  width: 1100px;
  margin: 0 auto;
}
.box2 .box_bo li a {
  display: block;
  width: 260px;
  height: 390px;
}
.box2 .box_bo li {
  width: 260px;
  height: 390px;
}
.box2 .box_bo li a img {
  width: 260px;
  height: 390px;
}
.box2 .box_bo li:nth-child(4n + 3) {
  margin-right: 20px;
}
.box2 .box_bo li:nth-child(4n + 2) {
  margin-left: 20px;
  margin-right: 20px;
}
.box2 .box_bo li {
  margin-top: 30px;
}
.box2 .box_bo li:nth-child(1),
.box2 .box_bo li:nth-child(2),
.box2 .box_bo li:nth-child(3),
.box2 .box_bo li:nth-child(4) {
  margin-top: 0;
}
.box2 .box_bo {
  position: relative;
}
.boxPostion {
  position: absolute;
  right: 30px;
  bottom: 0;
}
.boxPostion a {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: #fff;
  border-radius: 100%;
  cursor: pointer;
}
.boxPostion .pageState {
  user-select: none;
  color: #fff;
  font-size: 24px;
  margin: 0 5px;
}
.boxPostion a.next {
  position: absolute;
  left: -30px;
  top: 6px;
}
.boxPostion a.prev {
  position: absolute;
  left: 55px;
  top: 6px;
}
.box3 .box_top {
  padding-top: 60px;
  padding-bottom: 46px;
  width: auto;
  height: auto;
  text-align: center;
}
.box3 {
  padding-bottom: 130px;
}
.box3 .box_bo {
  width: 1122px;
  height: 374px;
  margin: 0 auto;
}
.footer {
  line-height: 120px;
  text-align: center;
  font-size: 18px;
  background-color: #1079be;
  color: #fff;
}

/* 大国建造 */
.sshz_box a:hover {
  text-decoration: none;
  color: #000 !important;
}

.sshz_box {
  width: 1122px;
  height: auto;
  margin: 0 auto;
}
.sshz_box .swiper-lazy-preloader {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin-left: 0;
  margin-top: 0;
}
.sshz_box .swiper-lazy-preloader:after {
  display: none;
}
.sshz_box .dh {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  margin-top: 100px;
}
.sshz_box .djch_box {
  width: 100%;
}
.sshz_box .djch_nr {
  width: 1122px;
  height: 374px;
  margin: 0 auto;
}
.sshz_box .focusBox4 {
  width: 1172px;
  position: relative;
}
.sshz_box .focusBox4 .arrow-left4 {
  position: absolute;
  left: -55px;
  top: 189px;
  width: 38px;
  height: 82px;
  z-index: 2;
}
.sshz_box .focusBox4 .arrow-right4 {
  position: absolute;
  right: -55px;
  left: auto;
  top: 189px;
  width: 38px;
  height: 82px;
  z-index: 2;
}
.sshz_box .focusBox4 .swiper-container {
  width: 1170px;
  height: 460px;
}
.sshz_box .swiper-slide {
  position: relative;
}
.sshz_box .slide_cont {
  width: 1122px;
}
.sshz_box .narrow_box {
  float: left;
  width: 230px;
  height: 460px;
  position: relative;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
.sshz_box .narrow_box .title {
  position: absolute;
  left: 0;
  background: #2b71d2;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  text-align: center;
  padding: 15px 20px;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0;
}
.sshz_box .narrow_box .title a {
  text-decoration: none;
  color: #fff;
}
.sshz_box .narrow_box .img {
  position: absolute;
  left: 0;
  width: 230px;
  height: 230px;
  top: 230px 9;
}
.sshz_box .narrow_box .img img {
  width: 100%;
  height: 100%;
}
.sshz_box .narrow_box:nth-child(odd) .title {
  top: 0;
}
.sshz_box .narrow_box:nth-child(odd) .img {
  top: 230px;
}
.sshz_box .narrow_box:nth-child(even) .title {
  top: 230px;
}
.sshz_box .narrow_box:nth-child(even) .img {
  top: 0;
}
.sshz_box .narrow_box.on {
  width: 460px;
  height: 460px;
}
.sshz_box .narrow_box.on .img {
  position: absolute;
  left: 0;
  width: 460px;
  height: 460px;
  top: 0;
}
.sshz_box .narrow_box.on .title {
  position: absolute;
  left: 0;
  bottom: 0;
  top: auto;
  width: 100%;
  height: 133px;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 75px 10px 20px 10px;
  margin-bottom: 0;
}
.sshz_box .narrow_box.on:nth-child(odd) .img {
  top: 0;
}
.sshz_box .focusBox4 {
  height: 374px;
  width: 1122px;
}
.sshz_box .narrow_box.on .title {
  display: none;
}
.sshz_box .narrow_box.on {
  width: 561px;
  height: 374px;
}
.sshz_box .narrow_box.on .img {
  width: 561px;
  height: 374px;
}
.sshz_box .narrow_box {
  width: 187px;
  height: 374px;
}
.sshz_box .narrow_box .title {
  width: 187px;
  height: 187px;
}

.sshz_box .narrow_box:nth-child(odd) .img {
  top: 187px;
  width: 187px;
  height: 187px;
}
.sshz_box .narrow_box.on .img {
  width: 561px;
  height: 374px;
}
.sshz_box .narrow_box.on .img img {
  width: 561px;
  height: 374px;
}
.sshz_box .narrow_box:nth-child(even) .img {
  width: 187px;
  height: 187px;
}
.sshz_box .narrow_box:nth-child(even) .title {
  top: 187px;
}