@charset "utf-8";

#content { width: auto; min-width: 1600px; }
.row { padding: 50px 0; min-width: 1600px; }

/* 首页大广告图-indBanner*/
.indBanner { overflow: hidden; min-height: 200px; position: relative; width: 100%; height: auto;}
.indBanner::after { content: ""; display: block; height: 300px; position: absolute; bottom: 0px; left: 0px; right: 0px; background: linear-gradient(180deg, rgba(59, 11, 7, 0) 0%, rgba(59, 11, 7, 0.8) 100%); z-index: 2 }
.indBanner .swiper-slide { overflow: hidden; }
.indBanner .swiper-slide .pic img { width: 100%; min-width: 1400px; height: calc(100vh - 171px); transform: scale(1.1); transition: 1s linear 2s; object-fit: cover; }
.indBanner .swiper-slide-active .pic img { transition: 8s linear; transform: scale(1); }
.indBanner .swiper-slide .videoLink { position: absolute; left: 0px; top: 0; right: 0; bottom: 0; display: block; }
.indBanner .swiper-slide video { object-fit: fill; width: 100%; height: auto; max-height: 100vh; }
.indBanner .swiper-slide .title { height: 50px; line-height: 50px; font-size: 24px; color: #fff; padding-left: 15px; position: relative; display: none; }
.indBanner .swiper-pagination { bottom: 40px; z-index: 3; position: absolute; display: flex; align-items: center; justify-content: center;  }
.indBanner .swiper-pagination .swiper-pagination-bullet { width: 50px; justify-content: space-between; position: relative; opacity: 1; content: ""; display: flex; align-items: center; background: none; }
.indBanner .swiper-pagination .swiper-pagination-bullet::after { content: ""; border: 1px solid rgba(255, 255, 255, 0.6); width: 10px; height: 10px; border-radius: 100%; }
.indBanner .swiper-pagination .swiper-pagination-bullet::before { width: 30px; height: 1px; display: block; content: ""; background-color: rgba(255, 255, 255, 0.6); }
.indBanner .swiper-pagination .swiper-pagination-bullet-active { width: 68px; }
.indBanner .swiper-pagination .swiper-pagination-bullet-active::after { width: 30px; height: 25px; background: url(../../../base/img/on-bg.png) no-repeat center; border: none; border-radius: 0;  }
.indBanner .swiper-pagination .swiper-pagination-bullet:first-child { width: auto; }
.indBanner .swiper-pagination .swiper-pagination-bullet:first-child::before { display: none !important;}


/* row-news --------------- */
.row-news .container { border-bottom: 1px solid #eee; }

/* box-news */
.box-news { display: flex; flex-wrap: wrap; gap: 2%; }
.box-news li { width: 32%; flex-shrink: 0; border-top: 1px solid #eee; box-sizing: border-box; padding: 25px 30px; }
.box-news .hd { border-top: none; }
.box-news .hd h3 { font-size: 96px; font-weight: bold; color: #85191E; line-height: 2; position: relative; }
.box-news .hd i { font-size: 120px; left: 20px; top: 0; font-weight: bold; position: absolute; line-height: 1; color: transparent; -webkit-text-stroke-width: 1px; opacity: 0.1; -webkit-text-stroke-color: #eee; }
.box-news .hd h3 a { color: inherit; position: relative; z-index: 1;}
.box-news .hd .more { display: flex; transition: 0.4s; justify-content: center;color: #fff; gap: 20px; font-size: 20px; align-items: center; width: 240px; height: 60px; border-radius: 30px; background-color: #85191E; }
.box-news .hd .more::after { content: "\E678"; font-family: iconfont; font-size: 40px; }
.box-news .hd .more:hover { background-color: #A57E42; }
.box-news .t .con { display: flex; flex-direction: column; gap: 15px; }
.box-news .t .title { font-size: 32px; line-height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.box-news .t .intro { font-size: 20px; line-height: 24px; color: #666; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.box-news .t .date { color: #A57E42; }

/* row-part --------------- */
.row-part { position: relative; padding-top: 60px; padding-bottom: 0; overflow: hidden; }
.row-part::before { position: absolute; display: block; content: ""; top: 60px; bottom: 0; left: 0; right: 0; background-color: #A57E42; }
.row-part .bg { background-color: #85191E; width: 120px; height: 120px; display: block; position: absolute; z-index: 2; top: -60px; right: -60px;}
.row-part .container { position: relative; z-index: 1; height: 500px; }
.row-part .container::after { display: block; content: ""; top: 0; position: absolute; left: 100%; width: 300%; height: 500px; background-color: #fff; }

/* box-part */
.box-part { position: relative; z-index: 3; display: flex; gap: 50px; flex-wrap: wrap; }
.box-part .pic { background-color: #f5f5f5; flex-shrink: 0; overflow: hidden; }
.box-part .pic,
.box-part .pic img { width: 620px; height: 500px; }
.box-part .pic img { transition: 0.4s; }
.box-part .pic:hover img { transform: scale(1.05); }
.box-part .con { flex: 1; min-width: 0; padding-top: 20px; }
.box-part .title { font-size: 96px; font-weight: bold; line-height: 1.5; }
.box-part .title a { color: #fff; }
.box-part .intro { color: #fff; font-size: 16px; line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.box-part .list { display: flex; gap: 5px; }
.box-part .list li { flex-shrink: 0; line-height: 1.5; }
.box-part .list li a { display: flex; height: 150px; width: 150px; flex-direction: column; align-items: center; justify-content: center; color: #fff; }
.box-part .list li a::before { content: "\E672"; font-family: iconfont; font-size: 65px; line-height: 1; transition: 0.4s; }
.box-part .list .li2 a::before { content: "\E673"; }
.box-part .list .li3 a::before { content: "\E674"; }
.box-part .list li:hover a::before { transform: rotateY(180deg); }

/* row-system --------------- */
.row-system { padding: 70px 0; }

/* iconfont */
.iconfont { display: flex; gap: 2%; }
.iconfont li { flex-shrink: 0; width: 32%; transition: 0.4s; padding: 30px 40px 40px; box-sizing: border-box; position: relative; box-shadow: 0px 0px 20px rgba(106, 30, 23, 0.15); background-color: #fff;}
.iconfont .title { height: 175px; line-height: 36px;}
.iconfont .title a::after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; content: ""; display: block; }
.iconfont .title a { font-weight: bold; font-size: 36px; }
.iconfont .title a::before { display: block; content: "\E675"; font-family: iconfont; font-size: 65px; font-weight: normal; line-height: 1; margin-bottom: 10px; color: #85191E; }
.iconfont .more { display: flex; gap: 20px; transition: 0.4s; color: #A57E42; font-size: 20px; align-items: center; }
.iconfont .more::after { content: "\E678"; font-family: iconfont; }
.iconfont .li2 .title a::before { content: "\E676"; }
.iconfont .li3 .title a::before { content: "\E677"; }
.iconfont li:hover { transform: translateY(-5px); background-color: #85191E; }
.iconfont li:hover .title a,
.iconfont li:hover .title a::before,
.iconfont li:hover .more { color: #fff; }
.iconfont li:hover .more { transform: translateX(5px); }

@media ( max-width: 1680px) {
	#content { min-width: 1400px; }
	.row { min-width: 1400px; }
}