:root {
	--base-color: #046636;
}
.header { display: flex; align-items: center; justify-content: space-between; width: 1200px; height: 70px; margin: 0 auto; }

.header .logo img { height: 52px; display: block; }

.header .nav { display: flex; align-items: center; list-style: none; line-height: 70px; }

.header .nav a { text-decoration: none; }

.header .nav a:last-child .nav-cell { margin-right: 0; }

.header .nav .nav-cell { width: 80px; color: #282828; font-size: 14px; text-align: center; margin-right: 5px; }

.header .nav .nav-cell.active, .header .nav .nav-cell:hover { background: linear-gradient(180deg, #CCF3D9 0%, #B8D9E2 100%); font-weight: bold; }

.banner { position: relative; }

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

.banner .swiper-pagination { bottom: 80px; }

.banner-page .swiper-pagination-bullet { opacity: 1; background: #fff; }

.banner-page .swiper-pagination-bullet-active { width: 16px; border-radius: 100px; background: #FFFFFF; }

.footer .top { background: #EEF2F2; height: 90px; padding-top: 38px; }

.footer .top .con { display: flex; align-items: center; }

.footer .top .f-logo { color: #21774D; font-weight: bold; font-size: 26px; margin-right: 143px; }

.footer .top .intro { color: rgba(51, 51, 51, 0.7); }

.footer .top .intro .num { font-size: 20px; color: #333; }

.footer .top .intro .shu { color: rgba(51, 51, 51, 0.2); margin: 0 7px; }

.footer .des { padding-top: 25px; height: 90px; font-size: 12px; }

.footer .con { position: relative; width: 1200px; margin: 0 auto; }

.footer .gzh { position: absolute; top: -28px; right: 0; }

.footer .gzh .img { border-radius: 5px 5px 0px 0px; background: #FFFFFF; overflow: hidden; }

.footer .gzh .img img { width: 103px; height: 103px; }

.footer .gzh p { font-size: 12px; text-align: center; }