body { font-size: 16px; color: #263D35; }

a { color: inherit; }

.banner { position: relative; }

.banner #banner-swiper, .banner #banner-swiper .swiper-slide img { width: 100%; }

.banner .header, .banner .sub-nav { position: absolute; left: 0; width: 100%; z-index: 100; }

.banner .header { top: 0; }

.banner .sub-nav { display: flex; align-items: center; height: 93px; bottom: 0; }

.banner .sub-nav .nav-item { display: flex; align-items: center; height: 100%; background-repeat: no-repeat; background-size: 100% 100%; margin-left: -14px; }

.banner .sub-nav .left-nav { width: 50%; margin-left: 0; background-image: url(../../images/city/xuancheng/bg-1.png); }

.banner .sub-nav .left-nav img { margin-left: 58%; }

.banner .sub-nav .middle-nav { justify-content: center; width: 12%; font-size: 22px; background-image: url(../../images/city/xuancheng/bg-3.png); }

.banner .sub-nav .middle-nav a { color: #C2C2C2; }

.banner .sub-nav .right-item { width: 28%; background-image: url(../../images/city/xuancheng/bg-2.png); }

.news-box { height: 597px; padding: 60px 0; background: url(../../images/city/xuancheng/news-bg.png) no-repeat center/100% 100%; }

.news-box .first-new .title { font-size: 26px; font-weight: bold; text-align: center; padding: 0 40px; }

.news-box .first-new .des { opacity: .8; text-indent: 2em; line-height: 26px; padding: 10px 40px 0; }

.news-box .news-show { display: flex; align-items: center; margin-top: 20px; }

.news-box .news-show .news-swiper { width: 600px; height: 362px; margin-right: 40px; border-radius: 5px; overflow: hidden; }

.news-box .news-show .news-swiper .img-box { position: relative; height: 100%; }

.news-box .news-show .news-swiper .img-box img { width: 100%; height: 100%; object-fit: cover; }

.news-box .news-show .news-swiper .img-box .title { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; font-size: 14px; color: #fff; background: rgba(29, 38, 47, 0.6); box-sizing: border-box; }

.news-box .news-show .info-box { width: 0; flex: 1; }

.news-box .news-show .info-box .item-li { position: relative; padding: 10px 0 13px 15px; }

.news-box .news-show .info-box .item-li:not(:last-child) { border-bottom: 1px solid rgba(120, 133, 128, 0.1); }

.news-box .news-show .info-box .item-li::before { content: ''; position: absolute; left: 0; top: 19px; width: 5px; height: 5px; background: #AEB5BA; border-radius: 100%; }

.news-box .news-show .info-box .more img { margin-top: 20px; }

.global-title { line-height: 48px; text-align: center; margin-bottom: 10px; }

.global-title img { vertical-align: middle; }

.jz-box { width: 1120px; margin: 80px auto 40px; }

.jz-box .intro { font-size: 16px; line-height: 2; margin-bottom: 30px; }

.jz-box .entity-icon a:not(:last-child) { margin-right: 60px; }

.jz-box .entity-icon .icon-item { display: flex; flex-direction: column; align-items: center; }

.jz-box .entity-icon .icon-item p { margin-top: 7px; font-size: 18px; }

.entity-box { height: 760px; padding-top: 60px; background: url(../../images/city/xuancheng/project-bg.png) no-repeat center/100% 100%; }

.entity-box .project-box { position: relative; width: 1040px; height: 100%; margin: 0 auto; }

.entity-box .project-box .pro-box { position: absolute; bottom: 0; left: 0; width: 642px; transition: all .6s; }

.entity-box .project-box .pro-box .head { padding-left: 30px; margin-bottom: 20px; opacity: .5; }

.entity-box .project-box .pro-box .head .big-title { display: flex; align-items: center; }

.entity-box .project-box .pro-box .head .big-title span { font-size: 18px; opacity: .7; color: #fff; }

.entity-box .project-box .pro-box .head .intro { font-size: 16px; color: #fff; opacity: .7; }

.entity-box .project-box .pro-box .head .intro.small { font-size: 14px; }

.entity-box .project-box .pro-box .item { position: relative; width: 100%; padding: 30px 30px 0; border-radius: 10px 10px 0 0; background: #fff; }

.entity-box .project-box .pro-box .item::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); border-radius: 10px 10px 0 0; }

.entity-box .project-box .pro-box .item .img { position: relative; width: 100%; height: 364px; border-radius: 5px; overflow: hidden; }

.entity-box .project-box .pro-box .item .img .thumb { width: 100%; height: 100%; object-fit: cover; }

.entity-box .project-box .pro-box .item .img .badge { position: absolute; top: 0; left: 0; }

.entity-box .project-box .pro-box .item .title { margin: 20px 0 10px; font-size: 22px; font-weight: bold; }

.entity-box .project-box .pro-box .item .des { margin-bottom: 10px; }

.entity-box .project-box .pro-box .item .time { font-size: 14px; }

.entity-box .project-box .pro-box .item .time .grey { opacity: .6; }

.entity-box .project-box .pro-box .item .time .bold { font-size: 16px; font-weight: bold; }

.entity-box .project-box .pro-box .item .time .green { font-weight: bold; font-size: 18px; color: #27BA74; }

.entity-box .project-box .pro-box .item .more { position: absolute; right: 28px; bottom: 35px; }

.entity-box .project-box .pro-box.active { left: calc(1040px - 642px); z-index: 5; }

.entity-box .project-box .pro-box.active .head { opacity: 1; }

.entity-box .project-box .pro-box.active .item { padding-bottom: 50px; }

.entity-box .project-box .pro-box.active .item::after { display: none; }

.entity-box .project-box .pro-box.action { position: relative; top: 35px; left: 0; width: 100%; }

.entity-box .project-box .pro-box.action .item .first-box { display: flex; align-items: center; }

.entity-box .project-box .pro-box.action .item .img { width: 500px; margin-right: 40px; }

.entity-box .project-box .pro-box.action .item .pro-con { width: 0; flex: 1; }

.entity-box .project-box .change-btn { position: absolute; top: 52%; left: -80px; width: 1200px; display: flex; justify-content: space-between; }

.entity-box .project-box .change-btn img { cursor: pointer; }

.donate-box { height: 582px; padding: 80px 0 60px; background: url(../../images/city/xuancheng/donate-bg.png) no-repeat center/100% 100%; }

.donate-box .donate-wrap { width: 1120px; margin: 0 auto; }

.donate-box .donate-head { display: flex; justify-content: space-between; background: #EFF4F6; font-size: 16px; padding: 11px 118px 11px 102px; margin-bottom: 14px; }

.donate-box .donate-list { height: 260px; font-size: 14px; overflow: hidden; }

.donate-box .donate-list .item { display: flex; align-items: center; justify-content: space-between; padding: 10px 105px 10px 98px; }

.donate-box .donate-list .item:not(:last-child) { border-bottom: 1px solid rgba(120, 133, 128, 0.1); }

.donate-box .donate-list .item .name { display: flex; align-items: center; width: 32%; font-size: 16px; }

.donate-box .donate-list .item .name img { width: 36px; height: 36px; border-radius: 100%; object-fit: cover; margin-right: 10px; }

.donate-box .donate-list .item .name p { flex: 1; }

.donate-box .donate-list .item .money { width: 26%; font-size: 14px; text-align: center; }

.donate-box .donate-list .item .money span { font-size: 16px; font-weight: bold; }

.donate-box .donate-list .item .time { color: #788580; width: 34%; text-align: right; }

.donate-box .more { margin-top: 10px; text-align: center; }

.zs-box { padding: 80px 0; }

.zs-box .tab { margin-bottom: 30px; text-align: center; }

.zs-box .tab .dl { position: relative; opacity: .5; font-size: 18px; }

.zs-box .tab .dl.on { opacity: 1; }

.zs-box .tab .dl:first-child { margin-right: 85px; }

.zs-box .tab .dl:first-child::after { content: '|'; position: absolute; right: -45px; top: 0; opacity: .3; }

.zs-box .zs-list { display: none; font-size: 0; white-space: nowrap; overflow: hidden; }

.zs-box .zs-list.on { display: block; }

.zs-box .zs-list a { display: inline-block; width: calc((1200px - 132px) / 5); height: 152px; margin-right: 33px; }

.zs-box .zs-list a img { width: 100%; height: 100%; object-fit: cover; }

.zs-box .zs-list a .name { margin-top: 7px; font-size: 16px; }

.zs-box .zs-list a .ddno { font-size: 12px; opacity: .7; }

.zs-box .more { margin-top: 20px; text-align: center; }