* {
  padding: 0;
  margin: 0;
}
p {
  margin: 0;
}
ul,
ol,
li {
  list-style: none !important;
  padding: 0;
}
a {
  text-decoration: none;
  color: inherit;
}
a:active,
a:hover {
  outline: 0;
}
img {
  border: 0;
}
input,
button,
select,
textarea {
  outline: 0;
  -webkit-appearance: button;
  border-radius: 0;
}
select {
  -webkit-appearance: none;
}
textarea {
  resize: none;
}
cite,
em {
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
i,
b {
  font-style: normal;
}
html body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 1600px;
  background-color: #F8FCFF;
}
body {
  height: auto;
  color: #303133;
  background-color: #F8FCFF;
  font-family: "Helvetica";
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: "Microsoft Yahei";
  background: #f9f9f9;
  font: 14px "Microsoft Yahei", "Tahoma", "SimSun";
  min-width: 1600px;
}
.left {
  float: left;
}
.right {
  float: right;
}
.comhead {
  width: 100%;
  height: auto;
}
.p_center {
  width: 1600px;
  margin: 0 auto;
}
.p_center2 {
  width: 1628px;
  margin: 0 auto;
}
.centerBox {
  width: 1600px;
  margin: 0 auto;
  box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  background-color: #fff;
}
.bg {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  min-width: 1600px;
}
.bgcenter {
  width: 1600px;
  height: auto;
  position: absolute;
  top: 90px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -1;
  min-width: 1600px;
}
.pictureBox {
  margin-top: 214px;
  box-sizing: border-box;
  padding: 50px 0 120px 0;
  margin-bottom: 85px;
}
.pictureBox .titleBox {
  border-bottom: 1px dashed #c9c9c9;
  margin: 0 50px 29px 50px;
  box-sizing: border-box;
}
.pictureBox .titleBox .title {
  font-family: MicrosoftYaHei-Bold;
  font-size: 42px;
  color: #333333;
  text-align: center;
  font-weight: 800;
  margin-bottom: 30px;
}
.pictureBox .titleBox .time {
  text-align: center;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 26px;
  color: #999999;
  margin-bottom: 40px;
}
.pictureBox .titleBox .timep {
  margin-right: 80px;
}
.pictureBox .nowBox {
  position: relative;
}
.pictureBox .nowBox .nowPic {
  width: 1200px;
  height: 675px;
  display: block;
  margin: 0 auto 29px auto;
}
.pictureBox .nowBox .dis {
  display: none;
}
.pictureBox .nowBox .larrow {
  position: absolute;
  width: 21px;
  height: 39px;
  top: 50%;
  left: 151px;
  transform: scaleX(-1) translateY(-50%);
  cursor: pointer;
  z-index: 999;
}
.pictureBox .nowBox .rarrow {
  position: absolute;
  width: 21px;
  height: 39px;
  top: 50%;
  right: 151px;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 999;
}
.pictureBox .nowInfo {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin-bottom: 30px;
}
.pictureBox .nowInfo .number {
  margin-right: 39px;
}
.pictureBox .nowInfo .number .nowNum {
  font-family: MicrosoftYaHei-Bold;
  font-size: 66px;
  color: #0061d9;
  font-weight: 800;
}
.pictureBox .nowInfo .number .sum {
  font-family: MicrosoftYaHei;
  font-size: 32px;
  color: #333333;
}
.pictureBox .nowInfo .content {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 24px;
  color: #333333;
  line-height: 45px;
  width: 942px;
  text-align: justify;
}
.pictureBox .mySwiper {
  position: relative;
  width: 1080px;
  margin: 0 auto 130px auto;
  padding: 0 60px;
}
.pictureBox .mySwiper .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pictureBox .mySwiper .swiper-container .swiper {
  width: 224px;
  height: 126px;
}
.pictureBox .mySwiper .swiper-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 224px;
  height: 126px;
}
.pictureBox .mySwiper .swiper-container .swiper-slide.cur {
  border: 5px solid #0061d9;
  box-sizing: border-box;
}
.pictureBox .mySwiper .swiper-container .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pictureBox .recommendPic {
  width: 100%;
  height: auto;
  background: rgba(197, 233, 255, 0.39);
  box-sizing: border-box;
  padding-bottom: 80px;
}
.pictureBox .recommendPic .center {
  width: 1200px;
  margin: 0 auto;
}
.pictureBox .recommendPic .center .title {
  margin-top: 41px;
  margin-bottom: 30px;
}
.pictureBox .recommendPic .center ul {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pictureBox .recommendPic .center ul li {
  margin-bottom: 20px;
}
.pictureBox .recommendPic .center ul li img {
  width: 285px;
  height: 161px;
  display: block;
  margin-bottom: 20px;
}
.pictureBox .recommendPic .center ul li p {
  width: 285px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 24px;
  color: #333333;
  display: -webkit-box;
  /* 将对象作为伸缩盒子模型显示 */
  -webkit-box-orient: vertical;
  /* 设置或检索伸缩盒对象的子元素的排列方式 */
  -webkit-line-clamp: 2;
  /* 显示的行数 */
  overflow: hidden;
  /* 隐藏超出容器的内容 */
  text-overflow: ellipsis;
  /* 当文本溢出时显示省略号 */
}
.pictureBox .recommendPic .center ul li:hover p {
  color: #0074e1;
}