.header, .footer { display: none; }

.logo-party { position: absolute; left: 5%; top: 5%; width: 190px; }

.logo-party img { display: block; width: 100%; height: auto; }

@media screen and (max-width: 1024px) { .logo-party { width: 150px; } }

@media screen and (max-width: 768px) { .logo-party { top: 20px; width: 110px; } }

@media screen and (max-width: 480px) { .logo-party { top: 20px; width: 80px; } }

.banner-party img { display: block; width: 100%; height: auto; }

.party-tit { text-align: center; }

.party-tit strong { display: block; font-size: 36px; color: #444; font-weight: normal; }

.party-tit span { margin-top: 10px; display: block; font-size: 16px; color: #999; text-transform: uppercase; }

.party-tit.white strong { color: #fff; }

.party-tit.white span { color: #999; }

@media screen and (max-width: 1440px) { .party-tit strong { font-size: 30px; } }

@media screen and (max-width: 1024px) { .party-tit strong { font-size: 24px; } }

@media screen and (max-width: 768px) { .party-tit strong { font-size: 20px; }
  .party-tit span { font-size: 14px; } }

.dynamic { position: relative; margin-top: 8%; margin-bottom: 8%;text-align: right; max-width: 1920px;box-sizing: border-box; margin-left:auto;margin-right: auto;}

.dynamic .party-tit { display: inline-block;margin-right: 65%; }

.dynamic .dynamic-list { margin-top: 5%; /* padding-left: 30%; */margin-right: 65%;width: 25%;margin-left: 10%;}

.dynamic .dynamic-item { position: relative; display: block; padding-right: 5em; height: 60px; line-height: 60px; font-size: 16px; text-align: left; }

.dynamic .dynamic-item strong { display: block; padding: 0 10%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-weight: normal; }

.dynamic .dynamic-item span { position: absolute; right: 0; top: 0; width: 3.5em; }

.dynamic .dynamic-item:hover strong { background: #d5494a; color: #fff; }

.dynamic .active .dynamic-item strong { background: #d5494a; color: #fff; }

.dynamic .dynamic-pic { position: absolute; right: 0; top: 0; width: 57.5%; height: 100%; -webkit-box-shadow: 0px 10px 40px 0px rgba(104, 102, 102, 0.46); -moz-box-shadow: 0px 10px 40px 0px rgba(104, 102, 102, 0.46); box-shadow: 0px 10px 40px 0px rgba(104, 102, 102, 0.46); }

.dynamic .dynamic-pic .dynamic-bg { display: block; width: 100%; height: auto; }

.dynamic .dynamic-pic li { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }

.dynamic .dynamic-pic li a { display: block; }

.dynamic .dynamic-pic li img { position: relative; left: 50%; display: block; margin-left: -555px; width: 1110px; height: auto; }

.dynamic .dynamic-pic .dynamic-control { position: absolute; left: -50px; bottom: -30px; width: 208px; height: 72px; font-size: 0; z-index: 2; }

.dynamic .dynamic-pic .dynamic-control a { display: inline-block; width: 50%; height: 100%; background: center no-repeat; }

.dynamic .dynamic-pic .dynamic-control .btn-prev { background-image: url("../../images/xinzheng/party-arr-l-r.png"); }

.dynamic .dynamic-pic .dynamic-control .btn-next { background-image: url("../../images/xinzheng/party-arr-r-w.png"); }

.dynamic .dynamic-more { position: absolute; right: 5%; top: 110%; width: 100%; text-align: right; }

.dynamic .dynamic-more .link-more { font-size: 16px; color: #cb1c1d; }

@media screen and (max-width: 1440px) {
  .dynamic .dynamic-list { margin-left: 3%;width: 32%;}
  .dynamic .dynamic-item strong { padding-left: 30px; padding-right: 20px; }
  .dynamic .dynamic-pic .dynamic-control { width: 170px; height: 55px; } }

@media screen and (max-width: 1024px) { 
	.dynamic {margin-bottom: 5%; margin-left: 3%; margin-right: 3%; text-align: center; }
  .dynamic .party-tit { margin-bottom: 5%; }
  .dynamic .dynamic-list { margin-top: 50px; margin-right:0;margin-left:0;width: 100%;}
  .dynamic .dynamic-item strong { padding-left: 20px; }
  .dynamic .dynamic-pic { position: relative; width: 100%; }
  .dynamic .dynamic-pic li { height: auto; }
  .dynamic .dynamic-pic li img { position: static; width: 100%; height: auto; margin-left: 0; }
  .dynamic .dynamic-pic .dynamic-control { left: 0; bottom: -25px; width: 150px; height: 50px; }
  .dynamic .dynamic-more { position: static; text-align: center; margin-top: 30px; } }

@media screen and (max-width: 768px) { .dynamic .dynamic-item { height: 45px; line-height: 45px; }
  .dynamic .dynamic-more { margin-top: 20px; } }

.knowledge { padding: 40px 0; background: url("../../images/xinzheng/party-knowledge-bg.png") center no-repeat; }

.knowledge .knowledge-slide { max-width: 1800px; margin: 4% auto 0; }

.knowledge .swiper-slide { position: relative; width: 446px; }

.knowledge .swiper-slide a { position: relative; display: block; margin: 0 5.5%; border: 17px solid #fff; height: 522px; color: #fff; background: #fff; letter-spacing: 0.1em; overflow: hidden; }

.knowledge .swiper-slide .item-pic { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #eceaea; overflow: hidden; }

.knowledge .swiper-slide .item-pic img { display: block; max-width: 364px; margin: 0 auto; width: 100%; height: auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.knowledge .swiper-slide .item-info { position: absolute; left: 0; bottom: 12%; width: 85%; padding: 0 7.5%; }

.knowledge .swiper-slide .item-date { position: absolute; left: 7.5%; top: 7%; z-index: 2; font-size: 24px; color: #444; }

.knowledge .swiper-slide .item-name { height: 3.3em; overflow: hidden; font-size: 24px; color: #cb1c1d; line-height: 1.7; text-align: justify; }

.knowledge .swiper-slide .item-cont { margin-top: 2em; height: 7em; overflow: hidden; font-size: 16px; color: #999; line-height: 1.8; text-align: justify; }

.knowledge .swiper-slide .link-more { position: absolute; right: 7.5%; bottom: 3%; width: 50px; height: 30px; background: url("../../images/xinzheng/party-more.png") center no-repeat; }

.knowledge .swiper-slide a:hover .item-pic img { opacity: 100; filter: alpha(opacity=100); }

.knowledge .swiper-slide a:hover .item-date { color: #fff; }

.knowledge .swiper-slide a:hover .item-name { color: #fff; }

.knowledge .swiper-slide a:hover .item-cont { display: none; }

.knowledge .knowledge-more { margin-top: 30px; text-align: right; }

.knowledge .knowledge-more .link-more { margin-right: 5%; font-size: 16px; color: #cb1c1d; }

@media screen and (max-width: 1440px) { .knowledge .swiper-slide { width: 400px; }
  .knowledge .swiper-slide a { height: 462px; }
  .knowledge .swiper-slide .item-date { font-size: 22px; }
  .knowledge .swiper-slide .item-name { font-size: 22px; } }

@media screen and (max-width: 1024px) { .knowledge .swiper-slide { width: 340px; }
  .knowledge .swiper-slide a { margin: 0 3%; height: 410px; }
  .knowledge .swiper-slide .item-pic img { opacity: 1; filter: alpha(opacity=100); }
  .knowledge .swiper-slide .item-date { font-size: 20px; color: #fff; }
  .knowledge .swiper-slide .item-name { font-size: 20px; color: #fff; }
  .knowledge .swiper-slide .item-cont { display: none; }
  .knowledge .knowledge-more { text-align: center; }
  .knowledge .knowledge-more .link-more { margin-right: 0; } }

@media screen and (max-width: 768px) { .knowledge { padding: 20px 0; }
  .knowledge .swiper-slide { width: 300px; }
  .knowledge .swiper-slide a { height: 356px; }
  .knowledge .swiper-slide .item-date { font-size: 18px; }
  .knowledge .swiper-slide .item-name { font-size: 18px; } }

.work { padding: 5% 0; background: #eee; }

.work .work-slide { position: relative; max-width: 1740px; margin: 0 auto; }

.work .swiper-slide { width: 25%; }

.work .item-work { position: relative; display: table; margin: 5% 3% 0; background: #fff; font-size: 0; -webkit-box-shadow: 0px 10px 50px 0px rgba(210, 208, 208, 0.75); -moz-box-shadow: 0px 10px 50px 0px rgba(210, 208, 208, 0.75); box-shadow: 0px 10px 50px 0px rgba(210, 208, 208, 0.75); }

.work .item-work .item-pic { display: table-cell; vertical-align: middle; width: 224px; }

.work .item-work .item-pic img { display: block; width: 100%; height: auto; }

.work .item-work .item-info { display: table-cell; padding: 0 5%; font-size: 16px; vertical-align: middle; }

.work .item-work .item-name { height: 3em; overflow: hidden; font-size: 24px; color: #cb1c1d; line-height: 1.5; text-align: justify; }

.work .item-work .item-date { margin-top: 5%; font-size: 16px; color: #999; }

.work .item-work .item-cont { margin-top: 7%; max-height: 4em; line-height: 2; text-align: justify; color: #999; overflow: hidden; }

.work .item-work .link-more { position: absolute; right: 5%; bottom: 20px; width: 50px; height: 30px; background: url("../../images/xinzheng/party-more.png") center no-repeat; }

.work .pagination { position: absolute; left: 0; top: 110%; z-index: 2; width: 100%; text-align: center; }

.work .pagination span { display: inline-block; margin: 0 10px; width: 14px; height: 14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #d7d7d7; cursor: pointer; }

.work .pagination .swiper-active-switch { background: #cb1c1d; }

.work .work-more { position: relative; margin-top: 30px; text-align: right; }

.work .work-more .link-more { position: relative; z-index: 3; margin-right: 5%; font-size: 16px; color: #cb1c1d; }

@media screen and (max-width: 1440px) { .work .item-work .item-pic { width: 177px; }
  .work .item-work .item-name { font-size: 22px; } }

@media screen and (max-width: 1024px) { .work .item-work .item-pic { width: 145px; }
  .work .item-work .item-name { font-size: 20px; }
  .work .item-work .item-date { margin-top: 15px; font-size: 14px; }
  .work .item-work .item-cont { margin-top: 15px; font-size: 14px; }
  .work .item-work .link-more { bottom: 10px; }
  .work .pagination { position: static; margin-top: 20px; }
  .work .pagination span { width: 10px; height: 10px; margin: 0 8px; }
  .work .work-more { text-align: center; }
  .work .work-more .link-more { margin-right: 0; } }

@media screen and (max-width: 768px) { .work .item-work .item-name { font-size: 18px; }
  .work .work-more { margin-top: 20px; } }

@media screen and (max-width: 480px) { .work .item-work .item-pic { width: 120px; }
  .work .item-work .item-date { margin-top: 10px; }
  .work .item-work .link-more { display: none; } }

.party-download { padding: 4% 0; background: #3a3939 url("../../images/xinzheng/party-download.png") center top no-repeat; }

.party-download .list-download { max-width: 820px; margin: 4% auto 0; text-align: right; }

.party-download .list-download li { border-bottom: 1px solid #666; text-align: left; }

.party-download .list-download li a { display: block; position: relative; padding: 20px 4em 20px 0; color: #fff; cursor: pointer; }

.party-download .list-download li strong { display: block; white-space: nowrap; font-weight: normal; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.party-download .list-download li span { position: absolute; right: 0; top: 20px; width: 4em; color: #fc4f4f; }

.party-download .list-download .download-more { display: inline-block; width: 190px; height: 56px; margin-top: 30px; line-height: 56px; color: #999; text-align: center; background: #555; }

@media screen and (max-width: 1024px) { .party-download .list-download { text-align: center; }
  .party-download .list-download .download-more { margin-top: 20px; width: 150px; height: 45px; line-height: 45px; } }

@media screen and (max-width: 768px) { .party-download { padding: 30px 0; }
  .party-download .list-download { margin-top: 10px; padding: 0 20px; } }
.backbar{position: fixed; right: 0; bottom: 0; z-index: 100; width: 100px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .3s; -o-transition: opacity .3s; -moz-transition: opacity .3s; transition: opacity .3s;}
.backtop{display:block;width: 100px;height: 100px;line-height: 100px;font-size:14px;text-align: center;background: #cb1c1d;color:#fff;border-top: 1px solid #fff;}
.backhome { display:block;width: 100px;height: 100px;line-height: 100px;font-size:14px;text-align: center;background: #cb1c1d;color:#fff;}

.backhome img { display: block; width: 100%; height: auto; }

.backbar.active { opacity: 1; filter: alpha(opacity=100); }

@media screen and (max-width: 1440px) {.backbar{width: 80px;} .backhome { width: 80px;height: 80px;line-height: 80px; } .backtop{ width: 80px;height: 80px;line-height: 80px; } }

@media screen and (max-width: 1024px) { .backbar{width: 60px;} .backhome { width: 40px;height: 40px;line-height: 20px;padding: 10px; } .backtop{ width: 40px;height: 40px;line-height: 20px; padding: 10px ;}}