.ctn {
  margin-top: 100px;
}
.ctn .box {
  width: 100%;
  height: 256px;
  background: #eff0f1;
}
.ctn .con {
  margin-top: -80px;
}
.ctn .con .ctn-top .center {
  width: 1200px;
  max-width: 96%;
  background: #fff;
  margin: 0 auto;
  padding: 3vw 100px 2vw;
}
.ctn .con .ctn-top .center h1 {
  color: #000;
}
.ctn .con .ctn-top .center ul {
  display: flex;
  margin-top: 20px;
}
.ctn .con .ctn-top .center ul li {
  color: #777;
  position: relative;
  padding: 0 10px;
}
.ctn .con .ctn-top .center ul li:after {
  content: '';
  width: 1px;
  height: 15px;
  background: #777;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.ctn .con .ctn-top .center ul li:first-child {
  padding-left: 0;
}
.ctn .con .ctn-top .center ul li:last-child {
  padding-right: 0;
}
.ctn .con .ctn-top .center ul li:last-child:after {
  display: none;
}
.ctn .con .ctn-bottom {
  width: 1200px;
  max-width: 96%;
  margin: 0 auto;
}
.ctn .con .ctn-bottom .center {
  padding: 2vw 100px 6vw;
  border-top: 1px solid #e4e4e4;
}
.ctn .con .ctn-bottom .center .text {
  color: #777;
  line-height: 1.8;
  text-align: justify;
  margin-top:30px;
    word-break: break-word;
}
.ctn .con .ctn-bottom .center .text p{margin-bottom:15px;overflow:hidden;}
.ctn .con .ctn-bottom .center .text p br{display:none;}
.ctn .con .ctn-bottom .center .box8{
    padding-bottom:4vw;
}
.ctn .con .ctn-bottom .center .text img {
  width: 100%;
}
.ctn .con .ctn-bottom .center .text a {
  color: #777;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.ctn .con .ctn-bottom .center .text a:hover {
  color: #004ea2;
}
.ctn .con .ctn-bottom .center .next {
  margin-top: 1.5vw;
}
.ctn .con .ctn-bottom .center .next a {
  color: #777;
  display: block;
  padding-left: 28px;
  position: relative;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.ctn .con .ctn-bottom .center .next a:before {
  content: '\e61b';
  font-family: iconfont;
  font-size: 20px;
  color: #777;
  position: absolute;
  left: 0;
  top: -3px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.ctn .con .ctn-bottom .center .next a:hover {
  color: #004ea2;
}
.ctn .con .ctn-bottom .center .next a:hover:before {
  color: #004ea2;
}
.ctn .big-box .tu-lun {
  display: none;
}
.ctn .tu-list {
  margin-top: 30px;
}
.ctn .tu-list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ctn .tu-list ul li {
  width: 48%;
}
.ctn .tu-list ul li .tu {
  height: 270px;
}
.ctn .tu-list ul li .tu img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ctn .tu-list ul li h2 {
  margin-top: 10px;
  line-height: 1.4;
  text-align: center;
  color: #b2b2b2;
}
.ctn .tu-list ul li:nth-child(n+3) {
  margin-top: 40px;
}
.ctn .tu-list.three ul li {
  width: 30.6%;
}
.ctn .tu-list.three ul li .tu {
  height: 173px;
}
.ctn .tu-list.three ul li:nth-child(n+3) {
  margin-top: 0;
}
.ctn .other-list {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.ctn .other-list .left {
  width: 45%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ctn .other-list .left .tu {
  flex: 1;
}
.ctn .other-list .left .tu img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ctn .other-list .left h2 {
  margin-top: 10px;
  line-height: 1.4;
  color: #b2b2b2;
}
.ctn .other-list .right {
  width: 51%;
  height: 100%;
}
.ctn .other-list .right ul {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ctn .other-list .right ul li .tu {
  height: 280px;
}
.ctn .other-list .right ul li .tu img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ctn .other-list .right ul li h2 {
  margin-top: 10px;
  line-height: 1.4;
  color: #b2b2b2;
}
.ctn .other-list .right ul li:not(:first-child) {
  margin-top: 30px;
}
.ctn .other-list.four .left {
  width: 75%;
}
.ctn .other-list.four .right {
  width: 22%;
}
.ctn .other-list.four .right ul li .tu {
  height: 123px;
}
.ctn .other-list.four .right ul li:not(:first-child) {
  margin-top: 20px;
}
.ctn .tu-lun {
  margin-top: 30px;
}
.ctn .tu-lun .swiper-slide {
  padding: 0 100px;
}
.ctn .tu-lun .swiper-slide .tu {
  height: 456px;
  overflow: hidden;
}
.ctn .tu-lun .swiper-slide .tu img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ctn .tu-lun .swiper-slide h2 {
  margin-top: 10px;
  line-height: 1.4;
  text-align: center;
  color:#b2b2b2;
}
.ctn .tu-lun .swiper-pagination {
  display: none;
}
.ctn .tu-lun .swiper-button-prev {
  width: 40px;
  height: 40px;
  background: none;
  left: 0;
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.ctn .tu-lun .swiper-button-prev:before {
  display: none;
}
.ctn .tu-lun .swiper-button-prev:after {
  content: '\e601';
  font-family: iconfont;
  font-size: 30px;
  color: #004ea2;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.ctn .tu-lun .swiper-button-next {
  width: 40px;
  height: 40px;
  background: none;
  right: 0;
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.ctn .tu-lun .swiper-button-next:before {
  display: none;
}
.ctn .tu-lun .swiper-button-next:after {
  content: '\e683';
  font-family: iconfont;
  font-size: 30px;
  color: #004ea2;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
@media screen and (max-width: 1440px) {
  .ctn {
    margin-top: 80px;
  }
  .ctn .box {
    height: 200px;
  }
  .ctn .con .ctn-top .center {
    width: 980px;
    padding: 3vw 50px 2vw;
  }
  .ctn .con .ctn-bottom {
    width: 980px;
  }
  .ctn .con .ctn-bottom .center {
    padding: 3vw 50px 6vw;
  }
  .ctn .tu-list ul li .tu {
    height: 238px;
  }
  .ctn .tu-list.three ul li .tu {
    height: 152px;
  }
  .ctn .other-list .right ul li .tu {
    height: 246px;
  }
  .ctn .other-list.four .right ul li .tu {
    height: 108px;
  }
  .ctn .tu-lun .swiper-slide {
    padding: 0 60px;
  }
  .ctn .tu-lun .swiper-slide .tu {
    height: 434px;
  }
}
@media screen and (max-width: 1200px) {
  .ctn .box {
    height: 170px;
  }
}
@media screen and (max-width: 1024px) {
  .ctn {
    margin-top: 50px;
  }
  .ctn .box {
    height: 140px;
  }
}
@media screen and (max-width: 768px) {
  .ctn .box {
    height: 120px;
  }
  .ctn .con .ctn-top .center {
    padding: 30px 20px 20px;
    max-width: 90%;
  }
  .ctn .con .ctn-top .center ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  .ctn .con .ctn-top .center ul li:first-child {
    width: 100%;
    text-align: center;
    padding-right: 0;
  }
  .ctn .con .ctn-top .center ul li:first-child:after {
    display: none;
  }
  .ctn .con .ctn-top .center ul li:nth-child(2) {
    padding-left: 0;
  }
  .ctn .con .ctn-bottom {
    padding: 0 20px;
    max-width: 90%;
  }
  .ctn .con .ctn-bottom .center {
    padding: 20px 0 40px;
  }
  .ctn .con .ctn-bottom .center .text{
      margin-top:20px;
  }
  .ctn .con .ctn-bottom .center .box8{
    padding-bottom: 30px;
  }
  .ctn .con .ctn-bottom .center .next {
    margin-top: 20px;
  }
  .ctn .con .ctn-bottom .center .next a {
    padding-left: 20px;
  }
  .ctn .con .ctn-bottom .center .next a:before {
    font-size: 16px;
  }
  .ctn .big-box .tu-list {
    display: none;
  }
  .ctn .big-box .other-list {
    display: none;
  }
  .ctn .big-box .tu-lun {
    display: block;
  }
  .ctn .tu-lun {
    margin-top: 20px;
  }
  .ctn .tu-lun .swiper-container {
    padding-bottom: 30px;
  }
  .ctn .tu-lun .swiper-slide {
    padding: 0;
  }
  .ctn .tu-lun .swiper-slide .tu {
    width: 100%;
    height: auto;
  }
  .ctn .tu-lun .swiper-slide .tu img {
    width: 100%;
  }
  .ctn .tu-lun .swiper-button-prev {
    display: none;
  }
  .ctn .tu-lun .swiper-button-next {
    display: none;
  }
  .ctn .tu-lun .swiper-pagination {
    display: block;
    bottom: 0;
  }
  .ctn .tu-lun .swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }
  .ctn .tu-lun .swiper-pagination .swiper-pagination-bullet-active {
    background: #004ea2;
  }
}
<!--ºÄʱ1787060053.4536Ãë-->