.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: #2179be; 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: #2179be;}
.more:hover { font-weight: 700;}
.more:hover::after { right: auto; left: 0; width: 100%;}
.more span { font-family: "宋体"; font-weight: 700;}

.home1 {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: #2179be;}
.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: #2179be; 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: #2179be;}
.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: #2179be; -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: #2179be;}
  .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: #2179be;}
  .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: #2179be;}
  .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: #2179be;}
  .pic-list2 .img-zoom:hover .text::after { -moz-transform: rotate(45deg); transform: rotate(45deg);}
  .news-list3 .on a { border-color: #2179be;}
  .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;} }