.acrdn{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; margin-bottom: 5%;}
.acrdn .item{ width: 16.80672268907563%; transition: all 0.3s; height: 400px; overflow: hidden;}
.acrdn .item-zoom{ width: 62.85714285714286%;}
.acrdn .item h2{font-size: 18px; position: relative; text-align: center; letter-spacing: 2px; margin-top:10%;}
.acrdn .item h2:after{ content: ""; display: block; width: 32px; height: 4px; background: #97a9dc; margin:6px auto 0 auto;}
.acrdn .item-zoom h2:after{display: none;}
.acrdn .item .fnt,.acrdn .item h2 .iconfont{ display: none;}
.acrdn .item-zoom h2 .iconfont{ display: block; position: absolute; right: 0; top: 0; font-size: 32px; font-weight: normal;}
.acrdn .item-zoom .fnt{ display: block;}
.acrdn .item-zoom h2{text-align: left;}
.acrdn .item .lnk{ display: none;}
.acrdn .clr1 h2:after{ background: #97a9dc;}
.acrdn .clr2 h2:after{ background: #99cfdf;}
.acrdn .clr3 h2:after{ background: #dcbc97;}
.acrdn .clr1{ background: url(../../img/about/clr1.jpg) no-repeat bottom #ebf2ff;}
.acrdn .clr2{ background: url(../../img/about/clr2.jpg) no-repeat bottom #e7f5f9;}
.acrdn .clr3{ background: url(../../img/about/clr3.jpg) no-repeat bottom #f5eee6;}
.acrdn .clr1 h2{ color: #4973bf;}
.acrdn .clr2 h2{ color: #3f9eba;}
.acrdn .clr3 h2{ color: #b58956;}
.acrdn .clr1 a,.acrdn .clr2 a{ display: block;}
.acrdn .clr1 a:hover{ color: #00379c;}
.acrdn .clr2 a:hover{ color: #3f9eba;}
.acrdn .clr1.item-zoom{ background: url(../../img/about/acrdn_pic_01.jpg) no-repeat; background-size: 100% 100%; object-fit: cover;}
.acrdn .clr2.item-zoom{ background: url(../../img/about/acrdn_pic_02.jpg) no-repeat; object-fit: cover;}
.acrdn .clr3.item-zoom{ background: url(../../img/about/acrdn_pic_03.jpg) no-repeat; object-fit: cover;}
.acrdn .item-zoom{position: relative;}
.acrdn .item-zoom h2{ margin-top: 0; margin-bottom: 3%;}
.acrdn .item-zoom .blk{ background: #FFF; width: 50.80213903743316%; position: absolute; right: 5%; top: 20%; padding: 3% 5%; line-height: 180%; }
.acrdn .clr3.item-zoom .blk{ top: 16%;}
.acrdn .item .time a{ display: inline-block; border-radius: 3px; border: 1px solid #cebeaa; padding: 2px 7px; margin-right: 10px; margin-bottom: 15px; background: #FFF;}
.acrdn .item .time a,.acrdn .item .time a:visited{ color: #cfab81;}
.acrdn .item .time a:hover{background: #cfab81; color: #FFF; }
.prk-tab{  display: flex; flex-wrap: nowrap; align-items: flex-start;  margin: 0 auto; justify-content:center }
.prk-tab li{ cursor: pointer; font-size: 16px; height: 40px; line-height: 40px; padding: 0 20px; border: 1px solid #c1d4f0; border-radius: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 15px;}
.prk-tab li .iconfont{ display: none;}
.prk-tab li.crt{ background: #1a5ed1; border: 1px solid #1a5ed1; color: #FFF; transition: all 0.3s;}
.prk-tab li.crt .iconfont{ display: inline-block; margin-left: 5px;}
.prkc .item{ padding: 3% 0; line-height: 200%;}
.prkc .item .pic{ max-width: 100%; padding: 2% 0 3% 0;}
.feature .pic{ margin-bottom: 3%;}
.bnr{ margin-bottom: 5%;}
@media screen and (max-width:1024px) {
.acrdn .item-zoom .blk{ width: 70%;}
}
@media screen and (max-width:900px) {
.acrdn .item{ width: 32%; position: relative;}
.acrdn .item-zoom{ width: 32%;}
.acrdn .item .lnk{ display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.acrdn .item .blk .fnt{ display: none;}
.acrdn .clr1.item-zoom{ background: url(../../img/about/clr1.jpg) no-repeat bottom #ebf2ff;}
.acrdn .clr2.item-zoom{ background: url(../../img/about/clr2.jpg) no-repeat bottom #e7f5f9;}
.acrdn .clr3.item-zoom{ background: url(../../img/about/clr3.jpg) no-repeat bottom #f5eee6;}
.acrdn .item-zoom h2:after{display: block;}
.acrdn .item-zoom h2 .iconfont{ display: none; }
.acrdn .item-zoom h2{text-align: center;  margin-top: 10%;}
.acrdn .item-zoom .blk{ background:none; width: 100%; position: static;}
.acrdn .clr3.item-zoom .blk{ top: 0%;}
.prk-tab li{ display: inline-block; margin: 0 10px;  font-size: 16px; padding: 0 15px;}
}
.video-c{ margin-bottom: 3%; text-align: center;}
.video-c p{ height: 46px; line-height: 46px; font-size: 16px;}
@media screen and (max-width:768px) {
.acrdn .item{  height: 360px;}
.prk-tab li{ display: inline-block; margin: 0 10px;  font-size: 14px; padding: 0 10px;}
}
@media screen and (max-width:600px) {
.acrdn .item{  height: 300px;}
.acrdn .clr1.item-zoom{ background: url(../../img/about/clr1.jpg) no-repeat 50% 50% #ebf2ff;}
.acrdn .clr2.item-zoom{ background: url(../../img/about/clr2.jpg) no-repeat 50% 50% #e7f5f9;}
.acrdn .clr3.item-zoom{ background: url(../../img/about/clr3.jpg) no-repeat 50% 50% #f5eee6;}
.prk-tab li{margin-bottom: 3%; margin: 0;}
.prk-tab{  flex-wrap:nowrap;justify-content: space-between; align-items: flex-start;  }

}
@media screen and (max-width:500px) {
.acrdn .item h2{font-size: 16px;}
.acrdn .item h2:after{ width: 28px; height: 3px;}
.acrdn .item{  height: 280px;}
.prk-tab li{margin:0 5px 3% 5px;}
.prk-tab{  flex-wrap:wrap;justify-content: center; align-items: flex-start;  }
}

@media screen and (max-width:420px) {
.acrdn .item{  height: 260px;}
.acrdn .item h2{font-size: 14px;}
.acrdn .item h2:after{ width: 24px; }
}