.banner {  width: 100%; z-index: 1; font-size: 0; }
.banner .img { position: relative; display: block; width: 100%; height: 6rem; overflow: hidden; }
.banner .img .slide-inner { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.banner .img img { position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; -moz-transform: scale(1.06); transform: scale(1.06); -moz-transition: transform 1s ease-out 0s; transition: transform 1s ease-out 0s; }
.banner .img video { position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: 2; width: 100%; height: 100%; object-fit: cover; }
.banner .swiper-slide-active img { -moz-transition: transform 6.2s ease-out 1s; transition: transform 6.2s ease-out 1s; -moz-transform: scale(1); transform: scale(1); }
.banner .pagination { position: absolute; top: auto; right: auto; bottom: 0.3rem; left: 0%; z-index: 3; width: 100%; text-align: center; }
.banner .pagination .swiper-pagination-bullet { position: relative; width: .14rem; height: .14rem; margin: 0 .07rem; background: none; border: 1px solid #fff; border-radius: 50%; -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; }

.column { position: relative; width: 100%; margin: .3rem 0 .3rem; border-bottom: 1px solid #ddd; }
.column h3 { display: inline-block; position: relative; z-index: 1; font-size: 0.32rem; font-weight: 700; line-height: 0.65rem; color: #333; }
.column h3::after { display: block; content: ""; width: 100%; height: 3px; background: #821a16; margin: 0 0 -1px; }
.column .more { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; }

.more { display: block; position: relative; font-size: 0.16rem; line-height: 0.6rem; color: #821a16; }
.more:hover { font-weight: 700; }
.more:hover::after { right: auto; left: 0; width: 100%; }
.more span { font-family: "宋体"; font-weight: 700; }

.home1 { margin: 1.4rem 0 0; padding: 1px 0 0; }
.home1 .l-box { width: 67%; }
.home1 .r-box { width: 29%; }

.news-swiper1 { width: 54%; margin: 0; }
.news-swiper1 .img-frame { padding: 3.35rem 0 0; }
.news-swiper1 .img-frame::after { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; content: ""; width: 100%; height: 30%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent); }
.news-swiper1 .date1 { position: absolute; top: 0.3rem; right: auto; bottom: auto; left: 0.25rem; z-index: 2; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center; width: .8rem; height: .92rem; color: #fff; background-image: url("../images/f_icon10.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100%; }
.news-swiper1 .text { padding: .12rem .32rem .12rem; background: #821a16; }
.news-swiper1 .title { font-size: .2rem; line-height: .36rem; color: #fff; }
.news-swiper1 .info { height: .48rem; color: rgba(255, 255, 255, 0.8); }
.news-swiper1 .pagination { position: absolute; top: auto; right: 0rem; width: 100%; bottom: .8rem; left: auto; z-index: 3; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; }
.news-swiper1 .pagination .swiper-pagination-bullet { position: relative; width: 8px; height: 8px; margin: 0 .06rem; background: #fff; border-radius: 4px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.news-swiper1 .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: .4rem; height: 6px; }

.home1 .news-list1 { width: 43%; }
.news-list1 li { border-bottom: 1px solid #ebebeb; }
.news-list1 li:last-child { border: none; }
.news-list1 li:last-child a { padding-bottom: 0; }
.news-list1 li:first-child a { padding-top: 0; }
.news-list1 a { display: flex; justify-content: space-between; align-items: center; padding: .13rem 0; }
.news-list1 .title { width: 100%; line-height: .28rem; }
.news-list1 .date { margin: .04rem 0 0; }

.news-list1 .title::before { display: inline-block; content: ""; width: 7px; height: 7px; background: #821a16; border-radius: 50%; margin: 0 .1rem 2px 0; }

.home1 .news-list1 a { display: block; }
.home1 .news-list1 .date { text-indent: .18rem; }

.news-list2 li:first-child a { padding-top: 0; }
.news-list2 a { position: relative; z-index: 1; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; padding: .11rem 0; }
.news-list2 .date1 { display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center; width: .65rem; height: .62rem; line-height: .15rem; color: #fff; background: #821a16; }
.news-list2 .date1 p:first-child { margin: 0; }
.news-list2 .line { width: 1px; height: .4rem; background: #fdf0ec; }
.news-list2 .title { width: calc(100% - .8rem); max-height: .6rem; padding: 0 0 0 .04rem; }

.home2 { position: relative; z-index: 1; padding: 1px 0 1.65rem; background-image: url("../images/index_bg2.jpg"); background-repeat: no-repeat; background-position: 50% 100%; background-color: transparent; background-size: cover; overflow: hidden; }
.home2::after { position: absolute; top: auto; right: auto; bottom: 0; left: calc(50% - 9.15rem); z-index: 1; content: ""; width: 18.29rem; height: 5.9rem; background-image: url("../images/f_icon4.png"); background-repeat: no-repeat; background-position: 50% 0; background-color: transparent; background-size: 100%; }
.home2 .column { z-index: 2; margin-bottom: .5rem; }

.home4 { padding: 1px 0 .5rem;  }
.home4 .l-box { width: 48%; }
.home4 .r-box { width: 48%; }

.home4 .news-list1 .title { width: calc(100% - 1.2rem); }
.home4 .news-list1 .title, .home4 .news-list1 .date { line-height: .3rem; }

@keyframes ani-round { 0% { -moz-transform: rotate(0); transform: rotate(0); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes ani-right { 0% { -moz-transform: translateX(0.2rem); transform: translateX(0.2rem); }
  100% { -moz-transform: translateX(0); transform: translateX(0); } }
@media screen and (min-width: 1025px) { .pic-list1 .img-frame { -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .pic-list1 .img-zoom { overflow: visible; }
  .pic-list1 .img-zoom::after { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; content: ""; width: 0; height: 1px; background: #821a16; -moz-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; }
  .pic-list1 .img-zoom:hover .img-frame { box-shadow: 0 4px 0.25rem 0 rgba(0, 0, 0, 0.2); }
  .pic-list1 .img-zoom:hover::after { width: 100%; }
  .pic-list1 .img-zoom:hover .title { color: #821a16; }
  .news-list1 a { -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .news-list1 a:hover { -moz-transform: translateX(0.08rem); transform: translateX(0.08rem); }
  .news-list1 a:hover .title { color: #821a16; }
  .news-list2 .text::after { -moz-transition: all 0.45s ease-out 0s; transition: all 0.45s ease-out 0s; }
  .news-list2 .title { -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .news-list2 a { -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .news-list2 a:hover { -moz-transform: translateX(0.05rem); transform: translateX(0.05rem); }
  .news-list2 a:hover .title { color: #821a16; }
  .news-list2 a:hover .text::after { left: calc(100% - .4rem); }
  .pic-list2 .img-frame { -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .pic-list2 .img-zoom { -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; overflow: visible; }
  .pic-list2 .img-zoom:hover { -moz-transform: translateY(-0.1rem); transform: translateY(-0.1rem); }
  .pic-list2 .img-zoom:hover .img-frame { box-shadow: 0 4px 0.25rem 0 rgba(12, 90, 160, 0.3); }
  .pic-list2 .img-zoom:hover .title { color: #821a16; }
  .pic-list2 .img-zoom:hover .text::after { -moz-transform: rotate(45deg); transform: rotate(45deg); }
  .news-list3 .on a { border-color: #821a16; }
  .news-list3 .on a::after { opacity: 1; -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .news-list3 .on .box1 { display: none; }
  .news-list3 .on .box2 { display: flex; animation: ani-right 1s; } }