.parts-3 {
  height: 100%;
}
.parts-3 > * {
  height: 100%;
  width: calc((100% - 25px * (3 - 1)) / 3);
  float: left;
  margin-left: 25px;
}
.parts-3 > *:nth-of-type(1) {
  margin-left: 0;
}
.parts2-1 {
  height: 100%;
}
.parts2-1 > * {
  height: 100%;
  float: left;
  margin-left: 25px;
}
.parts2-1 > *:nth-of-type(1) {
  width: calc(100% - (100% - 25px * 2) / 3 - 25px);
  margin-left: 0;
}
.parts2-1 > *:nth-of-type(2) {
  width: calc((100% - 25px * 2) / 3);
}
.parts-2 {
  height: 100%;
}
.parts-2 > * {
  height: 100%;
  width: calc((100% - 25px * (2 - 1)) / 2);
  float: left;
  margin-left: 25px;
}
.parts-2 > *:nth-of-type(1) {
  margin-left: 0;
}
.banner_bg {
  height: 400px;
  background-image: url(../imgs/bg_img.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.banner {
  height: 450px;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.top-container {
  height: 31vw;
  min-height: 600px;
min-width:1400px;
  background-image: url(../imgs/top_text.png),linear-gradient(180deg, #112856 0%, rgba(30, 60, 107, 0) 95%, transparent 100%), url(../imgs/top_bg.png);
  background-repeat: no-repeat;
  /*background-size: 100% 100%, auto 157px, 100% 100%;*/
background-size: auto 185px, 100% 100%,cover;
  background-position: center 75%, top, top;
}
.swiper {
  height: 384px;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
}
.swiper a {
  display: block;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.swiper a .text {
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 10px 15px;
  width: 100%;
}
.swiper a .text p {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 3px;
}
.swiper a .text .text-date {
  color: #ACACAC;
}
.swiper .swiper-pagination {
  text-align: end;
  padding-right: 12px;
}
.swiper .swiper-pagination .swiper-pagination-bullet {
  background-color: #1E3C6B;
outline:1px #fff solid;
transition:all .5s;
}
.swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fff;
  width: 12px;
  height: 12px;
}
.title {
  margin-bottom: 35px;
  padding-bottom: 15px;
  border-bottom: 3px solid #2764C2;
  color: #ACACAC;
}
.title .title-name {
  float: left;
  font-size: 28px;
  line-height: 1em;
  font-weight: bold;
}
.title .title-name .zh {
  color: #1E3C6B;
}
.title .title-name .en {
  font-size: 18px;
  font-weight: normal;
}
.title .title_more {
  float: right;
  height: 35px;
  font-size: 18px;
  line-height: 35px;
  padding-right: 32px;
  margin-top: 25px;
  background-image: url(../imgs/more_bg.png);
  background-size: 22px auto;
  background-repeat: no-repeat;
  background-position: right center;
}
.btn_container {
  background-color: #F7FAFF;
  padding: 46px 0 70px;
min-width:1400px;
}
.btn_container .btn_list ul img {
  width: 50px;
  height: 50px;
}
.btn_container .btn_list ul img ~ p {
  display: inline-block;
}
.btn_container .btn_list ul li {
  float: left;
  height: 79px;
  line-height: 79px;
  color: #1E3C6B;
  font-weight: bold;
  margin-right: 15px;
  margin-top: 20px;
  width: calc((100% - 15px * 3) / 4);
  padding-left: 80px;
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 50px auto;
  border-radius: 10px;
  background-color: rgba(160, 194, 246, 0.15);
  border: 1px solid #BED7FF;
}
.btn_container .btn_list ul li:hover {
  background-color: rgba(160, 194, 246, 0.19);
  border: 1px solid #A0C2F6;
}
.btn_container .btn_list ul li:nth-of-type(4n) {
  margin-right: 0;
}
.btn_container .btn_list ul li:nth-of-type(1) {
  background-image: url(../imgs/links_btn1.png);
}
.btn_container .btn_list ul li:nth-of-type(2) {
  background-image: url(../imgs/links_btn2.png);
}
.btn_container .btn_list ul li:nth-of-type(3) {
  background-image: url(../imgs/links_btn3.png);
}
.btn_container .btn_list ul li:nth-of-type(4) {
  background-image: url(../imgs/links_btn4.png);
}
.btn_container .btn_list ul li:nth-of-type(5) {
  background-image: url(../imgs/links_btn5.png);
}
.btn_container .btn_list ul li:nth-of-type(6) {
  background-image: url(../imgs/links_btn6.png);
}
.btn_container .btn_list ul li:nth-of-type(7) {
  background-image: url(../imgs/links_btn7.png);
}
.btn_container .btn_list ul li:nth-of-type(8) {
  background-image: url(../imgs/links_btn8.png);
}
.btn_container .title-name {
  font-size: 28px;
  line-height: 1em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
.btn_container .title-name .zh {
  color: #1E3C6B;
}
.btn_container .title-name .en {
  font-size: 18px;
  font-weight: normal;
  color: #ACACAC;
}

@media screen and (min-width:1400px){
.top-container{
height:45vw;
background-position:center 60%, top, top;
}
}

@media screen and (max-width:1400px){
.top-container{
background-position:center 75%, top, bottom;
}
}