@charset "utf-8";
/*通用样式*/
*,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: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
input,textarea { outline: none; border: none; box-sizing: border-box; background: none;}
body{ background:#fff; font:normal 12px/22px "微软雅黑";}
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;}
.dn { display: none;}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* CSS Document */
.banner { position: relative;}
.banner img.ban_bg { display: block; width: 100%;}
.banner a.logo { z-index: 2; position: absolute; left: 3.125vw; top: 3.125vw;}
.bannerText { position: absolute; left: 0; width: 100%; text-align: center; top: 6.29vw;} 
.bannerTexts { transform: translateY(60px); transition: all 1s; opacity: 0; transition-delay: 0.3s; visibility: hidden; display: block; margin: 0 auto; width: 72.9%;}
.bannerIcon { transform: translateY(60px); transition: all 1s; opacity: 0; visibility: hidden; width: 9.947%; margin: 0 auto 2.6vw;}
.banner .swiper-slide-active .bannerTexts,.banner .swiper-slide-active .bannerIcon { transform: translateY(0); visibility: visible; opacity: 1;}
.banner .swiper-button-prev,.banner .swiper-button-next { color: #ffffff; opacity: 0; transition: all 0.5s;}
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next { opacity: 1;}
.nav { width: 1460px; z-index: 2; max-width: 92%; left: 50%; transform: translateX(-50%); position: absolute; bottom: 0; background: #9a090c;}
.nav ul { display: flex; justify-content: space-between;}
.nav li { position: relative; flex: 1;}
.nav li h2 a { color: #ffffff; font-size: 22px; display: block; line-height: 76px; text-align: center;}
.nav li h2 { transition: all 0.3s; background: #9a090c;}
.nav dl { display: none; width: 100%; top: 76px; position: absolute; left: 0;}
.nav dt { transition: all 0.3s; background: #9a090c; text-align: center;}
.nav dt a { color: #ffffff; line-height: 60px; font-size: 18px;}
.nav dt:hover { background: rgb(184,0,9);}
.nav li:hover h2 { background: rgb(229,31,9);}
.container { width: 1460px; max-width: 92%; margin: 0 auto;}
.news { background: url(../images/bg1.jpg) right top no-repeat; background-size: cover; padding: 4vw 0;}
.titleCell { text-align: center;}
.titPic { background: url(../images/titline2.png) center bottom no-repeat; background-size:100%; padding-bottom: 20px;}
.titPic img { display: block; margin: 0 auto;}
.titText { font-size: 14px; color: #b71e23; display: inline-flex; line-height: 24px; border-bottom: 1px solid #b71e23;}
.newsCont { margin-top: 56px;}
.newsPic {position: relative; float: left; width: 730px; height: 467px;}
.newsPic .swiper { width: 100%; height: 100%;}
.newsPic img { display: block; transition: all 1s; width: 100%; height: 100%; object-fit: cover;}
.newsPic .swiper-slide { position: relative; overflow: hidden; width: 100%; height: 100%;}
.newsPic .swiper-slide:hover img { transform: scale(1.1);}
.newsPic .swiper-slide::after { content: ''; z-index: 2; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px;
background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6));}
.newsPic .swiper-slide p { z-index: 3; position: absolute; left: 0; bottom: 0; text-indent: 25px; color: #ffffff; line-height: 68px; font-size: 22px;
max-width: calc(100% - 134px);overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;}
.newsPic .swiper-button-prev,.newsPic .swiper-button-next { color: #ffffff;}
.newsPic .swiper-button-prev { margin:0; left: auto; right: 85px; line-height: 68px; height: 68px; bottom: 0; top: auto; font-size: 16px;}
.newsPic .swiper-button-prev::after { font-size: 18px;}
.newsPic .swiper-button-next { margin:0; left: auto; right: 25px; line-height: 68px; height: 68px; bottom: 0; top: auto; font-size: 16px;}
.newsPic .swiper-button-next::after { font-size: 18px;}
.newsPic::after { content: ''; position: absolute; width: 1px; height: 17px; background: #ffffff; right: 68px;
bottom: 25px; z-index: 4;}
.newsText { float: right; width: calc(100% - 760px);}
.bigNews h2 { font-size: 22px; color: #000000;overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; 
line-height: 1; margin-bottom: 20px;}
.bigNews p { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
 transition: all 0.3s; font-size: 16px; color: #6c6c6c; line-height: 28px;}
.bigNews:hover p { color:#b71e23 ;}
.bigNews { border-bottom: 1px dashed #d7d3cb; padding-bottom: 22px; margin-bottom: 15px;}
.newsText li { line-height: 47px; background: url(../images/lineicons.png) left center no-repeat; padding-left: 23px;}
.newsText li::after { content: ''; clear: both; display: block; height: 0;}
.newsText li p { font-size: 18px; color: #000000; float: left; width: calc(100% - 65px);overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; 
transition: all 0.3s;}
.newsText li span { font-size: 17px; color: #333333; opacity: .55; float: right;}
.newsText li:hover p { padding-left: 10px;color:#b71e23 ;}
.achievement { background: url(../images/bg2.jpg) center no-repeat; padding: 170px 0 120px; background-size: cover;}
.titleCell.titOther .titPic { background: url(../images/titline.png) center bottom no-repeat;}
.titleCell.titOther .titText { color: #fcc858; border-bottom: 1px solid #fcc858;}
.achievList { margin-top: 58px;}
.achiSlide ul::after { content: ''; clear: both; display: block; height: 0;}
.achiSlide li { transition: all .5s; box-shadow: 0 0 10px rgba(0,0,0,0.2); box-sizing: border-box; padding: 10px; background: #fff7ea; float: left; width: 31.6%; margin-right: 2.6%;}
.achiSlide li:nth-child(3n) { margin-right: 0;}
.achievPic { position: relative; overflow: hidden; height: 280px;}
.achievPic img { width: 100%; height: 100%; transition: all 1s; object-fit: cover;}
.achiSlide li:hover img { transform: scale(1.1);}
.achievPic p { position: absolute; left: 0; bottom: 0; font-size: 12px;
color: #ffffff; line-height: 30px; width: 94px; background: #ba0001; z-index: 2; text-align: center;}
.achievText { position: relative; padding: 27px 12px 30px;}
.achievText::after { content: ''; position: absolute; left: 12px; bottom: -10px; width: 44px; background: #e0c67e; height: 8px;}
.achievText p {transition: all .3s; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
 font-size: 18px; color: #000000; line-height: 32px; height: 64px;}
.achiSlide li:hover .achievText p { color: #b71e23;}
.achievChose { margin-top: 50px; height: 42px; display: flex; justify-content: center; align-items: center;}
.achievChose span { cursor: pointer; transition: all 0.5s; display: inline-block; margin: 0 6px; width: 32px; opacity: .5;}
.achievChose span img { display: block; width: 100%;}
.achievChose span.cur { opacity: 1; transform: scale(1.2);}
.viewSlide li {  position: relative; margin-bottom: 30px;}
.viewSlide ul { padding-right:10px;}
.viewConts {gap: 20px; display: flex; justify-content: space-between; padding: 20px; background: #fdfcf7; position: relative; z-index: 2;
border: 1px solid #e0c67e;}
.viewSlide li:nth-child(2n) { margin-right: 0;}
.viewShow { background: url(../images/bg3.jpg) center bottom no-repeat; background-size: cover; padding: 27px 0 40px;}
.viewSlide li::after { content: ''; position: absolute; left: 10px; top: 10px; background: #eee1bb; width: 100%; height: 100%;}
.viewPic { width: 375px; height: 220px; overflow: hidden;}
.viewPic img { width: 100%; height: 100%; object-fit: cover; transition: all 1s;}
.viewSlide li:hover img { transform: scale(1.1);}
.viewText { flex: 1;}
.viewText h2 { margin-bottom: 36px; transition: all 0.3s; font-size: 18px; color: #231815; line-height: 30px; height: 90px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.viewSlide li:hover .viewText h2 { color: #b71e23;}
.viewText p { margin-bottom: 54px; color: #656565; font-size: 15px; background: url(../images/time.png) left center no-repeat; padding-left: 26px;}
.viewText span { float: right; line-height: 25px; padding: 0 19px; border:1px solid #d21717; position: relative;
font-size: 14px; color: #777777; transition: all 0.3s; position: relative; border-radius: 25px;}
.viewText span::after { content: ''; background: #d21717; transition: all .5s; height: 1px; position: absolute; top: 50%; transform: translateY(-50%); width: 24px; left: -16px;}
.viewText span:hover::after { width: 0; left: 0;}
.viewText span:hover { color: #ffffff; background: #b71e23;}
.viewSlide li:nth-child(3),.viewSlide li:nth-child(4) { margin-bottom: 0;}
.viewList { margin-top: 58px;}
.media { background: url(../images/bg4.jpg) center no-repeat; background-size: cover;}
.media { padding: 70px 0 90px;}
.meidaList { position: relative;}
.meidaList .swiper-button-prev,.meidaList .swiper-button-next { color: #d21717;}
.meidaList .swiper-button-prev { left: -50px;}
.meidaList .swiper-button-next { right:-50px;}
.mediaPic { height: 290px; overflow: hidden; position: relative;}
.mediaPic img { width: 100%; height: 100%; object-fit: cover; transition: all 1s;}
.meidaList li:hover .mediaPic>img { transform: scale(1.1);}
.mediaText span { height: 24px; padding-left: 0px; line-height:21px; font-size: 14px; color: #b6000a; display: block;/* background: url(../images/flag.png) left center no-repeat;*/}
.mediaText { padding: 28px 20px 35px; background: #fffbef; border: 1px solid #d1cdc6; border-top: none;}
.mediaText h2{ transition: all 0.3s; line-height: 1; font-size: 18px; color: #000000; margin: 18px 0 34px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;}
.mediaText p { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
font-size: 15px; line-height: 28px; height: 84px; transition: all 0.3s; color: #707070;}
.meidaList li:hover h2 { color:#b71e23;}
.mediaPic i { position: absolute; width: 70px; height: 70px; left: 50%; top:50%; transition: all 0.5s;
margin-left: -35px; margin-top: -35px;}
.mediaPic i img { display: block; width: 100%;}
.meidaList { margin-top: 58px;}
.meidaList li:hover i { transform: rotate(360deg);}
/*.newSlide ul { background-image: linear-gradient(to right,#f5e8d5,#fdf9ee);}
.newSlide:nth-child(2) ul { background-image: linear-gradient(to right,#fdf9ee,#f5e8d5);}*/
.bottomNews .newSlide {/* float: left; width: 47.6%;*/ width:100%;}
/*.bottomNews .newSlide:nth-child(2) { float: right;}*/
.slideTitle { padding-bottom: 16px; border-bottom: 1px solid #b71e23; margin-bottom: 50px; display: flex; justify-content: space-between; align-items:flex-end;}
.bottomNews { background: url(../images/bg5.jpg) center top no-repeat; background-size: cover; padding: 10px 0 45px;}
.slideTitle img { max-width: 100%; display: block;}
.slideTitle a { font-size: 16px; color: #000000; transition: all 0.3s;}
.newSlide ul { padding: 25px 0px;}

.newSlide li{ overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  line-height: 60px; background: url(../images/lineicons.png) left center no-repeat; padding-left: 23px; transition: all 0.3s; width:48%; float:left; box-sizing: border-box;}
.newSlide li:nth-child(2n) { float: right;}
/*.newSlide li:hover { padding-left: 33px;}*/
.newSlide li a p{ font-size:18px; width: calc(100% - 65px); float:left; overflow:hidden;}
.newSlide li a span { float:right;font-size: 17px;color: #333333; opacity: .55;}
.newSlide li a:hover p { text-indent:10px;color:#b71e23;overflow:hidden; transition: all 0.3s;}


.footer { padding: 210px 0 30px; text-align: center; font-size: 18px; color: #ffffff; line-height: 2; background:#fdf9ee  url(../images/footer.png) center bottom no-repeat;}
.footer a { color: #ffffff;}
.footer a,.footer span { margin: 0 13px;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(230,33,30,.5); z-index: 4;}
.mobHader { display: none;}
.achievList .swiper,.viewSlide .swiper{ padding-bottom: 100px;}
.achievList .swiper-pagination,.viewSlide .swiper-pagination { bottom:10!important;}
.achievList .swiper,.viewSlide .swiper { position: relative;}
.achievList .swiper span,.viewSlide .swiper-pagination span { margin: 0 6px; width: 30px; opacity: .5; height: 32px; background: url(../images/star.png) center no-repeat; background-size: 100% auto; transition: all 0.3s;}
.achievList .swiper span.swiper-pagination-bullet-active,.viewSlide .swiper-pagination span.swiper-pagination-bullet-active  { transform: scale(1.2); opacity: 1;}
@media screen and  (max-width:1280px){
	.nav dl { line-height: 40px; position: static; transform: translate(0); margin: 0; width: 100%;}
	.nav dl dt { line-height: 40px; text-align: left; font-size: 14px; text-indent: 30px;}
	.nav dt a {line-height: 40px; font-size: 14px;}
	.nav li h2 { line-height: 40px; text-indent: 15px; padding: 0; font-size: 16px;}
	.mobHader { background: rgb(161,28,30); display: block; position: fixed; left: 0; top: 0; width: 100%; height: 60px; z-index: 10;box-shadow: 0.00px 0.00px 5px 0px rgba(0, 0, 0, 0.7);}
	.mobHader .menu { display: block; background: url(../images/anniu-bw.png) center no-repeat; width: 24px; height: 22px;
	background-size: 100% auto; position: absolute; right: 4%; top: 19px;}
	body{padding-top: 60px;}
	.homeLogo {left: 10px; top: 10px; width: 100px;position: absolute;}
	.homeLogo img { display: block; width: 100%;}
	.nav { transform: translate(0); background: #9a090c; left: -100%; width: 180px; z-index: 6; height: auto; position: fixed; top: 60px;bottom: 0; background: rgb(161,28,30);}
	.nav li { display: block; text-align: left;}
	.nav ul {max-width: 100%; width: 100%; flex-direction: column;}
	.nav li h2 a { line-height: 40px; display: inline; font-size: 16px;}
	.titPic img { height: 32px;}
	.titPic { background-size: 220% auto!important;}
	.newsPic { float: none; margin: 0 auto; max-width: 100%; height: auto;}
	.newsText { float: none; width: 100%;}
	.news { padding: 30px 0;}
	.newsCont { margin-top:20px;}
	.newsPic .swiper-slide p { font-size: 14px;}
	.newsText { margin-top: 20px; position: relative; z-index: 2;}
	.bigNews h2 { font-size: 16px; margin-bottom: 10px;}
	.bigNews p { font-size: 14px;}
	.newsText li p { font-size: 16px;}
	.newsText li { line-height: 32px;}
	.achievement { padding: 100px 0; margin-top: -60px; background-size: auto 110%!important;}
	.achievList { margin-top: 20px;}
	.achiSlide li { width: 100%; float: none; margin: 0 0 10px;}
	.achievText p { font-size: 16px; line-height: 24px; height: 48px;}
	.achievText { padding: 20px 10px;}
	.viewShow { padding: 0 0 20px;}
	.viewConts { flex-direction: column;}
	.viewSlide li { float: none; width: 100%; margin: 0 0 10px;}
	.viewPic { width: 100%;}
	.viewText p { margin-bottom: 10px;}
	.viewText h2 { height: auto; margin-bottom: 10px; font-size: 16px; line-height: 24px;}
	.viewList { margin-top: 20px;}
	.achievChose { margin-top: 30px;}
	.media { padding: 30px 50px;}
	.meidaList { margin-top: 20px;}
	.meidaList li { float: none; max-width: 100%; margin: 0 auto 10px; width: 100%;}
	.mediaText h2 { margin: 10px 0;}
	.bottomNews { padding: 30px 0;}
	.bottomNews .newSlide { float: none; width: 100%; margin-bottom: 20px;}
	.slideTitle { margin-bottom: 20px;}
	.newSlide li { font-size: 16px; line-height: 52px;width: 100%;}
	.newSlide li a { font-size: 16px;}
	/*.newSlide ul { padding:20px;}*/
	.logo { display: none;}
	.mobHader { display: block;}
}


.more-container {
    display: flex;
    justify-content: end;
    margin-top:15px;
}

.more-container a {
    display: block;
    padding: 5px 24px;
    border: 1px solid #000;
}

.more-container a:hover {
border-color:red;
}

.achievement .more-container a{
color:#fff;
border-color:#fff;
}



@media screen and  (max-width:780px){
.footer { background: rgb(161,28,30); font-size: 12px; padding: 10px;}
	.footer a,.footer span { display: block; line-height: 1.5;}
	.achievList .swiper, .viewSlide .swiper { padding-bottom: 60px;}
	.media { padding: 30px 0;}
	.media .swiper-button-next { right: 10px;}
	.media .swiper-button-prev { left: 10px;}
	
	.slideTitle img {max-width: 80%;}
}