* {padding: 0;margin: 0;box-sizing: border-box;}
body {font-family: 微软雅黑;font-size: 15px;background-color: #fffef5}
ul {list-style: none;}
a {text-decoration: none;color: #333;}
a:link {color: #333;}
a:visited {color: #333;}
a:hover {color: #2e8ee9;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}

/* 工作动态 */
.banner-box{max-width: 1920px;}
.gzdt-box {width: 1200px;margin: 40px auto 0;background-color: #f9ecde;padding: 30px;box-sizing: border-box;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;}
.gzdt-list {width: 550px;}
.gzdt-list img {width: 119px;}
.gzdt-item {margin-top: 14px;}
.gzdt-item ul {border: 1px solid #805d48;}
.gzdt-item ul li {border-bottom: 1px solid #805d48;padding: 14px 22px 14px 14px;box-sizing: border-box;}
.gzdt-item ul li:last-of-type {border-bottom: none;}
.gzdt-item ul li a {display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.gzdt-title {width: 410px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 16px;color: #222222;}
.gzdt-time {font-size: 12px;color: #ffffff;padding: 4px;box-sizing: border-box;background-color: #805d48;border-radius: 14px;}
.gzdt-more {display: flex;flex-direction: row;justify-content: center;align-items: center;margin-top: 20px;}
.gzdt-more a {font-size: 17px;color: #ffffff;line-height: 28px;width: 134px;background-color: #805d48;border-radius: 14px;text-align: center;}

/* 中医药宣传 */
.zyyxc-box{width: 1200px;margin: 48px auto 0;display: flex;flex-direction: column;align-items: center;overflow: hidden;}
.zyyxc-box img{width: 207px;}

/* 互动交流 */
.hdjl-box{width: 1200px;margin: 36px auto 0;display: flex;flex-direction: column;align-items: center;}
.hdjl-box img{width: 200px;}
.hdjl-row{width: 1200px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin-top: 48px ;}
.hdjl-item{width: 585px;background-image: url(hdjl-bg.png);padding: 50px 30px;box-sizing: border-box;}
.hdjl-item h3{font-size: 24px;color: #805d48;font-weight: bold;text-align: center;}
.hdjl-data,.hdjl-data-row{display: flex;flex-direction: row;align-items: center;}
.hdjl-data{justify-content: space-between;margin-top: 24px;}
.hdjl-data-row img{width: 44px;height: auto;}
.hdjl-data-row span{font-size: 24px;color: #ad1f24;margin-left: 14px;}
.hdjl-line{width: 525px;height: 3px;background-image: url(border.png);margin-top: 21px;}
.hdjl-info{display: flex;flex-direction: column;margin-top: 18px;}
.hdjl-info span{font-size: 18px;color: #222222;text-indent: 2em;font-family: '黑体';line-height: 32px;}
.hdjl-info img{width: 176px;height: 176px;margin-top: 12px;align-self: center;}

.swiper {width: 550px;height: 432px;margin: 0;--swiper-pagination-color: #805d48;}
.swiper .swiper-slide {/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper .swiper-slide a img {display: block;width: 550px;height: 432px;object-fit: cover;}
.swiper .swiper-pagination {text-align: right;padding-right: 15px;}
.swiper-container {width: 1200px;height: 422px;margin-top: 46px;position: relative;--swiper-pagination-color: #805d48;--swiper-theme-color:#805d48;--swiper-navigation-size:33px;}
.swiper-container .swiper-wrapper {width: 1200px;display: flex;flex-direction: row;justify-content: space-between;}
.swiper-container .swiper-slide {/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-container .swiper-slide a img {width: 400px;height: 422px;transition: 300ms;transform: scale(0.8);}
.swiper-container .swiper-slide-active a img,
.swiper-container .swiper-slide-duplicate-active a img {transform: scale(1);}

@media (max-width: 768px) {
	body{max-width: 768px;}
	.banner-box{max-width: 768px;}
	.gzdt-box{max-width: 768px;margin:0;margin-top:40px;display: flex;flex-direction: column;align-items: center;}
	.gzdt-list{max-width: 550px;}
	.swiper{max-width: 768px;}
	.zyyxc-box{max-width: 768px;margin:0;margin-top:36px;display: flex;flex-direction: column;}
	.swiper-container{max-width: 768px;height: 270px;}
	.swiper-container .swiper-wrapper{max-width: 768px;}
	.swiper-container .swiper-slide a img{width: 256px;height: 270px;}
	.hdjl-box{max-width: 768px;margin:0;margin-top:48px;}
	.hdjl-row{max-width: 768px;margin:0;margin-top:48px;display: flex;flex-direction: column;}
	.hdjl-item{margin-top: 10px;}
}