/* 初始化 */
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,dl,dt,dd,ol,ul,li,
table{ margin:0; padding:0; vertical-align:baseline; list-style:none; border:0; font-size: 16px; line-height: 1.8; font-family:"Microsoft YaHei"!important;}
body a{ font-size: 16px; color: #333; text-decoration: none; transition: all 0.2s;}
body a:hover{ cursor: pointer; color: #cc2827;}
img{ max-width:100%; vertical-align: top;}
body{ margin:0 auto; min-width:1100px; max-width:1920px;}
@media (max-width: 1100px) {
body{ min-width:inherit;}
}

/* 公用 */
.mt-0{ margin-top:0!important;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/* 点击图片弹出 */
.imgBig{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); vertical-align:middle; z-index:9999;}
.imgBig img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; vertical-align:middle;}

/* 鼠标经过效果 */
.imgDH img{ transition: all 0.8s;}
.imgDH img:hover{ transform: scale(1.1);}
@media (max-width: 1100px) {
.imgDH img:hover{ transform: scale(1);}
}

/* footer */
.foot{ margin-top:50px; padding:50px 0; text-align:center; font-size: 16px; color:#FFF; background-color:#cc2827;}
@media (max-width: 1100px) {
.foot{ margin-top:30px; padding:30px;}
}

/* banner */
.banner{ text-align:center;}
.bannerM{ display: none; text-align: center;}
.bannerM img{ width: 100%;}
@media (max-width: 1100px) {
.banner{ display:none;}
.bannerM{ display: block;}
}

/* 导航 */
.nav{ background-color:#de0010;}
.nav ul{ margin:0 auto; width:1200px; padding-left:130px; box-sizing:border-box;}
.nav li{ display: inline; text-align:center;}
.nav li a{ margin-left:-20px; display:inline-block; width:136px; font-size: 16px; color: #fff; line-height: 60px;}
.nav li a:hover{ font-weight:bold; background:url(nav-bg.png) center center no-repeat;}
.navBtn{ display: none;}
@media (max-width: 1100px) {
.navBtn{ display:block; width:25px; position:absolute; top:5px; right:10px;}
.nav{ display:none; background:none; background-color:#8595ab;}
.nav ul{ width:100%; height:auto; padding:0; margin:0;}
.nav li{ float:none; padding:0;}
.nav li a{ margin-left:0; display:block; width:100%; line-height: 40px; border-bottom:1px dashed #ffffff;}
.nav li a:hover{ background:none;}
}

/* 首页 */
.indexBg{ background:url(banner.jpg) center top no-repeat;}
.box{ margin:60px auto 0 auto; width:1200px;}
.indexTit{ position:relative; margin:0 auto 20px auto; width:1200px; height:105px; text-align:center; background:url(indexTit-bg.png) center top no-repeat;}
.indexTit h3 a{ margin-left:135px; color:#7c0009; font-size:40px; line-height:55px; font-weight:bold;}
.indexTit h3 a:hover{ color:#cc2827;}
.indexTit .more{ position:absolute; right:0; top:35px; display:inline-block; padding:0 10px; font-size:13px; color:#FFF; border-radius:10px; background-color:#c6912c;}
.indexTit .more:hover{ background-color:#cc2827;}
@media (max-width: 1100px) {
.indexBg{ background:none;}
.box{ margin:30px auto; width:auto;}
.indexTit{ width:auto; height:53px; margin:20px auto 15px auto; background-size:600px;}
.indexTit h3 a{ margin-left:68px; font-size:22px; line-height:28px;}
.indexTit .more{ display:none; right:10px; top:10px; font-size:12px; padding:0 5px;}
}
/* 献礼 */
.indexXL dl{ position:relative;}
.indexXL dt img{ width:100%;}
.indexXL dd{ position:absolute; left:30px; bottom:30px; padding-bottom:30px; width:1140px; background:rgba(0,0,0,0.4);}
.indexXL dd h3{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding:0 30px; text-align:center;}
.indexXL dd h3 a{ display:inline-block; font-size:24px; line-height:58px; border-bottom:1px dashed #FFF; color:#c6912c;}
.indexXL dd h3 a:hover{ color:#cc2827;}
.indexXL dd p{ margin-top:10px; padding:0 70px; color:#cfcfcf;}
.indexXL ul{ overflow:hidden; margin-top:20px;}
.indexXL li{ float:left; width:590px; margin:3px 20px 0 0;}
.indexXL li a{ display:block; padding:0 30px; line-height:50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color:#f7f7f7;}
.indexXL li a:hover{ color:#FFF; background-color:#cc0000;}
.indexXL li:nth-child(2n){ margin-right:0;}
@media (max-width: 1100px) {
.indexXL{ padding:0 15px;}
.indexXL dd{ position:relative; left:0; bottom:0; width:auto; padding-bottom:0;}
.indexXL dd h3{ padding:0 15px;}
.indexXL dd h3 a{ display:block; font-size:16px; line-height:40px; border:0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.indexXL dd p{ display:none;}
.indexXL ul{ margin-top:10px;}
.indexXL li{ float:none; width:100%;}
.indexXL li a{ display:block; padding:0 15px;}
}
/* 成就 */
.indexCJ{ overflow:hidden;}
.indexCJ dl{ float:left; margin-right:30px; width:380px;}
.indexCJ dl:last-child{ margin-right:0;}
.indexCJ dt{ position:relative; text-align:center; background-color:#cc0000;}
.indexCJ dt a{ display:block; padding:0 20px; line-height:76px; color:#FFF; font-size:18px; font-weight:bold;}
.indexCJ dt a:hover{ color:#c6912c;}
.indexCJ dt img{ position:absolute; left:50%; bottom:0; margin:0 0 -14px -18px; z-index:1;}
.indexCJ dl:nth-child(2n) dt img{ bottom:auto; top:0; margin:-14px 0 0 -18px;}
.indexCJ dd{ background-color:#f5f5f5;}
.indexCJ dd a{ display:block; overflow:hidden;}
.indexCJ dd img{ width:380px; height:285px;}
.indexCJ dd p{ box-sizing:border-box; height:150px; padding:30px 20px 0 20px; color:#333333;}
@media (max-width: 1100px) {
.indexCJ{ padding: 0 15px;}
.indexCJ dl{ display:none; float:none; width:100%; margin-bottom:15px;}
.indexCJ dl:first-child{ display:block;}
.indexCJ dt a{ padding:10px 15px; line-height:30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.indexCJ dd img{ width:100%; height:auto;}
.indexCJ dd p{ height:auto; padding: 10px 15px;}
}
/* 足迹 */
.indexZJ{ overflow:hidden;}
.indexZJ-L{ float:left; width:650px; height:490px; background-color:#eeeeee;}
.indexZJ-L ul{ padding:30px 130px 0 80px;}
.indexZJ-L li{ padding:10px 0 10px 25px; background:url(indexZJ-ico.png) left center no-repeat; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.indexZJ-L li a:hover{ font-weight:bold; color:#9c7f5b;}
.indexZJ-R{ float:left; width:640px; margin-top:30px; margin-left:-90px;}
@media (max-width: 1100px) {
.indexZJ-L{ float:none; width:100%; height:auto; padding:0 15px; box-sizing:border-box; background:none;}
.indexZJ-L ul{ padding:10px 15px; background-color:#eeeeee;}
.indexZJ-L li{ padding: 5px 0 5px 20px;}
.indexZJ-L li a{ display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.indexZJ-R{ float:none; width:auto; margin:0; padding:15px;}
}
/* 影像 */
.indexBg2{ background:url(index-bg1.png) center top no-repeat;}
.indexYX{ background-color:#FFF; box-shadow: 0 0 5px #eee;}
.indexYX dt{ box-sizing:border-box; padding-top:40px; height:350px; background-color:#eeeeee;}
.indexYX dt p{ margin:0 auto; width:1040px; position:relative;}
.indexYX dt p em{ display:block; width:100%; height:624px;}
.indexYX dt p em img{ width:100%; height:100%;}
.indexYX dt p span{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.indexYX dd{ margin:320px auto 0 auto; width:1040px;}
.indexYX dd h3 a{ font-size:26px; color:#9c7f5b;}
.indexYX dd h3 a:hover{ color:#c6912c;}
.indexYX dd p{ color:#666;}
.indexYX dd p a{ color:#cc0000;}
.indexYX dd p a:hover{ color:#c6912c;}
.indexYX ul{ width:1040px; margin:40px auto 0 auto; padding-bottom:40px; overflow:hidden;}
.indexYX li{ float:left; width:500px; padding-left:5px; margin-right:40px; box-sizing:border-box; border-bottom:1px dashed #ddd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.indexYX li a{ padding-left:15px; line-height:42px; background:url(indexYX-ico.jpg) left center no-repeat;}
.indexYX li:nth-child(2n){ margin-right:0;}
@media (max-width: 1100px) {
.indexBg2{ background:none;}
.indexYX dt{ padding-top:0; height:auto;}
.indexYX dt p{ margin:0 auto; width:auto; position:relative;}
.indexYX dt p em{ height:auto;}
.indexYX dt p em img{ height:auto;}
.indexYX dt p span{ width:60px; height:60px;}
.indexYX dd{ margin-top:10px; width:auto;}
.indexYX dd h3 a{ display:block; padding:0 15px; text-align:center; font-size:18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.indexYX dd p{ margin-top:5px; padding:0 15px;}
.indexYX ul{ width:auto; margin:10px auto; padding:0 15px;}
.indexYX li{ float:none; width:auto; margin-right:0;}
.indexYX li:last-child{ border-bottom:0;}
}
/* 视觉 */
.galleryCon dl{ position:relative;}
.galleryCon dt img{ width:900px; height:675px; line-height:0;}
.galleryCon dd{ position: absolute; right:0; bottom:0; width:430px; background:rgba(213,165,74,0.9); box-sizing:border-box; padding:30px;}
.galleryCon dd h3{ margin-top:10px; text-align:right;}
.galleryCon dd h3 a{ color:#FFF; font-size:18px; font-weight:normal;}
.galleryCon dd h3 a:hover{ color:#cc0000;}
.galleryCon dd p{ margin-top:10px; color:#FFF;}
.galleryListBox{ position:relative; background-color:#494949; padding:25px 0;}
.galleryConPrev:hover,.galleryConNext:hover{ cursor:pointer;}
.galleryConPrev,.galleryConNext{ position:absolute; top:50%; left:25px; margin-top:-33px;}
.galleryConNext{ left:auto; right:25px;}
.galleryList{ overflow:hidden; margin:0 auto; width:1000px;}
.galleryList .swiper-slide{ overflow:hidden; width:200px; box-sizing:border-box; border:3px solid #494949; border-radius:3px;}
.galleryList .swiper-slide.active{ border:3px solid #ca9e4d;}
.galleryList .swiper-slide img{ width:100%; height:150px;}
.galleryList .swiper-slide img:hover{ cursor:pointer;}
@media (max-width: 1100px) {
.galleryCon dt img{ width:100%; height:auto;}
.galleryCon dd{ width:100%; padding:5px 15px; box-sizing:border-box;}
.galleryCon dd p{ display:none;}
.galleryCon dd h3 a{ font-size:16px;}
.galleryListBox{ display:none;}
}
/* 红歌 */
.indexHG{ overflow:hidden; margin-top:40px; padding:10px 0 0 25px;}
.indexHG dl{ float:left; width:350px; margin-right:50px;}
.indexHG dl:last-child{ margin-right:0;}
.indexHG dt{ width:322px; height:322px; margin:0 auto; padding:10px 0 0 7px; box-sizing:border-box; background:url(indexHG-bg.png) center center no-repeat;}
.indexHG dt img{ width:300px; height:300px; border-radius:50%;}
.indexHG dd{ margin-top:35px;}
.indexHG dd a{ display:block; padding-left:40px; line-height:50px; background:url(indexHG-ico.png) 10px center no-repeat #f7f7f7; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media (max-width: 1100px) {
.indexHG{ margin-top:0; padding:0;}
.indexHG dl{ float:none; width:100%; margin:20px 0 0 0;}
.indexHG dl:first-child{ margin-top:0;}
.indexHG dt{ width:214px; height:214px; padding:6px 0 0 4px; background-size:100%;}
.indexHG dt img{ width:200px; height:200px;}
.indexHG dd{ margin-top:10px; padding:0 15px;}
}
/* 征文 */
.indexBg3{ background:url(index-bg2.png) center top no-repeat;}
.indexZW ul{ overflow:hidden; margin-top:40px;}
.indexZW li{ float:left; width:590px; margin:0 20px 10px 0;}
.indexZW li:nth-child(2n){ margin-right:0;}
.indexZW a{ display:block; padding:0 30px; line-height:50px; background-color:#f7f7f7; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.indexZW a:hover{ color:#fff; background-color:#cc2827;}
@media (max-width: 1100px) {
.indexZW{ margin-top:20px;}
.indexZW ul{ margin-top:0; padding:0 15px;}
.indexZW li{ float:none; width:auto; margin:10px auto;}
.indexZW li:first-child{ margin-top:0;}
.indexZW a{ padding:0 15px;}
}
/* 祝福 */
.indexZF{ margin:30px auto; width: 1200px; max-height: 500px; overflow: auto;}
.indexZF li{ margin:40px 0 0 100px; padding-bottom:25px; width:1006px; box-sizing:border-box; background:url(indexZF-bg2.png) left bottom no-repeat;}
.indexZF li:first-child{ margin-top:0;}
.indexZF li:nth-child(2n){ margin-left:35px; background:url(indexZF-bg4.png) left bottom no-repeat;}
.indexZF dl{ box-sizing:border-box; padding: 20px 40px 0 50px; background:url(indexZF-bg1.png) left top no-repeat;}
.indexZF li:nth-child(2n) dl{ padding-left:30px; padding-right:50px; background:url(indexZF-bg3.png) left top no-repeat;}
.indexZF dt{ font-size: 16px; color: #000; font-weight:bold;}
.indexZF dd{ margin-top: 5px; font-size: 16px; line-height: 1.6; color: #525252;}
@media (max-width: 1100px) {
.indexZF{ width: auto; margin: 0 15px;}
.indexZF li{ margin:15px 0 0 0; padding:0; width:auto; background:none;}
.indexZF li:nth-child(2n){ margin-left:0; background:none; background-color:#fffbf3;}
.indexZF li:nth-child(2n) dl{ padding:15px; background:none; background-color:#fffbf3;}
.indexZF dl{ padding:15px; background:none; background-color:#fffbf3; border:1px solid #ffa968; border-radius:10px;}
}

/* 内页 */
.content{ margin: 50px auto 0 auto; width: 1200px;}
@media (max-width: 1100px) {
.content{ margin: 0; width: auto;}
}
.subTit{ padding: 15px 10px; border-bottom: 1px solid #dddddd;}
.subTit h3{ padding-left: 15px; color: #cc0000; border-left: 5px solid #cc2827; font-size: 24px; line-height: 26px;}
@media (max-width: 1100px) {
.subTit{ padding: 15px;}
.subTit h3{ padding-left: 10px; font-size: 20px; line-height: 22px;}
}

/* 列表 */
.list li{ padding:20px 5px; border-bottom:1px solid #dddddd;}
.list li h3{ position:relative; padding-right:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list li h3 a{ font-size:18px;}
.list li h3 span{ position:absolute; right:5px; top:0; font-size:14px; color:#999; font-weight:normal;}
.list li p{ margin-top:5px; color:#666666;}
.list li p a{ font-size:15px; color:#cc2827; }
.list-img { padding-top: 5px;}
.list-img ul{ overflow:hidden;}
.list-img li{ float:left; width:380px; margin:20px 30px 0 0; text-align:center; overflow:hidden;}
.list-img li:nth-child(3n){ margin-right: 0;}
.list-img li p{ padding-top:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list-img li img{ width:100%; height:285px;}
.list-img li img:hover{ opacity:0.8}
.list-video{ overflow:hidden; padding-top: 5px;}
.list-video dl{ float:left; margin:10px 0; width:380px; margin:20px 30px 0 0;}
.list-video dl:nth-child(3n){ margin-right:0}
.list-video dt{ position:relative;}
.list-video img{ width:380px; height:228px;}
.list-video .HGimg img{ width:380px; height:380px;}
.list-video span img{ position:absolute; left:50%; top:50%; width:48px; height:48px; margin:-24px 0 0 -24px;}
.list-video dd{ margin-top:10px; text-align:center; color:#454545; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
@media (max-width: 1100px) {
.list{ padding:0 10px;}
.list li h3{ padding-right:0; white-space:normal;}
.list li h3 a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:16px; line-height:24px;}
.list li p{ font-size:14px; line-height:24px;}
.list li p a{ font-size:14px;}
.list li span{ display:none;}
.list-img{ padding:5px 15px 0 0;}
.list-img li{ margin:10px 0 0 0; width:50%; padding:0 0 0 15px; box-sizing:border-box;}
.list-img li p{ padding-top:5px; font-size:14px;}
.list-img li img{ width:100%; height:auto;}
.list-img li img:hover{ opacity:1;}
.list-video{ overflow:hidden; padding:5px 15px 0 0;}
.list-video dl{ margin:10px 0 0 0; width:50%; padding:0 0 0 15px; box-sizing:border-box;}
.list-video img{ width:100%; height:auto;}
.list-video dd{ margin-top:5px; font-size:14px;}
}
/* 分页 */
.page{ clear:both; margin:50px 0; text-align:center;}
.page li{ display:inline; margin-right:2px; font-size: 16px;}
.page li a{ display:inline-block; margin-top:5px; padding:0 10px; font-size: 16px; line-height:30px; color:#000;}
.page li a:hover,
.page .NormalRed{ display:inline-block; padding:0 10px; line-height:30px; color:#fff; background-color:#cc2827; opacity:1; border-radius:3px;}
.page .specificPage{ padding:0 10px;}
.page b { color: #f00; }
.page .currentPage,
.page .jumpTo{ display: none;}
.page .pageInput { width: 40px; border: 1px solid #ddd; font-size: 16px; text-align: center;}
.page .pageGo { padding-left: 15px; }
@media (max-width: 1100px) {
.page{ display:block; margin-top: 30px;}
.page li a{ border: 0;}
.page .specificPage,
.page .firstPage,
.page .lastPage { display: none; }
.page .jumpTo,
.page .currentPage{ display: inline;}
}
/* 详情 */
.detail{ padding:40px 30px;}
.detailTit{ font-size:25px; text-align:center; font-weight:bold; color:#000;}
.detailDate{ margin-top:20px; text-align:center; font-size:16px; color:#999;}
.detailDate span{ margin:0 10px;}
.detailCon{ margin-top:30px; font-size:16px; color:#3f3e3e;}
.detailCon p{ margin-top:15px; min-height:30px;}
.detailCon img{ display:block; margin:0 auto;}
.detailCon video{ margin:0 auto; max-width: 100%;}
.detailAuthor{ text-align:right; padding:30px 15px 0 0; color:#999;}
@media (max-width: 1100px) {
.detail{ padding:40px 15px;}
.detailTit{ font-size:20px;}
.detailDate{ margin-top:20px; text-align:center; font-size:16px; color:#999;}
.detailDate span{ margin:0 5px;}
.detailCon{ margin-top:30px; font-size:16px; color:#3f3e3e;}
.detailCon p{ min-height:30px;}
.detailCon img{ display:block; margin:0 auto;}
.detailAuthor{ text-align:right; padding:30px 15px 0 0; color:#999;}
}