.banner #swiper1 {
  height: 353px;
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.banner #swiper1 img {
  height: 353px;
  width: 1200px;
  margin: 0 auto;
}
.banner .my-switch-1 {
  display: inline-block;
  margin: 0 5px;
  background-color: white;
  height: 14px;
  width: 14px;
  border-radius: 50%;
}
.banner .my-active-switch-1 {
  background-color: #004b8d;
}
.banner .my-switch {
  background-color: #3f78d8;
  display: inline-block;
  height: 25px;
  width: 25px;
  /* margin: 10px; */
  color: white;
  line-height: 25px;
  font-size: 20px;
  font-weight: 600;
}
.banner .my-active-switch {
  background-color: red;
  color: white;
}
.banner .swiper-pagination1 {
  height: 20px;
  width: 100%;
  text-align: center;
  z-index: 999;
  position: absolute;
  bottom: 20px;
}
.banner .swiper-pagination1 .swiper-pagination-bullet {
  display: inline-block;
  height: 15px;
  width: 15px;
  background-color: #fff;
  z-index: 9999;
  border-radius: 50%;
  margin-right: 15px;
}
.banner .swiper-pagination1 .swiper-pagination-bullet-active {
  width: 51px;
  height: 15px;
  background: #863a3c;
  border: 1px solid #707070;
  border-radius: 8px;
}
.banner .swiper-button-prev {
  background-image: url('../images/left-arrow.png');
  left: 100px;
}
.banner .swiper-button-next {
  background-image: url('../images/right-arrow.png');
  right: 100px;
}

#swiper3 .swiper-button-prev,#swiper3 .swiper-button-next{
  display:none;
}
#swiper3:hover .swiper-button-prev,#swiper3:hover .swiper-button-next{
  display:block;
}

#swiper3 .swiper-button-prev {
  background-image: url('../images/left-arrow.png');
  left: 17px;
}
#swiper3 .swiper-button-next {
  background-image: url('../images/right-arrow.png');
  right: 54px;
}


.content-bg {
  background-image: url('../images/content-bg.png');
  background-position: 0 100%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding-bottom: 70px;
}
.content {
  width: 1200px;
  margin: 0 auto;
  margin-top: 30px;
}
.content .news-top {
  height: 45px;
  line-height: 45px;
  border-bottom: solid 1px #ecdecf;
}
.content .news-top img {
  display: inline-block;
  vertical-align: middle;
  height: 25px;
  width: 22px;
  margin-right: 15px;
}
.content .news-top .news-title {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
}
.content .news-top .more {
  font-size: 12px;
  color: #9a9a9a;
  cursor: pointer;
  float: right;
}
.content .news-top .more:hover a {
  color: #863a3c;
}
.content .news-content {
  text-align: justify;
  text-align-last: justify;
  /*解决IE的支持*/
}
.content .news-content .news-right,
.content .news-content .news-left {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  text-align-last: left;
  /*解决IE的支持*/
  margin-top: 40px;
}
.content .news-content .news-left .img_wrap{
   height: 230px;
   overflow:hidden;
 }
.content .news-content .news-left {
  width: 46%;
}
.content .news-content .news-left img {
  width: 100%;
  fit: cover;
}
.content .news-content .news-left .left-title {
  margin: 18px 0;
  font-size: 17px;
  font-weight: 600;
  color: #333333;
  white-space: nowrap;
  /* 不换行 */
  overflow: hidden;
  /* 内容超出宽度时隐藏超出部分的内容 */
  text-overflow: ellipsis;
  /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.content .news-content .news-left .left-content {
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: #525252;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.content .news-content .news-left a:hover {
  color: #863a3c;
}
.content .news-content .news-right {
  width: 49%;
  height: 300px;
}
.content .news-content .news-right .right-list {
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  text-align: justify;
  text-align-last: justify;
  /*解决IE的支持*/
}
.content .news-content .news-right .right-list span:first-child {
  width: 80%;
  white-space: nowrap;
  /* 不换行 */
  overflow: hidden;
  /* 内容超出宽度时隐藏超出部分的内容 */
  text-overflow: ellipsis;
  /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.content .news-content .news-right .right-list span {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  text-align-last: left;
  /*解决IE的支持*/
}
.content .news-content .news-right .right-list .time {
  width: 20%;
  text-align: right;
  text-align-last: right;
  /*解决IE的支持*/
}
.content .news-content .news-right .right-list:hover a {
  color: #863a3c;
}
.content .tag {
  height: 152px;
}
.content .tag img {
  fit: cover;
  height: 152px;
  width: 100%;
}
.content .sec-content,
.content .third-content {
  text-align: justify;
  text-align-last: justify;
  /*解决IE的支持*/
  margin-top: 40px;
}
.content .sec-content .left,
.content .third-content .left {
  width: 46%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  text-align-last: left;
  /*解决IE的支持*/
}
.content .sec-content .left ul,
.content .third-content .left ul {
  margin-top: 30px;
}
.content .sec-content .left .right-list,
.content .third-content .left .right-list {
  height: 58px;
  line-height: 58px;
  font-size: 16px;
  text-align: justify;
  text-align-last: justify;
  /*解决IE的支持*/
}
.content .sec-content .left .right-list span:first-child,
.content .third-content .left .right-list span:first-child {
  width: 90%;
  white-space: nowrap;
  /* 不换行 */
  overflow: hidden;
  /* 内容超出宽度时隐藏超出部分的内容 */
  text-overflow: ellipsis;
  /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.content .sec-content .left .right-list span,
.content .third-content .left .right-list span {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  text-align-last: left;
  /*解决IE的支持*/
}
.content .sec-content .left .right-list .time,
.content .third-content .left .right-list .time {
  width: 50px;
  background-image: url('../images/time-bg.png');
  background-position: right;
  background-repeat: no-repeat;
  background-size: 100%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  text-align-last: center;
  /*解决IE的支持*/
}
.content .sec-content .left .right-list:hover a,
.content .third-content .left .right-list:hover a {
  color: #863a3c;
}
.content .sec-content .left .banner-1,
.content .third-content .left .banner-1 {
  height: 350px;
  margin-top: 30px;
}
.content .sec-content .left .banner-1 #swiper2,
.content .third-content .left .banner-1 #swiper2,
.content .sec-content .left .banner-1 .swiper-slide,
.content .third-content .left .banner-1 .swiper-slide {
  height: 360px;
  width: 100%;
}
.content .sec-content .left .banner-1 #swiper2 .swiper-wrapper,
.content .third-content .left .banner-1 #swiper2 .swiper-wrapper,
.content .sec-content .left .banner-1 .swiper-slide .swiper-wrapper,
.content .third-content .left .banner-1 .swiper-slide .swiper-wrapper {
  height: 100%;
}
.content .sec-content .left .banner-1 #swiper2 .swiper-wrapper .swiper-slide,
.content .third-content .left .banner-1 #swiper2 .swiper-wrapper .swiper-slide,
.content .sec-content .left .banner-1 .swiper-slide .swiper-wrapper .swiper-slide,
.content .third-content .left .banner-1 .swiper-slide .swiper-wrapper .swiper-slide {
  position: relative;
}
.content .sec-content .left .banner-1 #swiper2 .swiper-wrapper .swiper-slide img,
.content .third-content .left .banner-1 #swiper2 .swiper-wrapper .swiper-slide img,
.content .sec-content .left .banner-1 .swiper-slide .swiper-wrapper .swiper-slide img,
.content .third-content .left .banner-1 .swiper-slide .swiper-wrapper .swiper-slide img {
  height: 360px;
  width: 100%;
  fit: cover;
}
.content .sec-content .left .banner-1 #swiper2 .swiper-wrapper .swiper-slide .img-title,
.content .third-content .left .banner-1 #swiper2 .swiper-wrapper .swiper-slide .img-title,
.content .sec-content .left .banner-1 .swiper-slide .swiper-wrapper .swiper-slide .img-title,
.content .third-content .left .banner-1 .swiper-slide .swiper-wrapper .swiper-slide .img-title {
  position: absolute;
  cursor: pointer;
  line-height: 60px;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  padding: 0 19px;
  height: 60px;
  box-sizing: border-box;
  white-space: nowrap;
  /* 不换行 */
  overflow: hidden;
  /* 内容超出宽度时隐藏超出部分的内容 */
  text-overflow: ellipsis;
  /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
  background: linear-gradient(180deg, rgba(139, 35, 31, 0.3) 0%, #8b231f 100%);
}
.content .sec-content .left .banner-1 #swiper2 .swiper-wrapper .swiper-slide .img-title a,
.content .third-content .left .banner-1 #swiper2 .swiper-wrapper .swiper-slide .img-title a,
.content .sec-content .left .banner-1 .swiper-slide .swiper-wrapper .swiper-slide .img-title a,
.content .third-content .left .banner-1 .swiper-slide .swiper-wrapper .swiper-slide .img-title a {
  color: #fff;
}
.content .sec-content .left .banner-1 #swiper2 .swiper-button-prev,
.content .third-content .left .banner-1 #swiper2 .swiper-button-prev,
.content .sec-content .left .banner-1 .swiper-slide .swiper-button-prev,
.content .third-content .left .banner-1 .swiper-slide .swiper-button-prev {
  background-image: url('../images/right-arrow-1.png');
  background-size: 8px 15px;
  left: 20px;
  height: 45px;
  width: 25px;
  background-color: rgba(0, 0, 0, 0.3);
}
.content .sec-content .left .banner-1 #swiper2 .swiper-button-next,
.content .third-content .left .banner-1 #swiper2 .swiper-button-next,
.content .sec-content .left .banner-1 .swiper-slide .swiper-button-next,
.content .third-content .left .banner-1 .swiper-slide .swiper-button-next {
  background-image: url('../images/right-arrow-2.png');
  height: 45px;
  width: 25px;
  background-size: 8px 15px;
  background-color: rgba(0, 0, 0, 0.3);
  right: 20px;
}
.content .sec-content .right,
.content .third-content .right {
  width: 49%;
  vertical-align: top;
  display: inline-block;
  height: 550px;
  text-align: left;
  text-align-last: left;
  /*解决IE的支持*/
}
.content .sec-content .right .right-content,
.content .third-content .right .right-content {
  text-align: justify;
  height: 100%;
  margin-top: 30px;
  text-align-last: justify;
  /*解决IE的支持*/
}
.content .sec-content .right .right-content .rigth-child,
.content .third-content .right .right-content .rigth-child {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  height: 473px;
  text-align: left;
  text-align-last: left;
  /*解决IE的支持*/
  width: 223px;
  cursor: pointer;
  padding: 0 16px;
  background-color: antiquewhite;
  background: linear-gradient(180deg, #f1e2d4 0%, #f8f4f0 100%);
}
.content .sec-content .right .right-content .rigth-child .img_wrap{
   height: 191px;
   width:100%;
   overflow:hidden;
}
.content .sec-content .right .right-content .rigth-child img,
.content .third-content .right .right-content .rigth-child img {
  fit: cover;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 10px;
  overflow:hidden;
}

.content .sec-content .right .right-content .rigth-child .name,
.content .third-content .right .right-content .rigth-child .name {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
  margin-top:15px;
  color: #863a3c;
}
.content .sec-content .right .right-content .rigth-child .describe,
.content .third-content .right .right-content .rigth-child .describe {
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: justify;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
}
.content .sec-content .right ul,
.content .third-content .right ul {
  height: 360px;
  margin-top: 30px;
  background-color: #f8efe9;
}
.content .sec-content .right ul li,
.content .third-content .right ul li {
  height: 60px;
  padding: 15px 56px;
  cursor: pointer;
}
.content .sec-content .right ul li .title,
.content .third-content .right ul li .title {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  white-space: nowrap;
  /* 不换行 */
  overflow: hidden;
  /* 内容超出宽度时隐藏超出部分的内容 */
  text-overflow: ellipsis;
  /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.content .sec-content .right ul li .time,
.content .third-content .right ul li .time {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #a75d5f;
}
.content .sec-content .right ul li:hover,
.content .third-content .right ul li:hover {
  background-color: #863a3c;
}
.content .sec-content .right ul li:hover a,
.content .third-content .right ul li:hover a,
.content .sec-content .right ul li:hover div,
.content .third-content .right ul li:hover div {
  color: #fff;
}