html,
body {
  font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  font-size: 14px;
  color: #333;
  height: 100%;
  width: 100%;
  background: #fff;
  min-width: 1470px;
}
html,
body,
img,
ul,
li,
ol,
li,
dl,
dt,
dd,
span,
section,
div,
article,
header,
footer {
  margin: 0;
  padding: 0;
}

a{
  text-decoration: none;
}
.hide {
    display: none
}
ul,li {
    list-style: none;
    margin: 0;
    padding: 0
}
.title-color {
    color: #000000
}

.text-color {
    color: #666666
}
.font-12 {
    font-size: 12px
}
.font-14 {
    font-size: 14px
}
.font-16 {
    font-size: 16px
}
.font-18 {
    font-size: 18px
}
.font-30 {
    font-size: 30px
}
.text-center {
    text-align: center;
}
.font-weight {
    font-weight: 600;
}

.lh-28 {
    line-height: 28px
}


#main{
  width: 1200px;
  margin: 0 auto;
}

#main .img-wrapper {
    margin-top: 100px;
    margin-bottom: 55px;
    height: 96px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#main .img-wrapper .more {
    font-size: 14px;
    color: #E91E11;
    margin-bottom: 5px
}

/* 重要动态  */
#dynamic .img-wrapper{
    background: url('../images/project-img-1.png') no-repeat;
    background-size: cover;
}
#dynamic .new-wrapper {
    display: flex;
    justify-content: space-between;
}

#dynamic .new-wrapper .left-wrapper {
    width: 690px;
    height: 460px;
}

#dynamic .new-wrapper .left-wrapper .swiper-slide{
  position: relative;
}
#dynamic .new-wrapper .left-wrapper .swiper-slide img{
  width: 690px;
  height: 440px;
  display: block;
}
#dynamic .new-wrapper .left-wrapper .swiper-pagination-bullets{
  right: 20px;
  bottom: 0;
  height: 50px;
  left: auto;
  width: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#dynamic .new-wrapper .left-wrapper .swiper-pagination-bullet{
  width: 16px;
  height: 16px;
  background: #2556b4;
  opacity: 1;
  border-radius:50%;
  outline: none;
}
#dynamic .new-wrapper .left-wrapper .swiper-pagination-bullet-active{
  background: #fff;
}
.focus-scroll-title{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #fff;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  text-indent: 17px;
  background: rgba(0, 0, 0, .3);
}
#dynamic .new-wrapper .right-wrapper {
    width: 490px;
    height: 460px;
}

#dynamic .news-item-wrapper{
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E6E6E6
}
#dynamic  a:first-child  .news-item-wrapper{
    margin-top: 0
}
#dynamic .news-item-wrapper .content {
    margin-top: 20px;
    position: relative;
    display: block;
}
#dynamic .news-item-wrapper .content span{
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 28px;
}



/* 科学防疫  */
#epidemic-prevention .img-wrapper{
    background: url('../images/project-img-2.png') no-repeat;
    background-size: cover;
}
.swiper-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.swiper-container  .swiper-item {
    width:386px;
    border: 1px solid #F0F0F0;
    display: block;
}

.swiper-container  .swiper-item  .pic-cover{
    width:386px;
    height: 217px;
	display: block;
}

.swiper-container  .swiper-item .title {
    margin-top: 20px;
    padding: 0  20px
}

.swiper-container  .swiper-item .desc {
    margin-top: 30px;
    padding: 0  20px;
	min-height: 56px;
}
.swiper-container  .swiper-item .more {
    width:120px;
    height:32px;
    background:#FFF5F5;
    border-radius:16px;
    margin: 50px auto;
    font-size: 14px;
    color: #E77979;
    text-align: center;
    line-height: 32px
}

.focus-wrapper  {
    position: relative;
}

.swiper-button-next {
    width: 31px;
    height: 44px;
    background: url('../images/next-btn.png') no-repeat;
    background-size: cover;
    right: -50px;
    border:1px dashed #ccc;
}

.swiper-button-prev {
    width: 31px;
    height: 44px;
    background: url('../images/prev-btn.png');
    background-size: cover;
    border:1px dashed #ccc;
    left: -50px;
}
/* 抗疫前线  */
#front .img-wrapper{
    background: url('../images/project-img-3.png') no-repeat;
    background-size: cover;
}

.front-swiper.swiper-container  .swiper-item .title {
    margin-top: 30px;
    margin-bottom: 30px
}


/* 我们在行动  */

#action .img-wrapper{
    background: url('../images/project-img-4.png') no-repeat;
    background-size: cover;
}
#action .new-wrapper {
    display: flex;
    justify-content: space-between;
}
#action .left-wrapper {
    width: 790px;
    height: 446px;
	background: url('../images/project-active-img.png') no-repeat;
    background-size: cover;
}

#action .right-wrapper {
    width: 390px;
    height: 446px;
}

#action .right-wrapper .title {
    margin-top: 20px;
    margin-bottom: 20px;
}
#action .right-wrapper .desc {
    margin-bottom: 20px
}
#action .right-wrapper .news-item-wrapper {
    margin-top: 35px;
    color: #333333;
    position: relative;
    padding-left: 10px;
}
#action .right-wrapper .news-item-wrapper::before{
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #E91E11;
    border-radius: 50%;
    top: 8px;
    left: 2px
}