.body1 { position: relative; z-index: 1; height: 100%; overflow: hidden; }

.body2 { position: fixed; top: 100%; right: 0; bottom: 0; left: 0; z-index: 10; width: 100%; padding: 1.2rem 0 0; overflow-x: hidden; background: #f9f8f4; -webkit-transition: top 0.6s ease-out 0s; -moz-transition: top 0.6s ease-out 0s; -ms-transition: top 0.6s ease-out 0s; -o-transition: top 0.6s ease-out 0s; transition: top 0.6s ease-out 0s; }
.body2::-webkit-scrollbar { width: .08rem; }
.body2::-webkit-scrollbar-thumb { border-radius: .08rem; background: #821a16; }
.body2::-webkit-scrollbar-track { border-radius: 0; background: rgba(0, 0, 0, 0.3); }
.body2.show { top: 0; }

.banner { width: 100%; z-index: 1; font-size: 0; background: #821a16; }
.banner::after { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 2; content: ""; width: 100%; height: 20%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), transparent); }
.banner .img { position: relative; display: block; width: 100%; height: 100vh; 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; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: transform 1s ease-out 0s; -moz-transition: transform 1s ease-out 0s; -ms-transition: transform 1s ease-out 0s; -o-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 { -webkit-transition: transform 6.2s ease-out 1s; -moz-transition: transform 6.2s ease-out 1s; -ms-transition: transform 6.2s ease-out 1s; -o-transition: transform 6.2s ease-out 1s; transition: transform 6.2s ease-out 1s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.banner .swiper-arrow { position: absolute; top: calc(50% - .33rem); right: auto; bottom: auto; left: auto; z-index: 1; width: .4rem; height: .66rem; background-image: url("../images/arrow1.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto 100%; cursor: pointer; opacity: .6; -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; }
.banner .swiper-arrow.swiper-prev { left: 2%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.banner .swiper-arrow.swiper-next { right: 2%; }
.banner .swiper-arrow:hover { opacity: 1; }
.banner .pagination { position: absolute; top: auto; right: calc(50% - 710px); bottom: 0.38rem; left: auto; z-index: 3; display: -ms-flexbox; display: flex; align-items: center; height: .28rem; }
.banner .pagination::before { display: block; content: ""; box-sizing: border-box; width: .35rem; height: 1px; margin: 0 3px 0 0; background: rgba(255, 255, 255, 0.4); }
.banner .pagination::after { display: block; content: ""; box-sizing: border-box; width: .35rem; height: 1px; margin: 0 0 0 3px; background: rgba(255, 255, 255, 0.4); }
.banner .pagination i { display: block; width: .2rem; height: 1px; margin: 0 3px; background: rgba(255, 255, 255, 0.4); }
.banner .pagination .swiper-pagination-bullet { position: relative; vertical-align: middle; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; width: .14rem; height: .14rem; opacity: 1; background: none; -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; cursor: pointer; }
.banner .pagination .swiper-pagination-bullet::before { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 2; content: ""; width: 100%; height: 100%; background-image: url("../images/f_icon2.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100%; opacity: 0; }
.banner .pagination .swiper-pagination-bullet::after { box-sizing: border-box; display: block; content: ""; width: .14rem; height: .14rem; border: 2px solid #fff; border-radius: 50%; }
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: .28rem; height: .28rem; }
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before { opacity: 1; animation: ani-yuan 7.2s linear; }
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after { opacity: 0; visibility: hidden; }

@keyframes ani-yuan { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
.column { width: 100%; margin: .55rem 0 .32rem; }
.column h3 { display: -ms-flexbox; display: flex; align-items: center; font-family: "syht500"; font-size: 0.4rem; font-weight: 500; line-height: 0.6rem; color: #333; text-align: left; }
.column h3 img { width: .5rem; margin: 0 .2rem 0 0; }
.column.white h3 { color: #fff; }
.column.white .more { color: #fff; }
.column.white .more::after { background: #fff; }

.more { display: -ms-flexbox; display: flex; align-items: center; font-family: Arial, Helvetica, sans-serif; font-size: 0.14rem; font-weight: 500; line-height: 0.4rem; color: #993300; text-align: left; }
.more img { width: .28rem; margin: 0 .09rem 0 0; }

.home1 { padding: 1px 0 1rem; background-image: url("../images/index_bg1.jpg"); background-repeat: no-repeat; background-position: 50% 0; background-color: transparent; background-size: cover; }
.home1 .l-box { width: 51%; }
.home1 .r-box { width: 46.1%; }

.news-swiper1 { position: relative; z-index: 1; padding: 0 .09rem .09rem; }
.news-swiper1::after { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: -1; content: ""; width: 100%; height: 75%; background: #821a16; }
.news-swiper1 .img-frame .img { padding: 3.95rem 0 0; }
.news-swiper1 .text { display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; height: .72rem; padding: 0 .8rem 0 .25rem; }
.news-swiper1 .date { margin: .1rem 0 0; color: #fff; }
.news-swiper1 .date span { margin: 0 .08rem 0 0; font-size: .48rem; }
.news-swiper1 .title { width: calc(100% - 1.54rem); color: #fff; font-size: .22rem; }
.news-swiper1 .swiper-arrow { position: absolute; top: auto; right: 0; bottom: 0; left: auto; z-index: 1; display: -ms-flexbox; display: flex; align-items: center;  padding: 0 .1rem 0 0;     height: .72rem;  background: #821a16; }
.news-swiper1 .swiper-arrow > div { width: .32rem; height: .45rem; background-image: url("../images/arrow3.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 0.18rem; opacity: .3; -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; cursor: pointer; }
.news-swiper1 .swiper-arrow > div:hover { opacity: 1; background-image: url("../images/arrow3_2.png"); }
.news-swiper1 .swiper-arrow .swiper-next { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }

.news-list1 li { margin: .28rem 0 0; }
.news-list1 .img-zoom { display: -ms-flexbox; display: flex; justify-content: space-between; }
.news-list1 .img-frame { width: 2.95rem; }
.news-list1 .img-frame .img { padding: 1.66rem 0 0; }
.news-list1 .text { width: calc(100% - 3.32rem); }
.news-list1 .title { max-height: .56rem; font-size: .18rem; line-height: .28rem; }
.news-list1 .info { max-height: .48rem; margin: .16rem 0 .18rem; }
.news-list1 .date { padding: 0 0 0 .26rem; background-image: url("../images/f_icon5.png"); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; background-size: 0.16rem; }

.news-list2 li { margin: 0 0 .06rem; }
.news-list2 a { display: block; padding: .17rem .36rem .18rem; background: rgba(255, 255, 255, 0.59); border-bottom: 1px solid #811a16; }
.news-list2 .info { height: .48rem; margin: .1rem 0; }
.news-list2 .date { padding: 0 0 0 .26rem; background-image: url("../images/f_icon5.png"); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; background-size: 0.16rem; }

.home2 { padding: .14rem 0 1.5rem; background-image: url("../images/index_bg2.jpg"); background-repeat: no-repeat; background-position: 50% 0; background-color: transparent; background-size: 100% 100%; }
.home2 .l-box { width: 63%; }
.home2 .r-box { width: 34.5%; }

.news-list3 li { width: calc(50% - .05rem); margin: 0 0 .1rem; }
.news-list3 li:nth-child(2) a, .news-list3 li:nth-child(3) a { border-color: #cc9966; }
.news-list3 a { display: block; padding: .3rem .38rem .32rem; background: #fff; border-bottom: 2px solid #821a16; }
.news-list3 .title { height: .6rem; margin: 0 0 .18rem; }
.news-list3 .info { padding: 0 0 0 .25rem; line-height: .36rem; color: #494949; background-image: url("../images/f_icon6_1.png"); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; background-size: 0.17rem; }
.news-list3 .info.i2 { background-image: url("../images/f_icon6_2.png"); }
.news-list3 .info.i3 { background-image: url("../images/f_icon6_3.png");  }

.news-swiper2 { margin: 0; padding: 0 0 .24rem; background: #cc9966; }
.news-swiper2 .img-frame .img { padding: 2.75rem 0 0; }
.news-swiper2 .text { padding: .15rem .3rem .22rem; }
.news-swiper2 .title { color: #fff; height: .6rem; }
.news-swiper2 .info { height: .72rem; margin: .16rem 0 0; color: #fff; }
.news-swiper2 .pagination { text-align: center; }
.news-swiper2 .pagination .swiper-pagination-bullet { width: .12rem; height: .12rem; margin: 0 .05rem; background: none; opacity: 1; border: 2px solid rgba(255, 255, 255, 0.6); }
.news-swiper2 .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; border-color: #fff; }

.home3 { padding: .1rem 0 1.2rem; background-image: url("../images/index_bg3.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.home3 .l-box { width: 49%; }
.home3 .r-box { width: 46.2%; }

.news-list4 { margin: -.2rem 0 0; }
.news-list4 li { border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.news-list4 a { position: relative; z-index: 1; padding: .25rem .1rem .24rem .2rem; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; }
.news-list4 a::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: -1; content: ""; width: 100%; height: 100%; background-image: url("../images/f_icon7.png"); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; background-size: 1.36rem; opacity: .4; }
.news-list4 .date1 { width: .8rem; }
.news-list4 .title { width: calc(100% - 1rem); color: #fff; }

@keyframes ani-l { 0% { left: .2rem; opacity: 0; }
  100% { left: 0; opacity: 1; } }
.first-news { position: relative; z-index: 1; padding: .1rem 0; margin: 0 0 .3rem; }
.first-news::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: -1; content: ""; width: 80%; height: 100%; background: rgba(0, 0, 0, 0.06); }
.first-news .img-zoom { width: 3.4rem; }
.first-news .img-zoom .img { padding: 1.9rem 0 0; }
.first-news .text { width: calc(100% - 3.75rem); padding: .05rem .25rem 0 0; }
.first-news .date { color: #fff; }
.first-news .date span { margin: 0 .15rem 0 0; font-size: .18rem; }
.first-news .title { max-height: .6rem; margin: .2rem 0 .15rem; color: #fff; }
.first-news .info { color: #ffcccc; height: .48rem; }

.news-list5 li { margin: .21rem 0 0; }
.news-list5 a { display: -ms-flexbox; display: flex; justify-content: space-between; }
.news-list5 .date { display: -ms-flexbox; display: flex; justify-content: space-between; min-width: 1.95rem; color: #fff; white-space: nowrap; line-height: .34rem; }
.news-list5 .date span { margin: 0 .15rem 0 0; }
.news-list5 .title {  font-size: .18rem; flex: 1; margin: 0 0 0 .21rem; padding: 0 0 0 .21rem; line-height: .34rem; color: #fff; border-left: 1px solid rgba(255, 255, 255, 0.16); -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; }

.home4 { padding: .2rem 0 1.2rem; background: url("../images/index_bg5.jpg") no-repeat 50% 100%; background: size: cover; }
.home4 .column { width: auto; display: block; text-align: center; }
.home4 .column h3 { writing-mode: vertical-lr; writing-mode: tb-lr; text-align: center; letter-spacing: -.15rem; }
.home4 .column h3 img { margin: 0 0 .08rem; }
.home4 .column .more { display: inline-block; margin: .86rem 0 0; text-align: center; line-height: .3rem; }
.home4 .column .more img { display: block; margin: 0 auto; }
.home4 .news-swiper3 { width: calc(100% - 1.35rem); }

.news-swiper3 { margin: 0; padding: .5rem .1rem 0; }
.news-swiper3 .swiper-slide { height: 6.3rem; padding: .35rem .35rem 1.4rem; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.news-swiper3 .title { writing-mode: vertical-lr; writing-mode: tb-lr; font-size: .3rem; line-height: .5rem; color: #fff; letter-spacing: 2px; text-shadow: 0 3px 3px rgba(130, 26, 22, .5); }
.news-swiper3 .more2 { position: absolute; top: auto; right: 0.3rem; bottom: 0; left: auto; z-index: 1; writing-mode: vertical-lr; writing-mode: tb-lr; display: -ms-flexbox; display: flex; align-items: center; font-size: 0.18rem; font-weight: 500; line-height: 0.3rem; color: #fff; text-align: left; }
.news-swiper3 .more2::after { display: block; content: ""; box-sizing: border-box; width: 1px; height: .65rem; margin: .09rem auto 0; background: #fff; }
.news-swiper3 .control { display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; margin: .12rem 0 0; }
.news-swiper3 .swiper-scrollbar { position: relative; z-index: 1; flex: 1; width: 100%; height: 2px; margin: 0 .4rem 0 0; background: #fff; }
.news-swiper3 .swiper-scrollbar .swiper-scrollbar-drag { position: absolute; top: -0.06rem; right: auto; bottom: auto; left: 0; z-index: 1; height: .15rem; background-image: url("../images/f_icon11.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: #cc9966; background-size: 0.17rem; border-radius: .14rem; cursor: pointer; }
.news-swiper3 .swiper-arrow { width: .2rem; height: .4rem; background-image: url("../images/arrow5.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 0.12rem; cursor: pointer; -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-swiper3 .swiper-arrow.swiper-next { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.news-swiper3 .swiper-arrow:hover { background-image: url("../images/arrow4.png"); }
.news-swiper3 .swiper-arrow.swiper-button-disabled { opacity: .3; }

.home5 { position: relative; z-index: 1; padding: .2rem 0 0; background-image: url("../images/index_bg4.jpg"); background-repeat: no-repeat; background-position: 50% 0; background-color: transparent; background-size: cover; overflow: hidden; }
.home5::after { position: absolute; top: auto; right: 0; bottom: 0; left: auto; z-index: 3; content: ""; width: 100%; height: 1rem; background: linear-gradient(0deg, rgba(255, 255, 255, 0.6), transparent); }
.home5 .bg1 { position: absolute; top: 4.45rem; right: auto; bottom: auto; left: calc(50% - 1.67rem); z-index: 1; width: 3.34rem; height: 3.34rem; background-image: url("../images/picture2.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100%; border-radius: 50%; }
.home5 .bg1::after { position: absolute; top: auto; right: auto; bottom: 0.67rem; left: 0.2rem; z-index: 1; content: ""; width: .16rem; height: .16rem; background: #cc3333; border-radius: 50%; }
.home5 .bg2 { position: absolute; top: 3.25rem; right: auto; bottom: auto; left: calc(50% - 4.18rem); z-index: 1; width: 8.36rem; height: 8.36rem; border: 1px solid #efd5d4; border-radius: 50%; }
.home5 .bg3 { position: absolute; top: 1.55rem; right: auto; bottom: auto; left: calc(50% - 5.9rem); z-index: 1; width: 11.8rem; height: 11.8rem; border: 1px solid #efd5d4; border-radius: 50%; }
.home5 .bg3::after { position: absolute; top: 1.5rem; right: 1.82rem; bottom: auto; left: auto; z-index: 1; content: ""; width: .12rem; height: .12rem; background: #cc3333; border-radius: 50%; }

.data-swiper { position: relative; z-index: 5; display: flex; align-items: flex-end; height: 7.4rem; padding: 0 0 .9rem; }
.data-swiper .swiper-container { z-index: 4; width: 78%; margin: 0; padding: 6rem .6rem .4rem; }
.data-swiper .swiper-slide { transition-duration: 1s !important; }
.data-swiper .icon { position: relative; z-index: 1; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; width: 1.34rem; height: 1.34rem; border-radius: 50%; border: 1px dashed #e2dcbe; background: #fff; }
.data-swiper .icon .img { display: -ms-flexbox; display: flex; justify-content: center; align-items: center; width: 1.05rem; height: 1.05rem; background: #f9f8f3; border-radius: 50%; }
.data-swiper .text { position: absolute; top: 0; right: auto; bottom: auto; left: calc(100% + .42rem); z-index: 1; width: 2.5rem; font-size: 0.18rem; font-weight: 500; line-height: 0.24rem; color: #666; text-align: left; }
.data-swiper .text .num { margin: 0 0 .05rem; font-weight: 700; font-family: "Garamond"; font-size: .48rem; line-height: .54rem; color: #821a16; }
.data-swiper .swiper-arrow { display: -ms-flexbox; display: flex; justify-content: center; align-items: center; position: absolute; top: auto; right: 3.2rem; bottom: 3.5rem; left: auto; z-index: 6; width: .68rem; height: .68rem; background: #cc9966; border-radius: 50%; }
.data-swiper .swiper-arrow::before { position: absolute; top: calc(50% - .42rem); right: auto; bottom: auto; left: calc(50% - .42rem); z-index: -1; content: ""; width: .84rem; height: .84rem; background: rgba(231, 178, 125, 0.2); border-radius: 50%; animation: ani-scale 2s linear infinite; }
.data-swiper .swiper-arrow::after { position: absolute; top: calc(50% - .42rem); right: auto; bottom: auto; left: calc(50% - .42rem); z-index: -1; content: ""; width: .84rem; height: .84rem; background: rgba(231, 178, 125, 0.2); border-radius: 50%; }
.data-swiper .swiper-arrow > div { width: .26rem; height: .36rem; background-image: url("../images/arrow6.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 0.12rem; opacity: .45; -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; cursor: pointer; }
.data-swiper .swiper-arrow > div:hover { opacity: 1; }
.data-swiper .swiper-arrow > div.swiper-button-disabled { opacity: .3; }
.data-swiper .swiper-arrow .swiper-prev { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.data-swiper .pagination { display: none; margin: .1rem 0 0; text-align: center; }
.data-swiper .pagination .swiper-pagination-bullet { width: .12rem; height: .12rem; margin: 0 .05rem; background: none; opacity: 1; border: 2px solid #821a16; }
.data-swiper .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #821a16; }


@keyframes ani-scale { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; }
  100% { -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6); opacity: 0; } }
@media screen and (min-width: 1025px) { .more { position: relative; -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; }
  .more::after { position: absolute; top: auto; right: 0; bottom: 0.04rem; left: auto; z-index: 1; content: ""; width: 0; height: 1px; background: #993300; -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; }
  .more img { -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -ms-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; }
  .more:hover { font-weight: 700; }
  .more:hover::after { right: auto; left: 0; width: 100%; }
  .more:hover img { -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -ms-transform: rotateX(360deg); -o-transform: rotateX(360deg); transform: rotateX(360deg); }
  .news-list1 .img-zoom { overflow: visible; }
  .news-list1 .img-zoom .img-frame { -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-list1 .img-zoom:hover .img-frame { box-shadow: 0 0 0.16rem 0 rgba(102, 0, 0, 0.4); }
  .news-list1 .img-zoom:hover .title { color: #821a16; }
  .news-list2 a { position: relative; z-index: 1; -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; perspective: 1000px; }
  .news-list2 a::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: -1; content: ""; width: 100%; height: 100%; background: linear-gradient(120deg, #821a16, #9e0d06 60%, #9e0d06 80%, #871713); opacity: 0; transform-style: preserve-3d; -webkit-transform: rotateX(25deg); -moz-transform: rotateX(25deg); -ms-transform: rotateX(25deg); -o-transform: rotateX(25deg); transform: rotateX(25deg); -webkit-transition: all 0.42s ease-out 0s; -moz-transition: all 0.42s ease-out 0s; -ms-transition: all 0.42s ease-out 0s; -o-transition: all 0.42s ease-out 0s; transition: all 0.42s ease-out 0s; }
  .news-list2 a:hover { box-shadow: 0 0 0.16rem 0 rgba(102, 0, 0, 0.4); background: transparent; }
  .news-list2 a:hover::after { opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); }
  .news-list2 a:hover .title { color: #ffcc66; }
  .news-list2 a:hover .info { color: #ffcccc; }
  .news-list2 a:hover .date { color: #fff; background-image: url("../images/f_icon5_2.png"); }
  .news-swiper2 { -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-swiper2:hover { box-shadow: 0 0 0.16rem 0 rgba(102, 0, 0, 0.4); }
  .news-list3 li:nth-child(2) a::before, .news-list3 li:nth-child(3) a::before { background: #cc9966; }
  .news-list3 li:nth-child(2) a:hover::after, .news-list3 li:nth-child(3) a:hover::after { border-color: #c96; }
  .news-list3 a { position: relative; z-index: 1; -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-list3 a::before { position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: -2; content: ""; width: 2px; height: 0; background: #821a16; }
  .news-list3 a::after { box-sizing: border-box; position: absolute; top: auto; right: 0; bottom: 0; left: auto; z-index: -2; content: ""; width: 0%; height: 0%; border-top: 2px solid transparent; border-right: 2px solid transparent; }
  .news-list3 a:hover { box-shadow: 0 0 0.16rem 0 rgba(102, 0, 0, 0.4); }
  .news-list3 a:hover::before { height: 100%; -webkit-transition: all 0.3s ease-out 0.7s; -moz-transition: all 0.3s ease-out 0.7s; -ms-transition: all 0.3s ease-out 0.7s; -o-transition: all 0.3s ease-out 0.7s; transition: all 0.3s ease-out 0.7s; }
  .news-list3 a:hover::after { width: 100%; height: 100%; border-color: #821a16; -webkit-transition: height 0.3s ease-in, width 0.4s ease-in 0.3s; -moz-transition: height 0.3s ease-in, width 0.4s ease-in 0.3s; -ms-transition: height 0.3s ease-in, width 0.4s ease-in 0.3s; -o-transition: height 0.3s ease-in, width 0.4s ease-in 0.3s; transition: height 0.3s ease-in, width 0.4s ease-in 0.3s; }
  .news-list3 a:hover .title { color: #821a16; }
  .news-list4 a::before { position: absolute; top: auto; right: auto; bottom: -1px; left: 0; z-index: 1; content: ""; width: 0%; height: 1px; background: #ffcc66; -webkit-transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; -ms-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s; transition: all 0.7s ease-out 0s; }
  .news-list4 a:hover::before { width: 100%; }
  .news-list4 a:hover::after { animation: ani-l .7s forwards; }
  .news-list4 a:hover .title, .news-list4 a:hover .date1 { color: #ffcc66; }
  .first-news:hover .title { color: #ffcc66; }
  .news-list5 a { -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; }
  .news-list5 a:hover { -webkit-transform: translateX(0.05rem); -moz-transform: translateX(0.05rem); -ms-transform: translateX(0.05rem); -o-transform: translateX(0.05rem); transform: translateX(0.05rem); }
  .news-list5 a:hover .title, .news-list5 a:hover .date { color: #ffcc66; }
  .news-list5 a:hover .title { border-color: #ffcc66; }
  .news-swiper3 .swiper-slide { -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; }
  .news-swiper3 .swiper-slide .more2::after { -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
  .news-swiper3 .swiper-slide:hover { box-shadow: 0 0.06rem 0.1rem 0 rgba(102, 0, 0, 0.4); -webkit-transform: translateY(-0.15rem); -moz-transform: translateY(-0.15rem); -ms-transform: translateY(-0.15rem); -o-transform: translateY(-0.15rem); transform: translateY(-0.15rem); }
  .news-swiper3 .swiper-slide:hover .more2::after { height: 1rem; }
  .data-swiper .icon { -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; }
  .data-swiper .icon::before, .data-swiper .icon::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: -1; content: ""; width: 100%; height: 100%; background: rgba(130, 26, 22, 0.1); border-radius: 50%; visibility: hidden; -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; }
  .data-swiper .icon .img { -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; }
  .data-swiper .icon .img img { -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; }
  .data-swiper .swiper-slide { cursor: pointer; }
  .data-swiper .swiper-slide:hover .icon { border-color: transparent; background: transparent; }
  .data-swiper .swiper-slide:hover .icon::before { visibility: visible; animation: ani-scale 2s linear infinite; }
  .data-swiper .swiper-slide:hover .icon::after { visibility: visible; animation: ani-scale 2s linear infinite 1s; }
  .data-swiper .swiper-slide:hover .icon .img { background: #821a16; }
  .data-swiper .swiper-slide:hover .icon .img img { filter: brightness(100); } }
@media screen and (max-width: 1620px) { .data-swiper .swiper-container { padding-left: .4rem; }
  .data-swiper .icon img { max-height: .65rem; }
  .banner .pagination { right: 5%; } }
@media screen and (max-width: 1024px) { .body2 { position: static; padding-top: 0; }
  .banner { margin: 65px 0 0; }
  .banner .img { height: auto; padding: 45% 0 0; }
  .banner .pagination { bottom: .24rem; right: 4%; }
  .banner::after { display: none; }
  .banner .swiper-arrow { width: .3rem; height: .4rem; }
  .column { margin: .3rem 0 .2rem; }
  .column h3 { font-size: .34rem; }
  .column h3 img { width: .4rem; }
  .home1 { padding-bottom: .4rem; }
  .home1 .l-box { width: 100%; }
  .home1 .r-box { width: 100%; margin: .3rem 0 0; }
  .news-swiper1 .img-frame .img { padding: 56.25% 0 0; }
  .home2 { padding: 1px 0 .4rem; background-size: cover; }
  .home2 .l-box { width: 100%; }
  .home2 .r-box { width: 100%; }
  .news-swiper2 .img-frame .img { padding: 56.25% 0 0; }
  .news-swiper2 .title { height: auto; -webkit-line-clamp: 1; }
  .news-swiper2 .text { padding-bottom: .1rem; }
  .home3 { padding-bottom: .4rem; }
  .home3 .l-box { width: 100%; }
  .home3 .r-box { width: 100%; }
  .home4 { padding-bottom: .4rem; }
  .home4 .news-swiper3 { width: calc(100% - .8rem); }
  .news-swiper3 { padding-top: .3rem; }
  .news-swiper3 .swiper-slide { height: 64vw; padding: .2rem .2rem 1.4rem; }
  .news-swiper3 .title { font-size: .26rem; }
  .home5 .bg1 { display: none; }
  .home5 .bg2, .home5 .bg3 { opacity: .5; }
  .data-swiper { display: block; height: auto; padding: .1rem 0 .3rem; }
    .data-swiper .swiper-slide { height: calc((100% - 20px) / 2); }
  .data-swiper .swiper-arrow { display: none; }
  .data-swiper .swiper-container { width: 100%; height: 4.2rem;  padding: .1rem 0; }
  .data-swiper .pagination { display: block; }
  .data-swiper .icon { justify-content: space-between; width: 100%; height: auto; padding: .1rem; border: none; background: none; }
  .data-swiper .icon .img { position: relative; width: .8rem; height: .8rem; }
  .data-swiper .icon .img::after { position: absolute; top: -0.09rem; right: -0.09rem; bottom: auto; left: auto; z-index: 1; content: ""; width: calc(100% + .18rem); height: calc(100% + .18rem); border: 1px dashed #e2dcbe; border-radius: 50%; box-sizing: border-box; }
  .data-swiper .icon img { max-width: .5rem; }
  .data-swiper .text { position: static; width: calc(100% - 1.2rem); }
  .data-swiper .text .num { font-size: .4rem; line-height: .4rem; } }
@media screen and (max-width: 768px) { .news-list1 .img-zoom { display: block; }
  .news-list1 .img-frame { width: 100%; }
  .news-list1 .img-frame .img { padding: 56.25% 0 0; }
  .news-list1 .text { width: 100%; padding: .15rem 0 0; }
  .news-list1 .title { font-size: .2rem; }
  .news-list1 .info { margin: .1rem 0; }
  .news-list2 a { padding-left: .2rem; padding-right: .2rem; }
  .news-list3 li { width: 100%; }
  .news-list3 a { padding: .2rem; }
  .first-news { margin: 0 0 .1rem; }
  .first-news::after { display: none; }
  .first-news .img-zoom { width: 100%; }
  .first-news .img-zoom .img { padding: 56.25% 0 0; }
  .first-news .text { width: 100%; }
  .first-news .title { margin: .1rem 0; }
  .first-news .info { height: auto; }
.home5 { padding-top: 1px; }
.home4 .column { width: 100%; display: flex; }
.home4 .column h3 { display: block; writing-mode: horizontal-tb; letter-spacing: 0; }
.home4 .column h3 img { margin: 0 .12rem 0 0; }
.home4 .news-swiper3 { width: 100%; padding: 0; }
.home4 .column .more { display: flex; margin: 0; }
.home4 .column .more img { margin: 0 .1rem 0 0; }
  .news-list5 li { margin: 0; }
  .news-list5 a { display: block; padding: .15rem 0; border-top: 1px solid rgba(255, 255, 255, 0.15); }
  .news-list5 .title { width: 100%; padding: 0; margin: 0; border: none; }
  .news-swiper3 .swiper-slide { height: 80vw; }
  .news-swiper3 .title { font-size: .24rem; line-height: .36rem; }
  .data-swiper .icon { display: block; }
  .data-swiper .img { margin: 0 auto .1rem; }
  .data-swiper .text { width: 100%; }
  .data-swiper .text p { text-align: center; } }
@media screen and (max-width: 520px) { .banner { margin: 59px 0 0; }
  .banner .img { padding: 50% 0 0; }
  .banner .pagination { bottom: .1rem; }
  .banner .pagination .swiper-pagination-bullet { width: .1rem; height: .1rem; }
  .banner .pagination .swiper-pagination-bullet::after { width: .1rem; height: .1rem; }
  .banner .swiper-arrow { width: .24rem; height: .32rem; }
  .column { margin: .2rem 0 .15rem; }
  .column h3 { font-size: .26rem; }
  .column h3 img { width: .34rem; margin: 0 .12rem 0 0; }
  .home1 .r-box { margin: .2rem 0 0; }
  .news-swiper1 { padding: 0; }
  .news-swiper1 .text { padding-left: .12rem; }
  .news-swiper1 .date { margin: 0; }
  .news-swiper1 .date span { font-size: .3rem; }
  .news-swiper1 .title { width: calc(100% - 1.1rem); font-size: .19rem; line-height: .26rem; text-overflow: clip; white-space: initial; display: block; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .news-list2 .title { text-overflow: clip; white-space: initial; display: block; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .news-swiper2 .text { padding: .1rem .14rem; }
  .news-list4 a { padding: .2rem 0; }
  .news-list4 .title { text-overflow: clip; white-space: initial; display: block; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .data-swiper .icon .img { position: relative; width: .7rem; height: .7rem; }
.data-swiper .icon { padding: 5px; }
.data-swiper .icon .img img {         max-width: .42rem; }
  .news-swiper3 .swiper-slide { height: 96vw; padding: .15rem .14rem .2rem; }
  .news-swiper3 .title { font-size: .2rem; line-height: .28rem; }
  .news-swiper3 .more2 { right: .15rem; }
  .news-swiper3 .more2::after { height: .3rem; }
  .data-swiper .text p { font-size: .15rem; }
  .data-swiper .text .num { font-size: .3rem; line-height: .36rem; } }

/*# sourceMappingURL=index.css.map */