html,
body {
  padding: 0;
  margin: 0;
  position: relative;
  height: 100%;
}
.icon {
  display: block;
  background-image: url(../images/bg.png);
  background-repeat: no-repeat;
  background-size: 661rem 90rem;
}
.icon.wx {
  width: 42rem;
  height: 33rem;
  background-position: 0 -20rem;
}
.icon.dh {
  width: 35rem;
  height: 34rem;
  background-position: -98rem -19rem;
}
.icon.yx {
  width: 39rem;
  height: 29rem;
  background-position: -206rem -22rem;
}
.icon.jt {
  width: 256rem;
  height: 29rem;
  background-position: 0 -61rem;
}
.icon.dh2 {
  width: 71rem;
  height: 71rem;
  background-position: -333rem 0;
}
.icon.sj {
  width: 71rem;
  height: 71rem;
  background-position: -453rem 0;
}
.icon.yx2 {
  width: 71rem;
  height: 71rem;
  background-position: -590rem 0;
}
.main-body {
  position: relative;
  height: 100%;
  background: #eee;
  font-family: '微软雅黑', Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14rem;
  color: #000;
  margin: 0;
  padding: 0;
}
.main-body .header {
  height: 128rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0);
  transition: all 0.5s ease;
  padding: 0 88rem;
  box-sizing: border-box;
}
.main-body .header .logo {
  float: left;
  display: block;
  padding-top: 37rem;
}
.main-body .header .logo img {
  display: block;
  width: 268rem;
  height: 72rem;
}
.main-body .header .nav {
  float: right;
  padding-top: 18rem;
  padding-right: 8rem;
}
.main-body .header .nav a {
  display: block;
  float: left;
  height: 110rem;
  line-height: 110rem;
  padding: 0 27rem;
  color: #fff;
  font-size: 18rem;
}
.main-body .header .icons {
  float: right;
  padding-top: 56rem;
}
.main-body .header .icons .icon {
  float: left;
  position: relative;
  margin-right: 10rem;
}
.main-body .header .icons .icon:last-child {
  margin: 0;
}
.main-body .header .icons .icon:last-child:after {
  border: none;
}
.main-body .header.back {
  background-color: rgba(0, 0, 0, 0.14);
}
.main-body .swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.main-body .swiper-container .part {
  width: 100%;
  height: 100%;
  position: relative;
}
.main-body .swiper-container .part .banner {
  width: 100%;
  height: 100%;
}
.main-body .swiper-container .part .banner .banner-title {
  color: #fff;
}
.main-body .swiper-container .part .banner .banner-title .ch-title {
  font-size: 107rem;
  text-shadow: 0 1rem 3rem #000;
}
.main-body .swiper-container .part .banner .banner-title .en-title {
  font-size: 32rem;
  text-transform: uppercase;
  font-family: Candara;
}
.main-body .swiper-container .part .en-title {
  font-size: 60rem;
  line-height: 68rem;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  margin-top: 80rem;
}
.main-body .swiper-container .part .ch-title {
  font-size: 30rem;
  font-weight: 400;
  line-height: 50rem;
  color: #fff;
}
.main-body .swiper-container .part .see-more {
  display: block;
  font-size: 50rem;
  text-transform: uppercase;
  color: #fff;
  margin-top: 50rem;
}
.main-body .swiper-container .part.two {
  background: url(../images/part-2-bg.png) no-repeat top center;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.main-body .swiper-container .part.two .two-list {
  border-top: 1rem solid #fff;
  border-bottom: 1rem solid #fff;
  width: 1300rem;
  display: flex;
  justify-content: space-between;
  margin-top: 50rem;
}
.main-body .swiper-container .part.two .two-list li {
  color: #fff;
  padding: 35rem 30rem;
}
.main-body .swiper-container .part.two .two-list li .li-number {
  font-size: 66rem;
  font-weight: 800;
}
.main-body .swiper-container .part.two .two-list li .li-number .small {
  font-size: 24rem;
  font-weight: 400;
  margin-left: -10rem;
}
.main-body .swiper-container .part.two .two-list li .li-desc {
  font-size: 20rem;
}
.main-body .swiper-container .part.two .two-desc {
  width: 1250rem;
  font-size: 18rem;
  color: #fff;
  line-height: 30rem;
  margin-top: 20rem;
}
.main-body .swiper-container .part.three {
  background: url(../images/part-3-bg.png) no-repeat top center;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.main-body .swiper-container .part.three .service-list {
  width: 1200rem;
  height: 410rem;
  padding-top: 30rem;
}
.main-body .swiper-container .part.three .service-list li {
  width: 300rem;
  height: 410rem;
  position: relative;
  float: left;
}
.main-body .swiper-container .part.three .service-list li .li-img {
  width: 300rem;
  height: 205rem;
  overflow: hidden;
}
.main-body .swiper-container .part.three .service-list li .li-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.main-body .swiper-container .part.three .service-list li .li-info {
  background: #fff;
  width: 100%;
  height: 205rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #333;
}
.main-body .swiper-container .part.three .service-list li .li-info .li-title {
  font-size: 20rem;
  line-height: 64rem;
}
.main-body .swiper-container .part.three .service-list li .li-info .li-desc {
  width: 270rem;
  font-size: 16rem;
  line-height: 30rem;
}
.main-body .swiper-container .part.three .service-list li:after {
  content: '';
  position: absolute;
  height: 100rem;
  border-left: 2rem solid #314699;
  top: 150rem;
  left: 149rem;
}
.main-body .swiper-container .part.three .service-list li:nth-child(2n):after {
  top: 180rem;
}
.main-body .swiper-container .part.fore {
  background: url(../images/part-4-bg.png) no-repeat top center;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.main-body .swiper-container .part.fore .ys-list {
  width: 1640rem;
  display: flex;
  justify-content: space-between;
  padding-top: 30rem;
}
.main-body .swiper-container .part.fore .ys-list li {
  float: left;
  width: 322rem;
  height: 580rem;
  background-color: #dadada;
}
.main-body .swiper-container .part.fore .ys-list li .li-num {
  font-size: 80rem;
  color: #fff;
  font-weight: 800;
  font-family: 'Bahnschrift';
  text-align: right;
  padding-right: 25rem;
  position: relative;
  padding-top: 200rem;
}
.main-body .swiper-container .part.fore .ys-list li .li-num:after {
  content: '';
  height: 100rem;
  border-left: 1px solid #fff;
  position: absolute;
  top: 160rem;
  left: 25rem;
}
.main-body .swiper-container .part.fore .ys-list li .li-title {
  font-size: 26rem;
  color: #fff;
  line-height: 66rem;
  padding-right: 25rem;
  text-align: right;
  font-weight: 800;
}
.main-body .swiper-container .part.fore .ys-list li .li-desc {
  font-size: 16rem;
  color: #fff;
  padding: 0 25rem;
  line-height: 32rem;
  text-align: left;
  height: 96rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main-body .swiper-container .part.fore .ys-list li:nth-child(1) {
  background: #000000;
}
.main-body .swiper-container .part.fore .ys-list li:nth-child(2) {
  background: #404040;
}
.main-body .swiper-container .part.fore .ys-list li:nth-child(3) {
  background: #747474;
}
.main-body .swiper-container .part.fore .ys-list li:nth-child(4) {
  background: #a5a5a5;
}
.main-body .swiper-container .part.five .dlsave {
  width: 100%;
  height: 100%;
  display: flex;
}
.main-body .swiper-container .part.five .dlsave li {
  width: 33.34%;
  height: 100%;
  position: relative;
  text-align: left;
}
.main-body .swiper-container .part.five .dlsave li .li-title {
  color: #fff;
  padding-left: 83rem;
  padding-top: 340rem;
  opacity: 0;
  transition: all 0.5s ease;
}
.main-body .swiper-container .part.five .dlsave li .li-title .li-ch-title {
  font-size: 36rem;
  font-weight: 800;
  line-height: 50rem;
}
.main-body .swiper-container .part.five .dlsave li .li-title .li-en-title {
  font-size: 16rem;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 26rem;
}
.main-body .swiper-container .part.five .dlsave li .li-desc {
  font-size: 18rem;
  line-height: 28rem;
  color: #fff;
  width: 460rem;
  margin-top: 57rem;
  padding-left: 83rem;
  opacity: 0;
  transition: all 0.5s ease;
}
.main-body .swiper-container .part.five .dlsave li .li-title-2 {
  color: #fff;
  width: 100%;
  position: absolute;
  bottom: 140rem;
  left: 0;
}
.main-body .swiper-container .part.five .dlsave li .li-title-2 .li-num {
  font-family: 'Trebuchet MS';
  font-size: 50rem;
  color: #fff;
  text-align: center;
  line-height: 55rem;
}
.main-body .swiper-container .part.five .dlsave li .li-title-2 .li-line {
  width: 33rem;
  height: 4rem;
  background: #fff;
  margin: 0 auto 15rem;
}
.main-body .swiper-container .part.five .dlsave li .li-title-2 .li-ch-title {
  font-size: 36rem;
  line-height: 55rem;
  text-align: center;
  font-weight: 400;
}
.main-body .swiper-container .part.five .dlsave li .li-title-2 .li-en-title {
  font-size: 18rem;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 26rem;
  text-align: center;
}
.main-body .swiper-container .part.five .dlsave li.five-1 {
  background-image: url(../images/five-1.png);
  background-size: 100% 100%;
}
.main-body .swiper-container .part.five .dlsave li.five-2 {
  background-image: url(../images/five-2.png);
  background-size: 100% 100%;
}
.main-body .swiper-container .part.five .dlsave li.five-3 {
  background-image: url(../images/five-3.png);
  background-size: 100% 100%;
}
.main-body .swiper-container .part.five .dlsave li:hover .li-title,
.main-body .swiper-container .part.five .dlsave li:hover .li-desc {
  opacity: 1;
}
.main-body .swiper-container .part.six {
  background: url(../images/part-6-bg.png) no-repeat top center;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.main-body .swiper-container .part.six .six-list {
  display: flex;
  justify-content: space-between;
  padding-top: 160rem;
}
.main-body .swiper-container .part.six .six-list li {
  width: 234rem;
  height: 234rem;
  color: #fff;
  background: rgba(49, 70, 153, 0.9);
  margin: 0 1px;
}
.main-body .swiper-container .part.six .six-list li a {
  color: #fff;
}
.main-body .swiper-container .part.six .six-list li .li-num {
  font-size: 50rem;
  text-align: center;
  padding-top: 50rem;
}
.main-body .swiper-container .part.six .six-list li .li-title {
  font-size: 22rem;
  height: 60rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20rem;
}
.main-body .swiper-container .part.six .six-list li:nth-child(2n) {
  background: rgba(204, 204, 204, 0.71);
}
.main-body .swiper-container .part.seven {
  background: url(../images/part-7-bg.png) no-repeat top center;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.main-body .swiper-container .part.seven .news-list {
  display: flex;
  justify-content: space-between;
  width: 1640rem;
}
.main-body .swiper-container .part.seven .news-list li {
  width: 464rem;
}
.main-body .swiper-container .part.seven .news-list li a {
  display: block;
  color: #fff;
}
.main-body .swiper-container .part.seven .news-list li a .li-time {
  font-size: 20rem;
  line-height: 48rem;
  padding-left: 30rem;
  text-align: left;
}
.main-body .swiper-container .part.seven .news-list li a .li-img {
  width: 100%;
  height: 280rem;
}
.main-body .swiper-container .part.seven .news-list li a .li-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.main-body .swiper-container .part.seven .news-list li a .li-title {
  font-size: 20rem;
  line-height: 60rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 600;
  padding-left: 30rem;
  padding-right: 15rem;
  text-align: left;
}
.main-body .swiper-container .part.seven .news-list li a .li-desc {
  font-size: 16rem;
  line-height: 24rem;
  height: 48rem;
  overflow: hidden;
  padding: 0 30rem;
  text-align: left;
}
.main-body .swiper-container .part.seven .news-list li a .li-view {
  width: 133rem;
  height: 33rem;
  border: 1px dashed #fff;
  font-size: 16rem;
  line-height: 33rem;
  text-align: center;
  border-radius: 15rem;
  margin-top: 20rem;
  margin-left: 30rem;
}
.main-body .swiper-container .part.eight {
  overflow-y: auto;
}
.main-body .swiper-container .part.eight .container {
  width: 100%;
  height: 100%;
}
.main-body .swiper-container .part.eight .contact {
  background-color: #314699;
  padding-top: 70rem;
}
.main-body .swiper-container .part.eight .contact .en-title {
  margin-top: 0;
}
.main-body .swiper-container .part.eight .contact .con-part-list {
  display: flex;
  justify-content: space-between;
  width: 1200rem;
  margin: 0 auto;
}
.main-body .swiper-container .part.eight .contact .con-part-list li .li-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 60rem;
  height: 71rem;
}
.main-body .swiper-container .part.eight .contact .con-part-list li .li-value {
  line-height: 56rem;
  font-size: 20rem;
  color: #fff;
  text-align: center;
}
.main-body .swiper-container .part.eight .contact .footer {
  height: 79rem;
  border-top: 1px solid #4659a3;
  line-height: 79rem;
  text-align: center;
  color: #fff;
  font-size: 20rem;
  margin-top: 30rem;
}
.main-body .swiper-container .part.eight .contact .footer a {
  color: #fff;
}
.main-body .swiper-container .part.eight .contact .footer span,
.main-body .swiper-container .part.eight .contact .footer a {
  margin: 0 5rem;
}
.main-body .swiper-container .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.2);
}
.main-body .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #007aff;
}
.main-body .swiper-container .swiper-pagination .page {
  position: relative;
}
.main-body .swiper-container .swiper-pagination .page .hover-text {
  width: 80rem;
  height: 30rrem;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 12rem;
  line-height: 30rem;
  text-align: center;
  position: absolute;
  top: -11rem;
  right: 10rem;
  border-radius: 5rem;
  opacity: 0;
  transition: all 0.5s ease;
}
.main-body .swiper-container .swiper-pagination .page:hover .hover-text {
  opacity: 1;
}
.main-body .swiper-slide {
  text-align: center;
  font-size: 18rem;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}