.slide {
  width: 100%;
  height: 32vw;
  min-height: 439.875px;
  position: relative;
}
.slide .swiper {
  width: 100%;
  height: 100%;
}
.slide .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
}
.slide .pages {
  position: absolute;
  right: 198px;
  bottom: 43px;
  z-index: 99;
}
.slide .pages li span {
  cursor: pointer;
  font-size: 18px;
  font-weight: normal;
  color: #ffffff;
  opacity: 0.6;
}
.slide .pages li .hung {
  width: 0;
  margin: 0 19px;
}
.slide .pages .picked span {
  opacity: 1;
}
.slide .pages .picked .hung {
  width: 71px;
  height: 2px;
  background-color: #ffffff;
  transition: all 0.5s;
}
.titlePlate {
  height: 80px;
  display: flex;
  margin-bottom: 55px;
}
.titlePlate .title-plate {
  position: relative;
}
.titlePlate .title-plate img {
  height: 100%;
}
.titlePlate .title-plate .title {
  text-align: center;
  width: 100%;
  font-size: 44px;
  font-weight: bold;
  color: #333333;
  position: absolute;
}
.center {
  justify-content: center;
}
.center .title-plate .title {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.left {
  justify-content: flex-start;
}
.left .title-plate .title {
  text-align: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.newsCenter {
  width: 100%;
  height: 817px;
  background-image: url(../image/public/bg1.png);
  background-size: 100% 100%;
  padding: 80px 0 100px;
}
.newsCenter .newsPlate {
  height: 496px;
}
.newsCenter .newsPlate .bignews {
  width: 671px;
  height: 100%;
}
.newsCenter .newsPlate .bignews a {
  width: 100%;
  height: 100%;
  position: relative;
}
.newsCenter .newsPlate .bignews a img {
  width: 100%;
  height: 100%;
}
.newsCenter .newsPlate .bignews a .newsinfo {
  position: absolute;
  width: 100%;
  bottom: 33px;
  left: 0;
  padding: 0 59px 0 33px;
}
.newsCenter .newsPlate .bignews a .newsinfo .newsTitle {
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 22px;
}
.newsCenter .newsPlate .bignews a .newsinfo .infoMain {
  margin-bottom: 31px;
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
  opacity: 0.5;
}
.newsCenter .newsPlate .bignews a .newsinfo .time {
  font-size: 16px;
  color: #ffffff;
  opacity: 0.5;
}
.newsCenter .newsPlate .newsSlide {
  height: 100%;
  flex: 1;
  padding: 18px 0 0 31px;
}
.newsCenter .newsPlate .newsSlide .pages {
  margin-bottom: 44px;
}
.newsCenter .newsPlate .newsSlide .pages li {
  cursor: pointer;
  width: 47px;
  height: 46px;
  margin-right: 25px;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}
.newsCenter .newsPlate .newsSlide .pages .pick {
  color: #0035cb;
  background-size: 100% 100%;
  background-image: url(../image/pages/pagebg1.png);
}
.newsCenter .newsPlate .newsSlide .pages .viewmore {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}
.newsCenter .newsPlate .newsSlide .pages .viewmore:hover {
  opacity: 0.7;
}
.newsCenter .newsPlate .newsSlide .news-slide {
  width: 100%;
  height: 387px;
}
.newsCenter .newsPlate .newsSlide .news-slide li {
  width: 100%;
  height: 100%;
}
.newsCenter .newsPlate .newsSlide .news-slide li .small-news {
  width: 306px;
  height: 100%;
}
.newsCenter .newsPlate .newsSlide .news-slide li .small-news:first-child {
  float: left;
}
.newsCenter .newsPlate .newsSlide .news-slide li .small-news:last-child {
  float: right;
}
.newsCenter .newsPlate .newsSlide .news-slide li .small-news .newsImg {
  width: 100%;
  height: 226px;
  margin-bottom: 47px;
}
.newsCenter .newsPlate .newsSlide .news-slide li .small-news .newsImg img {
  width: 100%;
  height: 100%;
}
.newsCenter .newsPlate .newsSlide .news-slide li .small-news .newsInfo h2 {
  margin-bottom: 22px;
  width: 80%;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  font-stretch: normal;
}
.newsCenter .newsPlate .newsSlide .news-slide li .small-news .newsInfo h3 {
  margin-bottom: 44px;
  font-size: 16px;
  font-weight: normal;
  color: #333333;
}
.newsCenter .newsPlate .newsSlide .news-slide li .small-news .newsInfo .time {
  font-size: 16px;
  color: #999999;
}
.newsCenter .newsPlate .newsSlide .news-slide li .small-news:hover .newsInfo * {
  color: #0035cb;
}
.notice {
  padding-top: 175px;
  height: 758px;
  background-size: cover;
  background-image: url(../image/public/bg2.png);
}
.notice .titlePlate {
  margin-bottom: 30px;
}
.notice .notice-info {
  margin-bottom: 110px;
  width: 854px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0px;
  color: #333333;
}
.notice .viewmore {
  width: 155px;
  height: 57px;
  border-radius: 28px;
  border: solid 1px #0035cb;
  font-size: 16px;
  color: #0035cb;
}
.notice .viewmore:hover {
  transition: all 0.3s;
  background-color: #0035cb;
  color: #fff;
}
.work {
  height: 900px;
  background-image: url(../image/public/bg3.png);
  background-size: cover;
  padding-top: 81px;
}
.work .workSlide {
  width: 1490px;
  margin: 0 auto 92px;
}
.work .workSlide #workSlide {
  width: 1384px;
  height: 134px;
}
.work .workSlide #workSlide .swiper-slide {
  padding: 0 11px;
}
.work .workSlide #workSlide .swiper-slide a {
  width: 100%;
  height: 100%;
}
.work .workSlide .workSlide-right,
.work .workSlide .workSlide-left {
  cursor: pointer;
}
.work .titlePlate {
  margin-bottom: 66px;
}
.work .workPlate {
  height: 368px;
}
.work .workPlate .worklist {
  display: flex;
  flex-wrap: wrap;
  width: 1090px;
  justify-content: space-between;
}
.work .workPlate .worklist li {
  width: 50%;
  border: solid 1px #e7f2ff;
  height: 185px;
  background-color: rgba(255, 255, 255, 0.5);
}
.work .workPlate .worklist li a {
  padding: 45px 36px 0 51px;
  width: 100%;
  height: 100%;
}
.work .workPlate .worklist li a .workTitle {
  margin-bottom: 19px;
  width: 96%;
  font-size: 18px;
  letter-spacing: 0px;
  color: #333333;
}
.work .workPlate .worklist li a .workInfo {
  font-size: 16px;
  font-weight: normal;
  color: #999999;
  margin-bottom: 34px;
}
.work .workPlate .worklist li a .time {
  font-size: 16px;
  color: #999999;
}
.work .workPlate .worklist li a:hover * {
  transition: all 0.3s;
}
.work .workPlate .worklist li a:hover .workTitle {
  color: #0035cb;
}
.work .workPlate .worklist li a:hover .workInfo {
  color: #0438cc;
}
.work .workPlate .worklist li a:hover .time {
  color: #1a49d0;
}
.work .workPlate .viewmore {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 48px;
  flex: 1;
  height: 100%;
  background-image: url(../image/pages/bg1.png);
  background-size: 100% 100%;
}
.work .workPlate .viewmore h2 {
  font-size: 24px;
  color: #fefeff;
  margin-bottom: 34px;
}
.work .workPlate .viewmore a {
  width: 118px;
  height: 45px;
  border-radius: 23px;
  border: solid 1px #ffffff;
  font-size: 16px;
  color: #fefeff;
}
.policy {
  padding-bottom: 142px;
}
.policy .titlePlate {
  margin-bottom: 55px;
}
.policy .policy-plate .policy-plate-left {
  width: 671px;
  height: 497px;
  position: relative;
  flex-shrink: 0;
}
.policy .policy-plate .policy-plate-left img {
  width: 100%;
  height: 100%;
}
.policy .policy-plate .policy-plate-left .policy-plate-left-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 671px;
  height: 124px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 0 70px 0 39px;
}
.policy .policy-plate .policy-plate-left .policy-plate-left-info .timeplate {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 27px;
}
.policy .policy-plate .policy-plate-left .policy-plate-left-info .timeplate .day {
  width: 86px;
  height: 40px;
  background-color: #ffffff;
  font-size: 34px;
  font-weight: bold;
  color: #6d6a68;
  margin-bottom: 12px;
}
.policy .policy-plate .policy-plate-left .policy-plate-left-info .timeplate .date {
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
}
.policy .policy-plate .policy-plate-left .policy-plate-left-info .infomain {
  width: 449px;
}
.policy .policy-plate .policy-plate-left .policy-plate-left-info .infomain h3 {
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 20px;
}
.policy .policy-plate .policy-plate-left .policy-plate-left-info .infomain h4 {
  width: 95%;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  color: #ffffff;
}
.policy .policy-plate .policy-links {
  width: 689px;
  height: 497px;
}
.policy .policy-plate .policy-links li a {
  width: 100%;
  height: 100%;
  padding-left: 48px;
}
.policy .policy-plate .policy-links li a .link-info {
  width: 100%;
  height: 100%;
}
.policy .policy-plate .policy-links li a .link-info .time {
  margin-right: 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.policy .policy-plate .policy-links li a .link-info .time .day {
  font-size: 38px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 16px;
}
.policy .policy-plate .policy-links li a .link-info .time .date {
  color: #333333;
  font-size: 16px;
  font-weight: normal;
}
.policy .policy-plate .policy-links li a .link-info .infomain {
  width: 75%;
  height: 70px;
}
.policy .policy-plate .policy-links li a .link-info .infomain .infotitle {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}
.policy .policy-plate .policy-links li a .link-info .infomain .detail {
  font-size: 16px;
  font-weight: normal;
  color: #6c6c6c;
}
.policy .policy-plate .policy-links .notpick {
  transition: all 0.5s;
  width: 100%;
  height: 23.1388%;
}
.policy .policy-plate .policy-links .picked {
  transition: all 0.5s;
  height: 30.5836%;
  background-color: #005ae1;
}
.policy .policy-plate .policy-links .picked * {
  transition: all 0.5s;
}
.policy .policy-plate .policy-links .picked a .link-info .time .day {
  color: #fff;
}
.policy .policy-plate .policy-links .picked a .link-info .time .date {
  color: #fff;
}
.policy .policy-plate .policy-links .picked a .link-info .infomain .infotitle {
  color: #fff;
}
.policy .policy-plate .policy-links .picked a .link-info .infomain .detail {
  color: #fff;
}
.video {
  padding-bottom: 79px;
}
.video .titlePlate {
  margin-bottom: 53px;
}
.video .videolist li {
  width: 416px;
  margin-right: 51px;
}
.video .videolist li:last-child {
  margin-right: 0;
}
.video .videolist li a {
  width: 100%;
  height: 100%;
}
.video .videolist li a .video-cover {
  height: 263px;
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}
.video .videolist li a .video-cover img {
  width: 100%;
  height: 100%;
}
.video .videolist li a .video-cover .video-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  padding: 15px;
}
.video .videolist li a .video-cover .video-mask .video-play {
  align-self: flex-end;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
}
.video .videolist li a .video-cover .video-mask .video-play img {
  transform: translate(1.5px, 0);
  width: 11px;
  height: 12px;
}
.video .videolist li a .video-cover .video-mask .time {
  margin-left: auto;
  align-self: flex-end;
  font-size: 16px;
  color: #ffffff;
}
.video .videolist li a .video-info {
  width: 80%;
}
.video .videolist li a .video-info .info-title {
  margin-bottom: 24px;
  font-size: 18px;
  color: #333333;
}
.video .videolist li a .video-info .time {
  font-size: 16px;
  color: #333333;
}
