@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;}
/* css document */
.banner { position: relative;}
.banner>img { display: block; width: 100%;}
.banner a.logo { position: absolute; left: 3.125vw; top: 3.125vw;}
.bannertext { position: absolute; left: 0; width: 100%; text-align: center; top: 4.29vw;} 
.bannertexts { transform: translatey(60px); transition: all 1s; opacity: 0; transition-delay: 0.3s; visibility: hidden; display: block; margin: 0 auto; width: 60.9%;}
.bannericon { transform: translatey(60px); transition: all 1s; opacity: 0; visibility: hidden; width: 5.947%; margin: 0 auto 0.5vw;}
.banner.act .bannertexts,.banner.act .bannericon { transform: translatey(0); visibility: visible; opacity: 1;}
.nav { width: 1460px; max-width: 92%; left: 50%; transform: translatex(-50%); position: absolute; bottom: 0; background: #9a090c; z-index:9999;}
.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; z-index:99999;}
.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:  right top no-repeat; background-size: cover; padding: 4vw 0;}
.titlecell { text-align: center;}
.titpic { background:  center bottom no-repeat; 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:  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:  center no-repeat; padding: 170px 0 120px; background-size: cover;}
.titlecell.titother .titpic { background:  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 span { 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 47px;}
.achievtext::after { content: ''; position: absolute; left: 12px; bottom: 0; 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:  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:  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:  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: 30px; line-height:21px; font-size: 14px; color: #b6000a; display: block; background:  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);}
.bottomnews .newslide { float: left; width: 47.6%;}
.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:  center top no-repeat; background-size: cover; padding: 122px 0 45px;}
.slidetitle img { max-width: 80%; display: block;}
.newslide ul { padding: 25px 35px;}
.newslide li { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  line-height: 60px; background:  left center no-repeat; padding-left: 23px; transition: all 0.3s;}
.newslide li:hover { padding-left: 33px;}
.newslide li a { font-size: 18px; color: #000000; transition: all 0.3s;}
.newslide li:hover a { color: #b6000a;}
.footer { padding: 210px 0 30px; text-align: center; font-size: 18px; color: #ffffff; line-height: 2; background:#fdf9ee   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:  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:  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: 32px;}
	.newslide li a { font-size: 16px;}
	.newslide ul { padding:20px;}
	.logo { display: none;}
	.mobhader { display: block;}
}

@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;}
}