@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%;}
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;}
/* CSS Document */
.banner img { display: block; width: 100%;}
.topSwiper { width: 1113px; margin: 0 auto; max-width: 92%;}
.count-1 { background: url(../images/4_02.jpg) center no-repeat; padding: 45px 0; background-size: cover;}
.topSwiper img { display: block; width: 100%;}
.topSwiper .swiper-slide { border-radius: 8px; overflow:hidden; position: relative;}
.topSwiper p {overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  z-index: 2; position: absolute; bottom: 0; box-sizing: border-box; padding: 0 180px 0 25px; background: rgba(38,5,3,.77); width: 100%; line-height: 69px; font-size: 18px; color: #ffffff;}
.topSwiper .swiper-pagination { text-align: right; bottom: 23px!important; width: auto!important; left: auto; right: 35px;}
.topSwiper .swiper-pagination span {background: #FFFFFF; width: 10px; height: 10px;}
.topSwiper img { display: block; width: 100%; border-radius: 8px;}
.topPic span { background: url(../images/playBtn.png) center no-repeat; width: 56px; height: 65px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.topNews::after { content: ''; clear: both; display: block; height: 0;}
.topNews { width: 1113px; margin: 40px auto 0; max-width: 92%;}
.topPic { float: left; width: 510px; height: 283px; overflow: hidden; border-radius: 8px; position: relative;}
.topPic img { display: block; width: 100%; height: 100%; object-fit: cover;}
.topList { margin-top: 12px; float: right; width: calc(100% - 535px);}
.topList li {overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  position: relative; padding-left: 20px; border-bottom: 1px solid #e4e4e4; line-height: 60px; font-size: 20px;}
.topList li a { transition: all .5s; color: #333333;}
.topList li:hover a { color: #0a7590;}
.topList li::after { content: ''; background: #0a7590; width: 5px; height: 5px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.star { background: url(../images/4_04.jpg) center no-repeat; background-size: cover; padding: 55px 0 70px;}
.titCell img { display: block; margin: 0 auto; height: 108px;}
.starBig { background: url(../images/1_16.png) center no-repeat; margin: 50px auto; max-width: 92%; width: 1117px; padding: 40px 65px;}
.starCont { border-radius: 8px; overflow: hidden; position: relative; height: 545px;}
.starCont img { display: block; width: 100%; height: 100%; object-fit: cover;}
.starCont p { color: #ffffff; padding: 0 26px; line-height: 64px; position: absolute; font-size: 23px; box-sizing: border-box; width: 100%; left: 0; bottom: 0; background: rgba(189,20,29,.8);}
.bigSlide img { display: block; width: 100%;}
.sCont { position: relative; border-radius: 8px; overflow: hidden;}
.sCont p { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  background: rgba(0,0,0,0.8); text-align: center; line-height: 64px; position: absolute; bottom: 0; left: 0; box-sizing: border-box; width: 100%; font-size: 14px; color: #ffffff;}
.bigSlide .swiper-button-next { top: 50%; margin-top: -47px; border-radius: 6px;right: 30px; background: url(../images/snext.jpg) center no-repeat; width: 55px; height: 94px;}
.bigSlide .swiper-button-prev { top: 50%; margin-top: -47px; border-radius: 6px; left: 30px;  background: url(../images/sprev.jpg) center no-repeat; width: 55px; height: 94px;}
.bigSlide { position: relative; padding:0 122px;}
.bigSlide .swiper { width: 100%;}
.bigSlide .swiper-button-prev::after,.bigSlide .swiper-button-next::after { display: none;}
.mode { padding: 50px 0 60px;}
.modeDesc { max-width: 92%; width: 1015px; font-size: 18px; color: #333333; line-height: 2; margin: 36px auto 42px;}
/* 本例子css */
.picMarquee-left{ width:100%;  overflow:hidden; position:relative; }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 10px; width:26vw ; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li img{ border-radius:8px; width:100%; display:block; }
.activeCont { background: #b7492c; padding: 60px 0 70px;}
.activeDesc { margin: 40px auto; line-height: 2; font-size: 18px; color: #FFFFFF; width: 1060px; max-width: 92%;}
.enterCount { padding: 55px 0;}
.sugText h2 { line-height: 2; text-align: center; font-size: 24px; color: #2b808f;}
.suggessList { width: 1477px; max-width:92%; margin: 0 auto;}
.sugText p { font-size: 18px; color: #666666; line-height: 2;}
.sugText p span { color: #2b7d8a;}
.sugText { padding: 28px 38px; background: #f9f9f9;}
.suggessList .swiper-button-next { top: 50%; margin-top: -47px; border-radius: 6px;right:-120px; background: url(../images/enext.png) center no-repeat; width: 59px; height: 122px;}
.suggessList .swiper-button-prev { top: 50%; margin-top: -47px; border-radius: 6px; left: -120px;  background: url(../images/eprev.png) center no-repeat; width: 59px; height: 122px;}
.suggessList { position: relative; margin: 55px auto 0;}
.suggessImg img { display: block; width: 100%; height: 303px; object-fit: cover;}
.suggessList .swiper-button-next::after,.suggessList .swiper-button-prev::after { display: none;}
.suggessList .swiper-slide { display: flex; height: auto; background: #f9f9f9; border-radius: 10px; overflow: hidden;}
.videoCont { padding: 55px 0 65px; background: #fef3e6;}
.videoList ul { margin: 55px auto 0; width: 1860px; max-width: 92%; overflow: hidden;}
.videoList li { float: left; width:23.5%; margin-right: 2%;}
.videoList li img { display: block; width: 100%;}
.videoList li:nth-child(4n) { margin-right: 0;}
.introduce { padding: 50px 0 60px;}
.descCont { max-width: 92%; padding: 46px 70px 0; margin: 55px auto 0; background: url(../images/1_64.png) center no-repeat; width: 1117px; height: 880px; background-size: 100% 100%;}
.descCont video { width: 100%; height: 540px; object-fit: cover; display: block; margin: 0 auto;}
.descTxt { font-size: 18px; line-height: 2; color: #333333; margin-top: 22px;}
.descInfor {max-width: 92%; border-radius: 8px; background: #ca9a80; overflow: hidden; padding: 30px; width: 1074px; margin: 44px auto 0;}
.descPic { float: left; width: 370px; border-radius: 8px; overflow: hidden;}
.descPic img { display: block; width: 100%;}
.descArt { margin-top: 12px; float: right; width: calc(100% - 400px); font-size: 18px; color: #FFFFFF; line-height: 2;}
.frLink ul { max-width: 92%; width: 1117px; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.frLink { background: #f6f6f6; padding: 30px 0;}
.frLink li { padding-left: 110px; border-right: 1px solid #dddddd; flex: 1;}
.frLink li h2 { line-height: 2; font-weight: bold; font-size: 20px; color: #333333;}
.frLink li p a{ color: #666666; font-size: 20px; line-height: 2;}
.frLink li:last-child {border: none;}
.footer { background: #257388; padding: 60px 0;}
.footer img { display: block; margin: 0 auto; max-width: 92%;}
.articlePage { padding: 32px 0 5.2vw; width: 1114px; margin: 0 auto; max-width: 92%;}
.articlePage h2 { text-align: center; font-size: 32px; color: #333333; line-height:2;}
.articlePage video { display: block; width: 100%;}
.articleTitle p {text-align: center; line-height:2;}
.articleTitle p span { font-size: 20px; color: #999999; margin: 0 10px;}
.articleTitle { padding: 32px 0;}
.picDesc { text-align: center;}
.picDesc h3 { font-size: 20px; color: #2781be; line-height: 2;}
/*.articleCont p { text-indent: 40px; font-size: 20px; line-height: 2; color: #666666; margin-bottom: 40px;}*/
.articleCont img { max-width: 100%; display: block; margin: 0 auto 40px;}
@media screen and  (max-width:1720px){ 
	.suggessList .swiper-button-next { right: -50px; width: 30px; height: 62px; background-size: 100% auto!important;}
	.suggessList .swiper-button-prev { left: -50px; width: 30px; height: 62px; background-size: 100% auto!important;}
	.articleTitle { padding: 20px 0;}
}
@media screen and  (max-width:1280px){
	.articlePage {min-height: 77vh; padding: 10px 0;}
	.articlePage h2 { font-size: 16px; line-height: 1.5;}
	.articleTitle p span { font-size: 12px; margin: 0 5px;}
	/*.articleCont p { font-size: 14px; margin-bottom:14px; line-height: 2; text-indent: 28px;}*/
	.articleCont img { margin: 0 auto 14px;}
	.picDesc h3 { font-size: 14px; line-height: 1.5;}
	.frLink li { padding-left: 5vw;}
	.descCont video { height: auto;}
	.topPic { float: none; width: 100%; height: auto;}
	.count-1 { padding: 20px 0;}
	.topSwiper p { font-size: 13px; padding-right:80px;padding-left: 10px; line-height: 34px;}
	.topSwiper .swiper-pagination { right: 0; bottom: 8px!important;}
	.topSwiper .swiper-pagination span { margin: 0 3px!important; width: 6px; height: 6px;}
	.topPic span { width: 28px; height: 32px; background-size: 100% auto;}
	.topList { float: none; width: 100%;}
	.topList li { font-size: 14px; line-height: 32px;}
	.titCell img { height: 40px;}
	.star { padding:40px 0;}
	.starBig { margin: 20px auto; padding: 10px 20px; background-size: 100% 100%!important;}
	.starCont { height: auto;}
	.starCont p { font-size: 14px; line-height: 32px; padding-left: 10px;}
	.modeDesc,.activeDesc { font-size: 14px; line-height: 2; margin: 20px auto;}
	.picMarquee-left .bd ul li { margin: 0 5px;}
	.mode,.activeCont { padding: 40px 0;}
	.suggessList .swiper-button-next { right: 4%;}
	.suggessList .swiper-button-prev { left: 4%;}
	.enterCount { padding: 40px 0;}
	.suggessList { margin: 20px auto 0;}
	.suggessImg img { height: auto;}
	.sugText h2 { font-size: 16px;}
	.sugText p { font-size: 14px;}
	.videoCont,.introduce { padding: 30px 0;}
	.videoList ul,.descCont { margin: 20px auto;}
}

@media screen and  (max-width:780px){
	.frLink li h2 { font-size: 16px;}
	.frLink li p a { font-size: 16px;}
	.frLink li {padding: 0; margin-bottom: 10px; display: block; border: none;}
	.sugText { padding: 20px;}
	.frLink ul { display: block;}
	.footer { padding: 20px 0;}
	.descInfor { padding:10px; margin: 20px auto 0;}
	.descPic { float: none; width: 100%;}
	.descArt { float: none; width: 100%; font-size: 14px; line-height: 1.5;}
	.videoList li { height: 185px; overflow: hidden; width: 49%; margin: 0 0 2%;}
	.videoList li:nth-child(2n) { float: right;}
	.videoList li img { width: 100%; height: 100%; object-fit: cover;}
	.bigSlide { padding: 0 50px;}
	.sCont p { line-height: 28px; font-size: 12px;}
	.bigSlide .swiper-button-prev { width: 28px; height: 47px; background-size: 100% auto!important; margin-top: -23.5px; left:10px;}
	.bigSlide .swiper-button-next { width: 28px; height: 47px; background-size: 100% auto!important; margin-top: -23.5px; right:10px;}
	.descCont { height: auto; padding: 30px;}
	.descTxt { font-size: 14px; line-height: 1.5;}
}