@charset "utf-8";
/*通用样式*/
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:#fffaf3; font:normal 12px/22px "微软雅黑";}
img{ border:0;}
a{ text-decoration:none; color:#000;}
a:hover{ color:red;}
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both;}
div { box-sizing:border-box;}
@font-face {
	font-family:font1;
src: url(font.otf)}
/* CSS Document */
.header { background: url(../images/header.png) center no-repeat #fef7ef; height: 120px;}
.headerCont { width: 1460px; margin: 0 auto; max-width: 92%;}
.logo { margin-top: 23px; float: left; display: block; height: 79px;}
.logo img { display: block; height: 100%;}
.headerCont a.backHome { margin-top: 44px; float: right; display: block; font-size: 16px; color: #710701; line-height: 30px; border: 1px solid #870801; border-radius: 30px;
background: url(../images/homeicon.png) 13px center no-repeat; padding: 0 18px 0 42px;}
.nav { height: 55px; background: #9c0713;}
.nav ul { width: 1520px; margin: 0 auto; max-width: 92%;}
.nav li { float: left; width: 14.285%; line-height: 55px; text-align: center; position: relative;}
.nav li h2 { height: 55px;}

.trendsImg .swiper {width:100%; height:100%;}


.nav li h2 a { color: #ffffff; font-size: 18px;}
.nav dl {position: absolute;
    left: 50%;
    top: 135%;
    width: 160px;
	margin-left: -80px;
    border-radius: 2px;
    border: 1px solid #9c0713;
    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
    background: #9c0713;
    opacity: 0;
    visibility: hidden;
    border-radius:0 0 5px 5px;
    transition: opacity .4s ease, top .45s ease; font-size: 16px; overflow: hidden;line-height:46px;}

.nav ul li:hover dl {
    top: 55px;
    opacity: 1;
    visibility: visible;
    z-index: 100;}
.nav ul li:hover dl dt {  transition: all .5s;}
.nav ul li:hover dl dt a { color: #ffffff; transition: all .5s;}
.nav ul li:hover dl dt:hover { background:#ffffff ;}
.nav ul li:hover dl dt:hover a { color:#9c0713 ;}
.banner { position: relative; overflow: hidden;}
.banner img { display: block; width: 100%;}
.banner span.swiper-pagination-bullet-active { background:#9c0713 ;}
.container { width: 1460px; max-width: 92%; margin: 0 auto; position: relative; z-index: 2;}
.trends { padding: 55px 0;}
.titleCell { line-height: 68px; background: url(../images/titbg.png) left bottom no-repeat;}
.titleCell::after,.trendsCont::after { content: ''; clear: both; display: block; height: 0;}
.titleCell p { margin-right: 19px; float: left; font-size: 36px; color: #000000;}
.titleCell img { float: left; margin-top: 25px;}
.titleCell a { float: right; font-size: 16px; color: #080808; background: url(../images/moreicon.png) left center no-repeat; padding-left: 26px;}
.trendsImg { position: relative; overflow: hidden; float: left; width: 710px; height: 426px;}
.trendsImg .swiper-slide { width: 100%; height: 100%; position: relative;}
.trendsImg img { display: block; width: 100%; height: 100%; object-fit: cover;}
.trendsImg p { padding-left: 23px; box-sizing: border-box;padding-right: 100px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; line-height: 56px; font-size: 22px; position: absolute; left: 0; bottom: 0; background: #9e0207; color: #ffffff; width: 100%;}
.trendsImg .swiper-pagination { bottom: 15px; left: auto; right: 18px; width: auto;}
.trendsImg .swiper-pagination span { width: 11px; height: 11px; opacity: 1; background: #ffffff;}
.trendsImg .swiper-pagination span.swiper-pagination-bullet-active { background: #ffd200;}
.trendsCont { margin-top: 29px;}
.trendsTop h2 { margin-bottom: 15px; font-size: 30px; line-height: 1; color: #000000; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.trendsTop p {overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; color: #000000; opacity: .77; font-size: 16px; line-height: 28px;}
.trendsTop { padding-bottom: 15px; border-bottom: 1px solid #e6d1a4;}
.trendsTxt { float: right; width: calc(100% - 750px);}
.trendsTxt ul { margin-top: 11px;}
.trendsTxt li { padding-left: 20px; line-height: 43px; position: relative; overflow: hidden;}
.trendsTxt li p { overflow: hidden; white-space:nowrap; text-overflow: ellipsis; transition: all .5s; float: left; box-sizing: border-box; width: calc(100% - 50px); font-size: 17px; color: #000000;}
.trendsTxt li span { float: right; color: #42403e; opacity: .64; font-size: 16px;}
.trendsTxt li::after { content: ''; transition: all .5s; position: absolute; width: 6px; height: 6px; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%); background: #e6d1a4;}
.trendsTxt li:hover p { padding-left: 15px; color: #9e0f05;}
.trendsTxt li:hover::after { background:#9e0f05 ;}
.noticeTit { position: relative; background: url(../images/morebg.png) right top no-repeat; padding-right: 35px; float: left;writing-mode: vertical-rl;writing-mode: tb-rl; font-size: 36px; color: #000000;}
.noticeTit img { display: none;}
.noticeTit .more { position: absolute; left:33px; top: 143px; background: url(../images/moreicon.png) center top no-repeat; padding-top: 10px; font-size: 16px; color: #080808; width:20px;
display: inline-block;word-break: break-all; height:100px; text-align: center; letter-spacing: 2px;}
.notice ul { float: right; width: calc(100% - 85px);}
.notice li { padding: 20px; box-sizing: border-box; background: #ffffff; box-shadow:0 0 10px rgba(0,0,0,0.2); float: left; width: 32.2%; margin-right: 1.7%; overflow: hidden; margin-bottom: 21px; padding-bottom: 21px;}
.notice li:nth-child(3n) { margin-right: 0;}
.notice li:last-child { margin-bottom: 0;}
.newsDate { transition: all .5s; padding-top: 12px; float: left; width: 59px; height: 68px; text-align: center; background: #f2e4c8;}
.newsDate p { font-size: 24px; color: #ab0007; transition: all .5s; line-height: 1;}
.newsDate span { transition: all .5s; font-size: 12px; line-height: 1; color: #ab0007;}
.newsInfor {overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; padding-top: 5px; line-height: 28px; float: right; width: calc(100% - 78px); font-size: 17px; color: #1d1d1d;}
.notice li:hover .newsDate { background: #9e0207;}
.notice li:hover .newsDate p,.notice li:hover .newsDate  span { color:#ffffff ;}
.videoCont { background: #f4f1ec; padding: 62px 0 86px;}

.messagesx {    display: none;  }


.pulse-animation { width:74px; height:74px; text-align:center; border:0px solid #fff; z-index:1; position:absolute;}

.pulse-animation,
.pulse-animation:before,
.pulse-animation:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 66px;
  width: 66px;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -khtml-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: pulse-animation 3s infinite;
  -khtml-animation: pulse-animation 3s infinite;
  -moz-animation: pulse-animation 3s infinite;
  -ms-animation: pulse-animation 3s infinite;
  -o-animation: pulse-animation 3s infinite;
  animation: pulse-animation 3s infinite;}

.pulse-animation:before {
  -webkit-animation-delay: 0.9s;
  -khtml-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;}

.pulse-animation:after {
  -webkit-animation-delay: 0.6s;
  -khtml-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;}

@-webkit-keyframes pulse-animation {
  70% {
    -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -khtml-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);}
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -khtml-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
@keyframes pulse-animation {
  70% {
    -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -khtml-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);}
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -khtml-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
.leftVideo { position: relative; float: left; width:467px; height: 331px; overflow: hidden;}
.leftVideo img { transition: all .5s; display: block; width: 100%; height: 100%; object-fit: cover;}
.leftVideo p { position: absolute;overflow: hidden; white-space:nowrap; text-overflow: ellipsis; padding: 0 32px; font-size: 22px; left: 0; bottom: 24px; box-sizing: border-box; color: #ffffff; line-height: 1;}
.videoBar { margin-top: 38px; }
.leftVideo:hover img { transform: scale(1.2);}
.leftVideo span { cursor: pointer; width: 105px; height: 105px; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(../images/video_icon.png) center no-repeat;
z-index: 2;}

/*.videoBar ul { float: right; width: calc(100% - 750px);}
.videoBar li { height: 235px; overflow: hidden; margin-bottom: 20px; position: relative;}
.videoBar li img { transition: all .5s; width: 100%; height: 100%; object-fit: cover;}
.videoBar li:hover img { transform: scale(1.2);}
.videoBar li p { z-index: 2; position: absolute; left: 0; bottom: 0; font-size: 16px; color: #ffffff; line-height: 40px; background: rgba(0,0,0,.63); padding: 0 25px;
box-sizing: border-box;overflow: hidden; white-space:nowrap; text-overflow: ellipsis; width: 100%;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.videoBar li span { z-index: 2; position: absolute; top: 15px; right: 15px; font-size: 22px; color: #ffffff; background: #a91e24; line-height: 38px; padding: 0 13px;}*/



.yingxiang {float: left; width:467px; height: 331px; overflow: hidden;margin-left:28px; position:relative;}
.yingxiang li { }
.yingxiang li img { transition: all .5s; width: 100%; height: 100%; object-fit: cover;}
.yingxiang li:hover img { transform: scale(1.2);}
.yingxiang li p { z-index: 2; position: absolute; left: 0; bottom:24px; font-size: 22px; color: #ffffff;  padding: 0 32px;
box-sizing: border-box;overflow: hidden; white-space:nowrap; text-overflow: ellipsis; width: 100%;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.yingxiang li span { z-index: 2; position: absolute; top: 15px; right: 15px; font-size: 22px; color: #ffffff; background: #a91e24; line-height: 38px; padding: 0 13px;}




.heying {float: right; width:467px; height: 331px; overflow: hidden; position:relative;}
.heying li { }
.heying li img { transition: all .5s; width: 100%; height: 100%; object-fit: cover;}
.heying li:hover img { transform: scale(1.2);}
.heying li p {  z-index: 2; position: absolute; left: 0; bottom:24px; font-size: 22px; color: #ffffff;  padding: 0 32px;
box-sizing: border-box;overflow: hidden; white-space:nowrap; text-overflow: ellipsis; width: 100%;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.heying li span { z-index: 2; position: absolute; top: 15px; right: 15px; font-size: 22px; color: #ffffff; background: #a91e24; line-height: 38px; padding: 0 13px;}



.growUp { position: relative; background: #ece0d5; padding: 50px 0 70px; margin-top:100px;}
.growBuild { position: absolute; width: 14.1vw; right: 0; top:0; margin-top: -5.2vw;}
.growBuild img { display: block; width: 100%;}
.growUp::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 290px; background: #ece0d5;}
.growYear { overflow: hidden; position: relative; z-index: 2;}
.growInfor {overflow: hidden;}
.growSwiper .swiper-slide { background: url(../images/buildbg.jpg) right bottom no-repeat #fffaf3;}
.growImg { float: left; width: 730px; height: 434px; overflow: hidden;}
.growImg img { display: block; width: 100%; height: 100%; object-fit: cover;}
.growTxt { float: right; width: calc(100% - 730px); padding: 32px 52px 0;}
.growTxt span { background: #ab0007; font-weight: bold; display: inline-block; color: #ffffff; font-size: 22px; line-height: 45px; padding: 0 23px; border-radius: 45px;}
.growSwiper .swiper {overflow: hidden;}
.growTxt h2 { font-size: 26px; color: #000000; background: url(../images/tittag.png) left center no-repeat; padding-left: 24px;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;
margin: 20px 0 40px; line-height: 1;}
.growTxt p {overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:6;-webkit-box-orient: vertical; font-size: 17px; line-height: 36px; color: #2e2e2e;}
.growSwiper { margin-top: 45px; position: relative;}
.growYear { overflow: hidden; position: relative; margin-top: 60px;}
.growYear::after { content: ''; clear: both; display: block; height: 0;}
.growYear::before { content: ''; position: absolute; left: 0; top: 17px; height: 3px; background: #9e0d14; right: 0;}
.yearCont { padding-top:10px;}
.growYear .swiper-slide { cursor: pointer;  text-align: center;}
.growYear span { position: relative; display: block; width: 16px; height: 16px; margin: 0 auto; box-sizing: border-box; border: 3px solid #9e0d14; border-radius: 50%; background: #ece0d5;}
.growYear .swiper-slide.cur span { background: #9e0d14;}
.growYear .swiper-slide.cur span::after { content: ''; width: 26px; height: 26px; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: rgba(158,13,20,.25);}
.growYear .swiper-slide p { font-size: 18px; color: #9e0d14; line-height: 1; margin-top: 25px;}
.growYear .swiper-slide.cur p { font-size: 20px;}
.growSwiper .swiper-button-prev { background: url(../images/prev.png) center no-repeat; left:-80px; width: 34px; height: 34px; background-size: 100% auto;}
.growSwiper .swiper-button-next { left: auto; right: -80px; background: url(../images/next.png) center no-repeat; width: 34px; height: 34px; background-size: 100% auto;}
.congInfor { position: relative; display: flex;}
.congTit { position: relative; background: url(../images/morebg.png) right top no-repeat; padding-right: 35px; float: left;writing-mode: vertical-rl;writing-mode: tb-rl; font-size: 36px; color: #000000;}
#part8_lb{background: url(../images/art.png) no-repeat;     width: 1400px;
    padding: 4% 22% 0 10%;
    margin-right: -87%;height: 565px; background-size: 100% 100%;}

#part8_lb .bd{width: 100%;}
#part8_lb .bd ul{width: 100%;}
#part8_lb .bd ul li{  width: 20%;height: 370px; text-align: center; float:left;}
#part8_lb .bd ul li p{ display: inline-block; text-align: left; writing-mode: vertical-rl;writing-mode: tb-rl;position: relative;top: 0;display: inline-block;}
#part8_lb .bd ul li p.bt{ margin-right:10px; height: 100%;font-size: 28px;line-height: 30px;color: #333333;padding-left: 0;font-family: "font1";}
#part8_lb .bd ul li p.bt span { font-family: 'font1';}
#part8_lb .bd ul li p.zf{ width: 80px; height: 100%;font-size: 22px;line-height: 28px;color: #666666;max-width: 120px;overflow: hidden;font-family: 'font1';justify-content:center;flex-direction:column;text-align:justify;}
.congTit { margin-right: 90px;}
.congratulate { padding: 90px 0 40px;}
.congTit .msgBtn { transition: all .5s; position: absolute; font-size: 26px; color: #c02a37; left: 20px; top:355px; line-height: 1.85; box-sizing: border-box; padding-top: 17px; display: block; background: url(../images/img6.png) center no-repeat; width: 47px; height: 138px;}
.congTit .msgBtn:hover { background: url(../images/img5.png) center no-repeat; color: #ffffff;}
.congTit::after { content: ''; position: absolute; left:41px; top: 149px; width: 1px; height: 206px; background: #dac38f;}
.donate { background: url(../images/jzbg.jpg) center no-repeat; background-size: cover; padding: 80px 0;}
.donateCont {background: rgba(228,47,55,.62); padding: 47px 52px 0 43px;}
.donate img:nth-child(1) { float: left;}
.donate img:nth-child(2) { margin-top: 14px; margin-left: 40px; float: left;}
.scanBox { float: right;}
.donateTxt { margin-right: 30px; text-align: right; float: right;}
.donateTxt h2 { margin-top: 45px; line-height: 1; margin-bottom: 24px; font-weight: bold; font-size: 34px; color: #ffffff;}
.donateTxt a{ display: inline-block; text-align: left; text-indent: 21px; width: 279px; line-height: 51px; font-size: 24px; color: #ffffff; background: #d1ab7a;}
.donateTxt a span { display: inline-block; background: url(../images/enter.png) center no-repeat; width: 35px; height: 37px; margin-left: 18px; vertical-align: -10px;}
.scanBox p { font-size: 17px; color: #ffffff; text-align: center; line-height: 48px;}
.footer{padding: 53px 0 51px; background: #920005;}
.footer .footLogo{float: left; width: 479px; margin-right: 82px;}
.footer .footLogo img{display: block; width: 100%;}
.footer .banQuan{float: left; color: #ffffff;margin-top: 5px;}
.footer .banQuan p{font-size: 16px; line-height: 36px;}
.footer .banQuan p span{margin-left: 50px;}
.footer .ewm{float: right; overflow: hidden;}
.footer .ewm p{float: right; width: 40px; padding: 9px 10px; font-size: 15px; color: #ffffff; text-align: center; background: #aa6440; box-sizing: border-box;
line-height: 1.1; height: 100px;}
.footer .ewm img{display: block; width: 100px; float: left;}
#screen { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 15; display: none;}
.growYear .swiper-notification { display: none;}

@media screen and (max-width: 1650px) {
	#part8_lb { width: calc(100% - 147px);}
}
@media screen and (max-width: 1580px) {
	.growSwiper .swiper-button-next { right: 20px;}
	.growSwiper .swiper-button-prev { left: 20px;}
	#part8_lb .bd ul li p.bt { margin-right: 0;}
	#part8_lb .bd ul li p.zf { font-size: 18px; line-height: 26px;}	
	
	.leftVideo { width:32%;}
	.yingxiang {width:32%; margin-left:2%;}
	.heying {width:32%;}
	
	.yingxiang li {height: 331px;}
	.heying li {height: 331px;}
	
	.trendsImg { width: 49%;}
	.trendsTxt { width: 49%;}
	.growImg { width: 49%;}
	.growTxt { width: 49%;}
	.trendsImg .swiper { height: 100%;}
	#part8_lb {padding: 4% 16% 0 10%;}
	.donate img:nth-child(1) { height: 140px;}
	.donate img:nth-child(2) { height: 120px;}
	.donateTxt h2 { margin-top: 30px; font-size: 28px;}
	.footer .footLogo { width: 309px; margin-top: 15px; margin-right:42px;}
}
@media screen and (max-width: 1280px) {
	
	.yingxiang {margin-left: 0; width:100%; height:auto;}
	.heying {width:100%; height:auto;}
	
	.yingxiang li p { font-size:16px;bottom:34px;}
	.heying li p { font-size:16px; bottom:34px;}
	
	.trends { padding: 25px 0;}
	.congTit { margin-right: 10px; font-size: 20px;}
	#part8_lb { width: calc(100% - 67px);}
	.tempWrap { width: 100%!important;}
	#part8_lb .bd ul li p.zf { width: auto; font-size: 14px;}
	.congTit .msgBtn { zoom: .6; top: 255px; left: 45px;}
	.congTit::after { display: none;}
	.congratulate { padding: 25px 0;}
	.donateCont img { float: none!important; display: block; margin: 0 auto 10px!important;}
	.donateTxt { text-align: center; float: none; margin: 0 auto;}
	.scanBox { float: none;}
	.donateTxt h2 { margin: 0 0 10px; font-size:20px;}
	.donateCont { padding: 20px;}
	.footer .footLogo { float: none; max-width: 100%; margin: 0 auto;}
	.footer .banQuan { margin: 15px 0; float: none;}
	.footer .banQuan p {line-height: 1.8; font-size:13px; text-align:center;}
	.footer { padding: 20px 0;}
	.footer .ewm { float: left;}
	.donateTxt a { font-size: 16px; text-align: center; text-indent: 0;}
	#part8_lb .bd ul li p.bt { font-size: 16px;}
	#part8_lb { height: 265px; background:url(../images/art_wap.png) no-repeat;}
	#part8_lb .bd ul li { width: 100%; height: 200px;}
	.videoBar li span { font-size: 14px; line-height: 2;}
	.growUp { padding: 20px 0;}
	.growSwiper { margin-top: 20px;}
	.growImg { width: 710px; height: auto; max-width: 100%; margin: 0 auto; float: none;}
	.growYear li p { margin-top: 15px; font-size: 14px;}
	.growYear ul { margin-top: 30px;}
	.growYear li.cur p { font-size: 16px;}
	.growTxt { float: none; width: 710px; max-width: 100%; height: auto; padding: 20px;}
	.growTxt h2 { margin-bottom: 10px; font-size: 18px; background-size: auto 100%;}
	.growTxt p { font-size: 16px; line-height: 1.5;}
	.growTxt span { font-size: 16px; line-height: 2.5;}
	.videoCont { padding: 20px 0;}
	.videoBar { margin-top: 20px;}
	.leftVideo { float: none; margin: 0 auto; width:100%; margin-bottom: 10px; max-width: 100%;}
	.leftVideo p { font-size: 16px;}
	.videoBar ul { float: none; width: 710px; max-width: 100%;}
	.videoBar li { height: auto; margin-bottom: 10px;}
	.trendsCont { margin-top: 20px;}
	.noticeTit { font-size: 20px;}
	.noticeTit .more { top: 80px;}
	.notice li { float: none; width: 100%; padding: 10px;}
	.newsInfor { font-size: 16px;}
	.titleCell p { font-size: 20px;}
	.titleCell { background-size: auto 27%; line-height: 40px;}
	.titleCell img { margin-top: 10px;}
	body {padding-top: 60px;}
	.trendsImg p { font-size: 14px; line-height: 32px;}
	.trendsImg .swiper-pagination span { width: 6px; height: 6px;}
	.trendsImg .swiper-pagination {bottom: 7px;}
	.trendsTop h2 { font-size: 18px;}
	.headerCont a.backHome { display: none;}
	.banner { height: 180px;}
	.banner img {height: 100%; object-fit: cover;}
	.banner .swiper { height: 100%;}
	.trendsImg { height: auto; float: none; max-width: 100%; margin: 0 auto 20px;}
	.trendsTxt { float: none; width: 710px; max-width: 100%; margin: 0 auto;}
	.header { z-index: 20; position: fixed; left: 0; top: 0; width: 100%; height: 60px;box-shadow: 0 0 20px rgba(0,0,0,0.3);}
	.menu{ width: 28px; height: 24px; transition: 0.5s; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
	.menu span{ display: block;transition: 0.5s; width: 100%; height: 3px; border-radius:2px; background: #9c0713; position: absolute;}
	.menu span:nth-child(1){ top:0 ;}
	.menu span:nth-child(2){ top: 50%; transform: translateY(-50%);}
	.menu span:nth-child(3){ bottom: 0;}
	.menu.on{ transform: translateY(-50%) rotate(180deg);}
	.menu.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(45deg);}
	.menu.on span:nth-child(2){ width: 0;}
	.menu.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(-45deg);}
	.logo { margin-top: 17px; height:26px;}
	.nav ul { width: 100%;}
	.nav { height: auto; z-index: 30; position: fixed; left: -100%; top: 60px; width: 100%;}
	.nav li { width: 100%; float: none;}
	.nav dl { display: none; box-shadow: none; position: static; margin: 0; width: 100%;}
	.nav li:hover dl { display: block;}
	.nav ul li:hover dl dt a { font-size: 16px;}
}
@media screen and (max-width:780px) {
	.noticeTit img { display: inline-block; margin-top: 10px; margin-left: 25px;}
	.noticeTit { margin-bottom: 20px; padding-right: 0; float: none; writing-mode: lr;background: url(../images/titbg.png) left bottom no-repeat; line-height: 40px;background-size: auto 27%;}
	.noticeTit .more {float: right; font-size: 16px; color: #080808; background: url(../images/moreicon.png) left center no-repeat; padding-left: 26px; position: static; width: auto; height: auto;padding-top: 0;}
	.notice ul { float: none; width: 100%;}
	.notice li { margin-bottom: 10px;}
	.growTxt span { box-sizing: border-box; width: 146px; margin: 0 auto; display: block; padding: 0; text-align: center;}
	.growYear { margin-top: 20px;}
	.growYear .swiper-slide p { font-size: 14px; margin-top: 10px;}
	.growYear .swiper-slide.cur p { font-size: 16px;}
	.trendsImg { width: 100%;}
	
	.footer .ewm { float: none; width: 140px; margin: 0 auto;}
	
}