#home {
  width: 100%;
}

#home .home-banner {
  width: 100%;
  height: 531px;
  background: url("../img/home/banner.jpg") no-repeat;
  background-size: cover;
}

#home .home-services {
  width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
  height: 940px;
}

#home .home-services .services-top {
  width: 100%;
  height: 432px;
  background: url("../img/home/services-top.jpg") no-repeat;
  background-size: cover;
  border-radius: 10px;
  top: -86px;
  padding: 44px 0 0 62px;
  box-sizing: border-box;
  position: relative;
  text-align: justify;
}

#home .home-services .services-top button {
  width: 190px;
  height: 46px;
  background-color: #f83659;
  border: 0;
  position: absolute;
  top: 356px;
  left: 980px;
  font-size: 18px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 46px;
  cursor: pointer;
}

#home .home-services .services-top button .righticon {
  font-size: 34px;
  /* position: relative;
  top: 5px;
  left: 4px; */
}

#home .home-services .services-top button .left {
  /* position: relative;
  top: -7px; */
  /* left: 4px; */
}

#home .home-services .services-top button img {
  width: 30px;
  position: relative;
  top: 8px;
}

#home .home-services .services-top button .img1 {
  display: inline-block;
}

#home .home-services .services-top button .img2 {
  display: none;
}

#home .home-services .services-top button:hover {
  background-color: white !important;
  color: #f83659 !important;
}

#home .home-services .services-top button:hover .img1 {
  display: none;
}

#home .home-services .services-top button:hover .img2 {
  display: inline-block;
}

#home .home-services .services-top .services-title {
  width: 437px;
  height: 56px;
  border-width: 1px;
  border-color: #ffffff;
  border-style: solid;
  font-size: 30px;
  font-family: "Microsoft YaHei";
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  line-height: 56px;
  margin-bottom: 50px;
}

#home .home-services .services-top .services-span {
  width: 726px;
  font-size: 16px;
  font-family: "Microsoft YaHei";
  color: #ffffff;
  line-height: 1.875;
}

#home .home-services .services-top .righticon {
  font-size: 40px;
}

#home .home-services .services-top .services-span div:nth-child(1) {
  margin-bottom: 30px;
}

#home .home-services .services-center {
  width: 100%;
  text-align: center;
  margin-bottom: 58px;
}

#home .home-services .services-center span {
  font-size: 36px;
  color: #0055b3;
  font-weight: bold;
}

#home .home-services .services-bottom {
  width: 100%;
  height: 348px;
  box-shadow: 0 0 20px #c3c3c3;
}

#home .home-services .services-bottom ul {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

#home .home-services .services-bottom ul li {
  width: 236px;
  height: 100%;
  overflow: hidden;
  transition: width 0.3s ease-in;
  position: relative;
  float: left;
  -webkit-transition: width 0.s linear;
  -moz-transition: width 0.s linear;
  -ms-transition: width 0.s linear;
  -o-transition: width 0.s linear;
}

#home .home-services .services-bottom ul li:hover {
  width: 1145px;
}

#home .home-services .services-bottom ul li img {
  width: 236px;
  height: 100%;
  filter: saturate(80%);
  -webkit-filter: saturate(80%);
  -moz-filter: saturate(80%);
  -ms-filter: saturate(80%);
  float: left;
}

#home .home-services .services-bottom ul li .img-title {
  position: absolute;
  bottom: 24px;
  left: 22px;
  font-size: 22px;
  color: #ffffff;
  overflow: hidden;
  max-width: 200px;
  min-width: 200px;
  font-family: "SourceHanSerifCN-Bold" !important;
}

#home .home-services .services-bottom ul li .bottom-right {
  float: left;
  width: 421px;
  height: 100%;
  padding: 26px 0 0 20px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

#home .home-services .services-bottom ul li .bottom-right .right-title {
  border-width: 1px;
  border-color: #0055b3;
  border-style: solid;
  border-radius: 8px;
  float: left;
  padding: 0 12px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 18px;
  color: #0055b3;
  font-weight: bold;
  margin-bottom: 24px;
}

#home .home-services .services-bottom ul li .bottom-right .right-news {
  font-size: 16px;
  font-family: "Microsoft YaHei";
  color: #333333;
  line-height: 1.875;
  width: 362px;
  float: left;
  text-align: justify;
}

#home .home-services .services-bottom ul li .bottom-right .right-a {
  border-width: 1px;
  border-color: #aaaaaa;
  border-style: solid;
  border-radius: 50%;
  background-color: #fefdfd;
  box-shadow: 0px 1px 7.76px 0.24px rgba(228, 228, 228, 0.004);
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  position: absolute;
  top: 26px;
  left: 352px;
}

#home .home-services .services-bottom ul li .bottom-right .right-a img {
  width: 20px;
  height: 20px;
  margin: 8px 0 0 8px;
}

#home .home-services .services-bottom ul li .bottom-right .right-a .img3 {
  display: inline-block;
}

#home .home-services .services-bottom ul li .bottom-right .right-a .img4 {
  display: none;
}

#home .home-services .services-bottom ul li .bottom-right .right-a:hover {
  background-color: #aaaaaa;
}

#home .home-services .services-bottom ul li .bottom-right .right-a:hover .img3 {
  display: none;
}

#home .home-services .services-bottom ul li .bottom-right .right-a:hover .img4 {
  display: inline-block;
}

#home .home-services .services-bottom ul li .bottom-right .right-a:hover .el-icon-right {
  color: #fefdfd;
}

#home .home-services .services-bottom ul li .bottom-right .right-a .el-icon-right {
  font-size: 20px;
  font-weight: bold;
  position: relative;
  top: 3px;
  color: #aaaaaa;
  position: relative;
  top: 1px;
}

#home .home-activities {
  width: 100%;
  height: 631px;
  background: url("../img/home/activities.jpg") no-repeat;
  background-size: cover;
}

#home .home-activities .activities-con {
  width: 1200px;
  min-width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding-top: 60px;
  box-sizing: border-box;
  position: relative;
}

#home .home-activities .activities-con .activities-title {
  font-size: 36px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  margin-bottom: 58px;
}

#home .home-activities .activities-con .swiper-container {
  width: 100%;
  height: 424px;
  position: relative;
}

#home .home-activities .activities-con .swiper-container img {
  height: 100%;
}

#home .home-activities .activities-con .swiper-container .swiper-title {
  position: absolute;
  top: 31px;
  left: 636px;
  font-size: 24px;
  font-weight: bold;
  color: white;
  width: 459px;
}

#home .home-activities .activities-con .swiper-container .swiper-news {
  position: absolute;
  top: 105px;
  left: 644px;
  font-size: 16px;
  color: white;
  width: 455px;
  line-height: 1.875;
  text-align: justify;
}

#home .home-activities .activities-con .swiper-container .swiper-num {
  position: absolute;
  bottom: 6px;
  right: 145px;
  font-size: 30px;
  font-family: "Microsoft YaHei";
  color: #ffffff;
  font-weight: bold;
}

#home .home-activities .activities-con .swiper-container .swiper-button-prev {
  position: absolute;
  left: 649px;
  top: 332px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-size: 30px;
  border-width: 2px;
  border-color: #ffffff;
  border-style: solid;
  box-sizing: border-box;
  color: white;
}
#home .home-activities .activities-con .swiper-container .swiper-button-prev img{
  width: 30px;
  height: 30px;
}
#home .home-activities .activities-con .swiper-container .swiper-button-next img{
  width: 30px;
  height: 30px;
}
#home .home-activities .activities-con .swiper-container .img5{
  display: inline-block;
}
#home .home-activities .activities-con .swiper-container .img6{
  display: none;
}
#home .home-activities .activities-con .swiper-container .swiper-button-prev:hover .img5{
  display: none;
}
#home .home-activities .activities-con .swiper-container .swiper-button-prev:hover .img6{
  display: inline-block;
}
#home .home-activities .activities-con .swiper-container .swiper-button-next:hover .img5{
  display: none;
}
#home .home-activities .activities-con .swiper-container .swiper-button-next:hover .img6{
  display: inline-block;
}
#home .home-activities .activities-con .swiper-container .swiper-button-prev img{
  width: 30px;
  height: 30px;
}
#home .home-activities .activities-con .swiper-container .swiper-button-next img{
  width: 30px;
  height: 30px;
}

#home .home-activities .activities-con .swiper-container .swiper-button-prev:hover {
  background: white !important;
  color: black !important;
}

#home .home-activities .activities-con .swiper-container .swiper-button-next {
  position: absolute;
  left: 712px;
  top: 332px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-size: 30px;
  border-color: #ffffff;
  border-style: solid;
  box-sizing: border-box;
  color: white;
}

#home .home-activities .activities-con .swiper-container .swiper-button-next:hover {
  background: white !important;
  color: black !important;
}

#home .home-activities .activities-con .swiper-container .swiper-button-prev:after,
#home .home-activities .activities-con .swiper-container .swiper-container-rtl .swiper-button-next:after {
  content: none;
}

#home .home-activities .activities-con .swiper-container .swiper-button-next:after,
#home .home-activities .activities-con .swiper-container .swiper-container-rtl .swiper-button-prev:after {
  content: none;
}

#home .home-vews {
  width: 100%;
  background-color: #f2f5fa;
}

#home .home-vews .vews-con {
  width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
  padding: 140px 0 58px 0;
}

#home .home-vews .vews-con .vews-title {
  font-size: 36px;
  color: #0055b3;
  font-weight: bold;
  text-align: center;
  margin-bottom: 58px;
}

#home .home-vews .vews-con .vews-lis {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#home .home-vews .vews-con .vews-lis .vews-li {
  width: 590px;
  height: 263px;
  background: white;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin-bottom: 28px;
}

#home .home-vews .vews-con .vews-lis .vews-li:hover {
  border-width: 1px;
  border-color: #0055b3;
  border-style: solid;
  background-color: #fcfcfc;
  box-shadow: 0 0 25px #c3c3c3;
  -webkit-box-shadow: 0 0 25px #c3c3c3;
  -o-box-shadow: 0 0 25px #c3c3c3;
  -ms-box-shadow: 0 0 25px #c3c3c3;
  -moz-box-shadow: 0 0 25px #c3c3c3;
}

#home .home-vews .vews-con .vews-lis .vews-li:hover .li-title {
  color: #0055b3;
  position: relative;
  top: -1px;
  left: -1px;
}

#home .home-vews .vews-con .vews-lis .vews-li:hover .li-news {
  position: relative;
  top: -1px;
  left: -1px;
}

#home .home-vews .vews-con .vews-lis .vews-li:hover img {
  position: relative;
  top: -1px;
  left: -1px;
}

#home .home-vews .vews-con .vews-lis .vews-li img {
  min-height: 263px;
  height: 100%;
  float: left;
}

#home .home-vews .vews-con .vews-lis .vews-li .li-title {
  font-size: 16px;
  font-family: "Microsoft YaHei";
  color: #333333;
  font-weight: bold;
  line-height: 1.625;
  width: 348px;
  float: left;
  margin: 24px 0 12px 18px;
  text-align: justify;
}

#home .home-vews .vews-con .vews-lis .vews-li .li-news {
  font-size: 14px;
  font-family: "Microsoft YaHei";
  color: #666666;
  line-height: 1.857;
  width: 362px;
  margin: 0 0 0 18px;
  float: left;
  text-align: justify;
}