@charset "utf-8";
/*通用样式*/
@font-face {
	font-family:nr;
	src: url(nr.otf);
}
@font-face {
	font-family:nm;
	src: url(nm.otf);
}
@font-face {
	font-family:nb;
	src: url(nb.otf);
}
@font-face {
	font-family:st;
	src: url(st.ttc);
}
*,a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'nr', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "nr";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}
.clearfix::after { content: ''; clear: both; display: block; height: 0;}
/* CSS Document */
.banner img { display: block; width: 100%;}
.pages { background: url(../images/bg.jpg) center top repeat-y; background-size: 100% auto;}
.menuHead img,.menuFoot img { display: block; width: 100%;}
.menuCont { background: url(../images/menuBody.jpg) center repeat-y; background-size: 100% auto;}
.menu { max-width: 92%; position: relative; width: 862px; margin:-26.52vw auto 0;}
.menuTit { position: absolute; left: 1%; top: -5.93vw; width: 98%;}
.menuTit img { display: block; width: 100%;}
.menuCont { padding-top: 200px;}
.leader { text-align: center; font-size: 27px; font-family: nb; color: #8f2323; line-height: 1; margin-bottom: 30px;}
.titleCont { font-family: 'nm'; border-radius: 3px; font-size: 28px; padding: 0 12px; color: #ffdfc8; position: relative; display: inline-block; background: #ae3a26; line-height: 48px; border: 2px solid #88201d;}
.programTit { font-size: 0; text-align: center;}
.titleCont .line1 { position: absolute; left: -8px; top: -8px; border-radius: 3px; border: 3px solid #88201d; box-sizing: border-box; width: 20px; height: 20px; display: block;}
.titleCont .line2 { position: absolute; right: -8px; top: -8px; border-radius: 3px; border: 3px solid #88201d; box-sizing: border-box; width: 20px; height: 20px; display: block;}
.titleCont .line3 { position: absolute; left: -8px; bottom: -8px; border-radius: 3px; border: 3px solid #88201d; box-sizing: border-box; width: 20px; height: 20px; display: block;}
.titleCont .line4 { position: absolute; right: -8px; bottom: -8px; border-radius: 3px; border: 3px solid #88201d; box-sizing: border-box; width: 20px; height: 20px; display: block;}
.programDesc { margin: 14px 0; text-align: center;}
.programDesc p { margin: 0 auto; max-width: 660px; font-size: 18px; color: #8f2323; line-height: 2;}
.programDesc p b {font-size: 24px; font-family: nb;}
.menuCont li {overflow: hidden; margin-bottom: 10px;}
.menuCont ul {overflow: hidden;}
.menuCont ul::after {content: ''; clear: both; display: block; height: 0; overflow: hidden;}
.footer { margin-top: 74px; background: url(../images/footer.png) center no-repeat; height: 333px;}
.footer img { display: none;}
.videoTitle {text-align: center; font-size: 0; margin: 0 auto 40px;}
.videoTitle span { height: 100%; display: inline-block; vertical-align: top;}
.videoTitle span img { display: block; height: 100%;}
.titleText { display: inline-block; line-height: 114px; font-family: st; font-weight: bold;  color: #fbf5c5; background: url(../images/titleLine.jpg) left center repeat-x;
 background-size: auto 100%; vertical-align: top; font-size: 71px;}
.videoCont { position: relative; z-index: 2; margin: -32vw auto 0;}
.picCont { position: relative; z-index: 2; margin: -32vw auto 0;}
.videoInfor { padding: 28px; max-width: 92%; background: url(../images/videoBg.png) center no-repeat; width: 1073px; height: 635px; margin: 0 auto; background-size: 100% 100%;}
.videoInfor .videoBox { position: relative; border: 2px solid #faa545; border-radius:32px; overflow: hidden; width: 100%; height: 100%;}
.videoInfor .videoBox video { width: 100%; height: 100%; object-fit: cover;}
.videoBox span { position: absolute; background: url(../images/playBtn.png) center no-repeat; width: 70px; height: 80px; cursor: pointer; z-index: 4;
left: 50%; top: 50%; transform: translate(-50%,-50%);}
.videoBox::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2);}
.videoBox.act::after { display: none;}
.homeNews { width: 1035px; max-width: 92%; position: relative; padding: 32px 27px 50px; background: #8f2323; border:2px solid #7d1e1b; border-radius: 10px; margin: 54px auto 44px;}
.homeNews::after{content: ''; clear: both; display: block; height: 0;}
.newsText { float: right; width: calc(100% - 465px);}
.newsText h2 { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  line-height: 32px; margin-bottom: 16px; font-family: 'nb'; font-size: 18px; color: #fbe78b;}
.newsText p a{ font-size: 16px; color: #ffffff; line-height: 2; height: 96px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.newsImg { float: left; width: 428px; overflow: hidden;}
.newsImg img { display: block; width: 100%;}
.newsText ul { margin-top: 25px;}
.newsText li { position: relative; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  text-indent: 35px; line-height: 55px; border-bottom: 1px solid rgba(255,255,255,.4); font-size: 16px; color: #ffffff;}
.newsText li a { color: #ffffff;}
.newsText li::after { content: ''; position: absolute; left: 9px; width: 5px; height: 5px; top: 50%; transform: translateY(-50%); background: #efaa04;}
.flag img { display: block; margin: 0 auto; max-width: 92%;}
.newsText a.checkMore { transition: all .5s; font-size: 16px; padding: 0 10px; line-height:2; border-radius: 4px; display: block; position: absolute; bottom: 10px; border: 1px solid #fbe78b; color: #fbe78b; right: 23px;}
.newsText a.checkMore:hover { background: #fbe78b; color: #7d1e1b;}
.bigTitle { margin-bottom: 25px; text-align: center; background: url(../images/titleCircle.png) center no-repeat; font-size: 77px; font-family: 'st'; font-weight: bold; color: #fcf6d5;
line-height: 157px; background-size: auto 100%;}
.bigTitle img { margin: 0 15px;}
.smallTitle { margin-bottom: 50px; text-align: center; font-size: 0;}
.smallTitle span { display: inline-block; vertical-align: top;}
.smallTitle p { font-weight: bold; font-family: 'st'; color: #fcf6d5; font-size: 41px; line-height: 108px; display: inline-block;vertical-align: top; background: url(../images/ntitline.png) left center repeat-x; background-size: auto 100%;}
.ltSlide { max-width: 92%; width: 1320px; margin: 0 auto 64px;}
.ltSlide ul::after { content: ''; clear: both; display: block; height: 0;}
.ltSlide li { position: relative; float: left; width: 32%; height: 340px; overflow: hidden; margin-right: 2%;}
.ltSlide li:nth-child(3n) { margin-right: 0;}
.ltSlide li img { height: 100%; object-fit: cover; display: block; width: 100%;}
.ltSlide li::after { content: ''; background: url(../images/bk1.png); position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: 100% 100%;}
.ltSlide li p { position: absolute; left: 0; bottom: 16px; text-align: center; width: 100%; background: rgba(0,0,0,0.5); text-align: center;
box-sizing: border-box; padding: 0 10px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; font-size: 18px; color: #fcf6d5; line-height: 60px;}
.bhlist { width: 1432px; max-width: 92%; margin: 0 auto;}
ul::after { content: ''; clear: both; display: block; height: 0;}
.bhlist li:nth-child(1) {padding-top: 243px; width: 30.5%; float: left;}
.bhlist li:nth-child(2) { margin: 0 1.1%; width: 36.8%; float: left;}
.bhlist li:nth-child(3) {padding-top: 243px; width: 30.5%; float: left;}
.bhslide {height: 343px; overflow: hidden; position: relative;}
.bhlist .bhslide { padding:2px;}
.bhslide img { display: block; height: 100%; object-fit: cover; width: 100%;}
.bhlist li:nth-child(1) .bhslide::after,.bhlist li:nth-child(3) .bhslide::after { content: ''; position: absolute; background: url(../images/bk2.png) center no-repeat;
position: absolute; left: 0; top: 0; background-size: 100% 100%; pointer-events: none; width: 100%; height: 100%;}
.bhlist li:nth-child(2) .bhslide::after {content: ''; position: absolute; background: url(../images/bk3.png) center no-repeat;
position: absolute; left: 0; top: 0; background-size: 100% 100%; pointer-events: none; width: 100%; height: 100%;}
.bhlist li:nth-child(2) .bhslide { height: 375px; margin-bottom: 18px;}
.bhlist p {position: absolute; left: 0; bottom:4px; text-align: center; width: 100%; background: rgba(0,0,0,0.5); text-align: center;
box-sizing: border-box; padding: 0 10px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; font-size: 18px; color: #fcf6d5; line-height: 60px;}
.bhlistMedium { width: 1340px; max-width: 92%; margin: 0 auto 18px;}
.bhlistMedium li { float: left; width: 32.6%; margin-right: 1.1%;}
.bhlistMedium li:nth-child(3n) { margin-right: 0;}
.bhlistMedium li .bhslide { height: 340px; padding: 1px; overflow: hidden; position: relative;}
.bhlistMedium li .bhslide::after {content: ''; position: absolute; background: url(../images/bk2.png) center no-repeat;
position: absolute; left: 0; top: 0; background-size: 100% 100%; pointer-events: none; width: 100%; height: 100%;}
.bhlistMedium li p {position: absolute; left: 0; bottom:4px; text-align: center; width: 100%; background: rgba(0,0,0,0.5); text-align: center;
box-sizing: border-box; padding: 0 10px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; font-size: 18px; color: #fcf6d5; line-height: 60px;}
.bhlistSmall { width: 1455px; max-width: 92%; margin: 0 auto 55px;}
.bhlistSmall li { float: left; width: 24.4%; margin-right: 0.8%;}
.bhlistSmall li:nth-child(4n) { margin-right: 0;}
.bhlistSmall li .bhslide { height:276px; position: relative;}
.bhlistSmall li .bhslide::after {content: ''; position: absolute; background: url(../images/bk2.png) center no-repeat;
position: absolute; left: 0; top: 0; background-size: 100% 100%; pointer-events: none; width: 100%; height: 100%;}
.cxBig { max-width: 92%; position: relative; background: url(../images/cxk.jpg) center no-repeat; width: 699px; height: 427px; margin: 0 auto; padding: 23px;}
.cxBig img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 8px;}
.cxBig p { position: absolute; left: 23px; bottom: 23px; right: 23px;text-align: center; background: rgba(0,0,0,0.5); text-align: center;
box-sizing: border-box; padding: 0 10px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; font-size: 18px; color: #fcf6d5; line-height: 60px; box-sizing: border-box;}
.cxList { width: 1320px; max-width: 92%; margin: 30px auto 0;}
.cxList .bhslide { padding: 2px; height: 340px; position: relative;}
.cxList .bhslide img { width: 100%; height: 100%; object-fit: cover;}
.cxList li { box-sizing: border-box; padding: 0.1%; margin-bottom: 2%; float: left; width: 32%; margin-right: 2%;}
.cxList li:nth-child(3n) { margin-right: 0;} 
.cxList .bhslide::after { content: '';position: absolute; background: url(../images/bk5.png) center no-repeat;
position: absolute; left: 0; top: 0; background-size: 100% 100%; pointer-events: none; width: 100%; height: 100%; }
.cxList li p {position: absolute; left: 0; bottom:8px; text-align: center; width: 100%; background: rgba(0,0,0,0.5); text-align: center;
box-sizing: border-box; padding: 0 10px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; font-size: 18px; color: #fcf6d5; line-height: 60px;}
.bigEnd { margin-bottom: 55px;}
.dylSmall { width: 1080px; max-width: 92%; margin: 0 auto;}
.dylSmall li { float: left; width: 49%;}
.dylSmall li:nth-child(2n) { float: right;}
.dylSmall .bhslide { position: relative; height: 360px; background: url(../images/cxk.jpg) center no-repeat; background-size: 100% 100%; padding:20px;}
.dylSmall .bhslide img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 8px;}
.dylSmall .bhslide p {position: absolute; left: 20px; bottom: 20px; right: 20px;text-align: center; background: rgba(0,0,0,0.5); text-align: center;
box-sizing: border-box; padding: 0 10px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; font-size: 18px; color: #fcf6d5; line-height: 60px; box-sizing: border-box;}
.meetList {width: 1246px; max-width: 92%; margin: 0 auto 40px;}
.meetList li {padding: 2px; float: left; width: 49%; margin-right: 2%; margin-bottom: 2%; position: relative; overflow: hidden; box-sizing: border-box;}
.meetList li img { display: block; width: 100%; height: 100%; object-fit: cover;}
.meetList li:nth-child(2n) {margin-right: 0;}
.meetList li p {position: absolute; left: 2px; bottom:6px; text-align: center; right: 2px; background: rgba(0,0,0,0.5); text-align: center;
box-sizing: border-box; padding: 0 10px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; font-size: 18px; color: #fcf6d5; line-height: 60px;}
.meetList li::after {content: '';position: absolute; background: url(../images/bk4.png) center no-repeat;
position: absolute; left: 0; top: 0; background-size: 100% 100%; pointer-events: none; width: 100%; height: 100%;}
.videoList { width: 1638px; max-width: 92%; margin: 30px auto;}
.videoList li {position: relative; border-radius: 6px; overflow: hidden; float: left; width: 32.4%; height: 16.97vw; margin-right: 1.4%; margin-bottom: 1.4%; position: relative; overflow: hidden; box-sizing: border-box;}
.videoList li img { display: block; width: 100%; height: 100%; object-fit: cover;}
.videoList li:nth-child(3n) {margin-right: 0;}
.videoList li span { width: 60px; height: 70px; background: url(../images/playBtn.png) center no-repeat; background-size: 100% auto; position: absolute;
left: 50%; top: 50%; transform: translate(-50%,-50%);}
.meetingSwiper .swiper {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }

.meetingSwiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  height: calc((100% - 30px) / 2) !important;
  position: relative;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}
.meetingSwiper { position: relative; margin: 0 auto; width: 1440px; max-width: 92%; padding: 0 100px; height: 900px;}
.meetingSwiper .swiper-slide::after {content: '';position: absolute; background: url(../images/bk4.png) center no-repeat;
position: absolute; left: 0; top: 0; background-size: 100% 100%; pointer-events: none; width: 100%; height: 100%;}
.meetingSwiper .swiper-slide p {position: absolute; left: 2px; bottom:6px; text-align: center; right: 2px; background: rgba(0,0,0,0.5); text-align: center;
box-sizing: border-box; padding: 0 10px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; font-size: 18px; color: #fcf6d5; line-height: 60px;}
.meetingSwiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover;}
.meetingSwiper .swiper-button-next { background: url(../images/nextBtn.png) center no-repeat; width: 61px; height: 124px;}
.meetingSwiper .swiper-button-prev { background: url(../images/prevBtn.png) center no-repeat; width: 61px; height: 124px;}
.meetingSwiper .swiper-button-next::after,.meetingSwiper .swiper-button-prev::after { content: '';}
.picBox { border-radius: 6px; width: 1180px; margin: 0 auto; padding: 23px; background: #7f1d15; max-width: 92%;}
.picInfor { border-radius: 3px; border: 2px solid #fdf7d1; padding:13px;}
.picInfor img { border-radius: 3px; display: block; width: 100%;}
.picArt { width: 1130px; margin:60px auto; max-width: 92%;}
.picArt p { font-size: 24px; color: #fcf6d2; line-height: 2; text-indent: 48px;}
.articleBox {max-width: 92%; position: relative; z-index: 2; margin: -32vw auto 0;width: 1030px; background: #ffdfc8; border: 4px solid #fdf7d1; padding: 70px; border-radius: 30px;
}
.artTitle { text-align: center;}
.artTitle h2 { font-size: 28px; font-family: nb; line-height: 1.5; margin-bottom: 15px; color: #7d1f19;}
.artTitle p { font-size: 20px; color: #7c1e17;}
.artPic { padding:20px 0 40px;}
.artPic img {max-width:100%; display: block; margin: 0 auto;}
.artText p {font-size: 24px; color: #781c18;margin-bottom: 48px; line-height: 2; text-indent: 48px;}
@media screen and  (max-width:1444px){
	.titleText { font-size:45px;}
	.smallTitle p { font-size: 30px;}
	.smallTitle p { line-height: 90px;}
	.smallTitle span img { height: 90px;}
	.bigTitle { font-size: 50px;}
	.bigTitle img { width: 200px;}
	.bhlist li:nth-child(1),.bhlist li:nth-child(3) {padding-top: 16.875vw;}
	.bhlist li:nth-child(1) .bhslide,.bhlist li:nth-child(3) .bhslide { height: 23.819vw;}
	.bhlist li:nth-child(2) .bhslide { height: 26vw;}
	.ltSlide li,.bhlistMedium li .bhslide,.cxList .bhslide { height: 23.6vw;}
	.ltSlide li p { bottom: 4px;}
	.bhlistSmall li .bhslide { height: 19.166vw;}
	.dylSmall .bhslide { height: 33vw;}
	.meetingSwiper { height: 62.5vw;}
}
@media screen and  (max-width:1320px){
	
}
@media screen and  (max-width:1200px){
	.footer { background: #6e190f; padding: 20px; height: auto;}
	.footer img { display: block; margin: 0 auto; width: 100%;}
	.videoInfor { padding: 2vw; height: 54.2vw;}
	.titleText { font-size:20px; line-height: 2;}
	.videoTitle span img { height: 40px;}
	.videoBox span,.videoList li span { width: 6vw; background-size: 100% auto;}
}

@media screen and  (max-width:780px){
.artPic { padding: 20px 0;}
.articleBox {padding: 20px;}
.artTitle h2 { font-size: 18px;}
.artText p { font-size: 16px; text-indent: 32px; margin-bottom: 32px;}
.artTitle p { font-size: 14px;}
.picBox,.picInfor { padding: 8px;}
.picArt { margin: 30px auto;}
.picArt p { font-size: 16px; text-indent: 32px;}
.meetingSwiper .swiper-slide p { bottom: 0; font-size: 12px; line-height: 32px;}
.meetingSwiper .swiper-button-prev { width: 20px; height: 36px; background-size: 100% auto;}
.meetingSwiper .swiper-button-next { width: 20px; height: 36px; background-size: 100% auto;}
.meetingSwiper { height: auto;}
.meetingSwiper { padding: 0 40px;}
.dylSmall .bhslide { padding: 8px;}
.dylSmall .bhslide p {left: 8px; bottom: 8px; right: 8px; font-size: 12px; line-height: 32px;}
.bhlistSmall { margin-bottom: 20px;}
.bigTitle { line-height:50px; margin-bottom: 15px; font-size: 20px;}
.smallTitle p { font-size: 18px; line-height:40px;}
.smallTitle span img { display: block; height: 40px;}
.smallTitle,.meetList { margin-bottom: 15px;}
.videoList { margin: 0 auto 10px;}
.bhlistMedium { margin-bottom: 5px;}
.ltSlide li p,.bhlist p,.bhlistMedium li p,.cxList li p,.dylSmall .bhslide p,.meetList li p { font-size: 12px; padding: 0 5px; line-height: 32px;}
.bhlistMedium li p,.cxList li p,.meetList li p { bottom: 2px;}
.bhlist li:nth-child(2) .bhslide { margin-bottom: 5px;}
.ltSlide { margin-bottom: 20px;}
.bigTitle img { width:80px;}
.newsImg { float: none; width: 100%;}
.homeNews { margin: 20px auto; padding: 10px;}
.newsText { float: none; width: 100%; margin-top: 10px;}
.newsText h2 { font-size: 16px; margin-bottom: 0;}
.newsText p { font-size: 14px; height: auto;}
.newsText ul{margin-top: 0;}
.newsText li { margin-top: 0; padding-left: 20px; font-size: 14px; line-height: 40px; text-indent: 0;}
.cxBig { margin-bottom: 15px; padding: 12px; height: 56vw; background-size: 100% 100%;}
.cxBig p { left: 12px; bottom: 12px; right: 12px; font-size: 12px; line-height: 32px;}
.cxList { margin: 15px auto 0;}
.videoTitle { margin-bottom: 20px;}
.menuCont { padding-top: 24vw;}
.leader { font-size: 16px; padding: 0 6%; line-height: 1.5; margin-bottom: 20px;}
.titleCont { font-size: 14px; line-height: 2;}
.programTit .titleCont span { border: 2px solid #88201d!important; width: 16px; height: 16px;}
.programDesc p { font-size: 12px; max-width: 92%;}
.programDesc p b { font-size: 14px;}
.footer { margin-top: 30px;}
.pages {min-height: 100vh;padding-bottom: 120px; position: relative;}
.videoFooter { position: absolute; bottom: 0; left: 0; width: 100%;}
.newsText a.checkMore { position: static; margin: 20px auto; text-align: center; width: 120px;}
}