@charset "utf-8"; 

#content { width: auto; }
.page-banner { display: none; }

/* row-news -------------------------------------- */
.row-news { padding-top: 60px; }
.row-news .container { display: flex; }
.row-news .box-default { margin-right: 30px;  flex: 1; min-width: 0; }
.row-news .in-bd { border-radius: 10px; background-color: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
.row-news .infoList { padding: 28px; display: flex; flex-direction: column; gap: 10px; }
.row-news .infoList li { padding-left: 0; }
.row-news .infoList li::before { display: none; }
.row-news .infoList li::after { position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color: var(--color-background); display: block; content: ""; transition: 0.5s; }
.row-news .infoList li:hover { transform: translateX(10px); }
.row-news .infoList li:hover::after { width: 100%; }

.row-news .infoList li.highlight a::after { display: inline-block; content: ""; width: 30px; height: 17px; background: url(../../base/img/icon-new.png) no-repeat;  }

/* focusNews */
#focusNews { background-color: #A32127; position: relative; }
#focusNews .bd li { overflow: hidden; }
#focusNews .bd .pic { float: left; height: 366px; }
#focusNews .pic,
#focusNews .con { width: 50%; overflow: hidden; }
#focusNews .con { box-sizing: border-box; padding: 30px 40px; height: 306px; gap: 10px; display: flex; align-items: center; flex-direction: column; }
#focusNews .title,
#focusNews .intro { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }
#focusNews .title { font-size: var(--text-font-2h); line-height: 40px; font-weight: bold; color: #fff; }
#focusNews .title a { color: inherit; }
#focusNews .pic a { display: block; overflow: hidden; position: relative; padding-bottom: 66.6667%; height: 0; z-index: 1; }
#focusNews .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.4s all;}
#focusNews .intro { line-height: 24px; color: rgba(255, 255, 255, 0.5);; font-size: var(--text-font-date); -webkit-line-clamp: 4; }
#focusNews .hd { width: 50%; right: 0; bottom: 30px; position: absolute; }
#focusNews .hd ul { display: flex; justify-content: center; width: 100%; gap: 6px; align-items: center; }
#focusNews .hd li { cursor: pointer; font-size: var(--text-font-date); color: #fff; display: flex; align-items: center; gap: 6px; }
#focusNews .hd li::after { width: 20px; height: 1px; background-color: #D9D9D9; content: ""; }
#focusNews .hd li:last-child::after { display: none; }
#focusNews .hd li.on span { width: 26px; height: 26px; font-weight: bold; color: var(--color-background); background-color: #fff; border-radius: 100%; text-align: center; line-height: 26px; }


/* box-tab */
.box-tab .hd { display: flex; align-items:center; margin-bottom: 30px; height: 60px; line-height: 60px; }
.box-tab .hd ul { display: flex; }
.box-tab .hd li { font-size: var(--text-title-lh); flex-shrink: 0; transition: 0.4s; transform: scale(0.6667); }
.box-tab .hd li a { color: #999; }
.box-tab .hd li.on { font-weight: bold; transform: scale(1.0);}
.box-tab .hd li.on a { color: #333; }
.box-tab .hd .more { font-size: var(--text-font-date); background: url(../../base/img/more-bg.png) no-repeat center top; width: 100px; margin-left: auto; text-align: center; }

/* box-notice */
.box-notice { flex-shrink: 0; width: 470px; }
.box-notice .bd { border-radius: 10px; padding: 40px 30px; border-top: 5px solid #003F65; background-color: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
.box-notice .date-top-list { position: relative; }
.box-notice .date-top-list::before { display: block; content: ""; width: 1px; background-color: #eee; position: absolute; left: 40px; top: 0; bottom: 0; }

/* row-service -------------------------------------- */
.row-service { position: relative; padding-top: 100px; padding-bottom: 50px; overflow: hidden; background: url(../../base/img/bg-service.png) no-repeat right top; }

/* service-list */
.service-list { display: flex; justify-content: space-between; gap: 20px; }
.service-list li { flex: 1; }
.service-list li a { height: 100%; position: relative; z-index: 1; gap: 25px; font-size: var(--text-title-2h); font-weight: bold; display: flex; flex-direction: column; color: #fff; justify-content: center; align-items: center;}
.service-list li i { width: 100px; transition: 0.4s; height: 100px; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 100%; position: relative; }
.service-list li i::after { display: block; position: absolute; animation: circle 15s linear infinite; top: 0; left: 0; width: 100%; box-sizing: border-box; height: 100%; border: 1px dashed #fff; border-radius: 100%; content: ""; }
.service-list li i::before { content: "\E702"; font-family: iconfont; font-size: 90px; width: 100px; height: 100px; border-radius: 100%; line-height: 100px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.5); font-weight: normal; }
.service-list .li2 i::before { content: "\E703"; }
.service-list .li3 i::before { content: "\E704"; }
.service-list .li4 i::before { content: "\E705"; }
.service-list .li5 i::before { content: "\E706"; }
.service-list li h3 { height: 304px; position: relative; transition: 0.5s; border-radius: 10px; overflow: hidden; background: url(../../base/img/service-01.jpg) no-repeat center; background-size: cover;  }
.service-list .li2 h3 { background: url(../../base/img/service-02.jpg) no-repeat center; background-size: cover; }
.service-list .li3 h3 { background: url(../../base/img/service-03.jpg) no-repeat center; background-size: cover; }
.service-list .li4 h3 { background: url(../../base/img/service-04.jpg) no-repeat center; background-size: cover; }
.service-list .li5 h3 { background: url(../../base/img/service-05.jpg) no-repeat center; background-size: cover; }
.service-list li:hover h3 { transform: translateY(-10px); }
.service-list li h3::before { transform: scale(0); background-color: rgba(0, 0, 0, 0.05); opacity: 0; transition: 0.5s; display: block; content: ""; top: 0; left: 50%; margin-left: -152px; border-radius: 100%; position: absolute; width: 100%; height: 100%; }
.service-list li h3:hover::before { opacity: 1; transform: scale(1.5); }

/* row-ksdh -------------------------------------- */
.row-ksdh { position: relative; padding-top: 180px; padding-bottom: 80px; }
.row-ksdh::after { top: 0; right: 20px; width: 300px; height: 147px; background: url(../../base/img/row-ksdh.png) no-repeat; }
.row-ksdh::before,
.row-ksdh::after {  position: absolute; display: block; content: "";}
.row-ksdh::before { left: 0; right: 0; bottom: 0; top: 104px; background-color: rgba(133, 25, 30, 0.05);}
.row-ksdh .container { position: relative; z-index: 1; }

/* box-accordion */
.box-accordion { display: flex; border-radius: 20px; overflow: hidden; }

.in-accord { flex: 0.5; height: 460px; position: relative; overflow: hidden; transition: all 0.4s ease-in-out; cursor: pointer; background: url(../../base/img/accord-01.jpg) no-repeat center; background-size: cover; }
.in-accord::before { display: block;  content: ""; top: 0; bottom: 0; right: 0; left: 0; position: absolute; transition: 0.5s all; background: linear-gradient(90deg, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.48) 100%); }
.in-accord .hd { font-weight: bold; opacity: 1; height: 460px; transition: all 0.4s; cursor: pointer; width: 100%; writing-mode: vertical-rl; font-size: var(--text-font-lh); color: #fff; position: relative; display: flex; align-items: center; justify-content: center; }
.in-accord .hd a { color: inherit; }
.in-accord.on::before { background: linear-gradient(180deg, rgba(0, 63, 101, 0.95) 0.35%, rgba(42, 115, 159, 0.665) 50.17%, rgba(85, 167, 217, 0.285) 100%); }
.in-accord.on .hd { opacity: 0; width: 0; display: none;}
.in-accord-02 { background: url(../../base/img/accord-02.jpg) no-repeat center; background-size: cover;}
.in-accord-03 { background: url(../../base/img/accord-03.jpg) no-repeat center; background-size: cover;}
.in-accord-04 { background: url(../../base/img/accord-04.jpg) no-repeat center; background-size: cover;}
.in-accord-05 { background: url(../../base/img/accord-05.jpg) no-repeat center; background-size: cover;}
.in-accord-06 { background: url(../../base/img/accord-06.jpg) no-repeat center; background-size: cover;}
.in-accord-07 { background: url(../../base/img/accord-07.jpg) no-repeat center; background-size: cover;}
.in-accord-08 { background: url(../../base/img/accord-08.jpg) no-repeat center; background-size: cover; border-radius: 0 20px 20px 0; flex-shrink: 0; width: 130px;}
.in-accord-08:hover::before { opacity: 0.2; }
.in-accord .bd { opacity: 0; position: relative; z-index: 1; flex-direction: column; padding: 40px; color: #fff; }
.in-accord .bd h3 { margin-bottom: 30px; font-weight: bold; font-size: var(--text-title-3h); display: flex; align-items: center; }
.in-accord .bd h3::before { content: "\E696"; font-family: iconfont; font-weight: normal; font-size: 50px; margin-right: 10px; }

/* 激活/悬浮加宽样式 */
.in-accord.on,
.box-accordion:hover .in-accord:hover { flex: 3; }
.box-accordion:hover .in-accord:not(:hover):not(.on) { flex: 0.5; }
.in-accord .bd { position: absolute; left: 0; top: 0; width: 100%; height: 460px; box-sizing: border-box; padding: 40px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); color: #fff; white-space: nowrap; opacity: 0; transition: opacity 0.3s ease 0.2s; }
.in-accord.on .bd { opacity: 1; }

/* list-accordion */
.list-accordion { display: flex; flex-wrap: wrap; }
.list-accordion li { width: 33.33%; transition: .5s; line-height: 50px; padding-right: 2%; color: #fff; font-weight: bold; font-size: var(--text-font-title); box-sizing: border-box; }
.list-accordion li a { color: inherit; display: flex; align-items: center; }
.list-accordion li a::before { content: "\E614"; font-family: iconfont; color: rgba(255, 255, 255, 0.8); font-size: 18px; margin-right: 5px; font-weight: normal; }
.list-accordion li:hover { transform: translateX(5px); }
.in-accord-07 .list-accordion li { width: 50%; }

/* row-expert -------------------------------------- */
.row-expert { background: url(../../base/img/bg-expert.jpg) no-repeat center top; background-size: cover; padding-top: 60px; padding-bottom: 60px; }

/* box-expert */
.box-expert .hd { background: url(../../base/img/bg-expert-txt.png) no-repeat center; }
.box-expert .node-list { display: flex; justify-content: center; gap: 10px; margin-bottom: 40px; }
.box-expert .node-list li { position: relative; }
.box-expert .node-list li a { display: block; padding: 0 30px; font-size: var(--text-font-title); line-height: 48px; height: 48px; border: 1px solid #ddd; border-radius: 50px; }
.box-expert .node-list li::after { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); display: none; width: 0; height: 0; border: 7px solid transparent; border-top: 7px solid var(--color-background); }
.box-expert .node-list li.on a { background-color: var(--color-background); color: #fff; border-color: var(--color-background); }
.box-expert .node-list li.on::after { display: block; }


/* list-expert */
.list-expert { height: 490px; }
.list-expert li { width: 385px; height: 230px; overflow: hidden; position: relative; transition: 0.5s; background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
.list-expert li::before { display: block; content: "\E701"; font-family: iconfont; font-size: 150px; line-height: 1; opacity: 0; position: absolute; right: 0; top: 0; color: #fff; transition: 0.5s all; }
.list-expert .con { padding: 25px 20px; display: flex; transition: 0.5s; flex-direction: column; gap: 10px; font-size: var(--text-font-intro); line-height: 28px; color: var(--color-text-secondary); position: relative; }
.list-expert .title { font-weight: bold; font-size: var(--text-font-3h); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.list-expert .specialty { overflow: hidden; height: 56px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.list-expert .intro { display: none; }
.list-expert .more { display: flex; transition: 0.8s; align-items: center; font-size: var(--text-font-date); color: var(--color-text-secondary); }
.list-expert .more::after { content: "\E712"; font-family: iconfont; font-size: 40px; margin-left: 10px; }
.list-expert .title a::before { display: block; content: ""; inset: 0; position: absolute; }
.list-expert .duties { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.list-expert .duties em { display: none; }

.list-expert li:hover { background-color: var(--color-background);  }
.list-expert li:hover::before { opacity: 0.05; transform: translate(-10px, -10px); }
.list-expert li:hover .title,
.list-expert li:hover .title a,
.list-expert li:hover .more,
.list-expert li:hover .con { color: #fff; }
.list-expert li:hover .con { transform: translateX(10px); }
.list-expert li:hover .more { transform: translateX(230px); }

.expert-group { padding-bottom: 10px; display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 1fr); }

.box-expert .sfd { display: flex; align-items:center; justify-content: center; gap: 20px; padding-top: 45px; }
.box-expert .sfd ul { display: flex; align-items: center; gap: 20px; }
.box-expert .sfd li { width: 10px; height: 10px; cursor: pointer; background-color: #fff; font-size: 0; border: 1px solid #ddd; border-radius: 100%; }
.box-expert .sfd li.on { background-color: var(--color-background); border-color: var(--color-background); }
.box-expert .sfd a { width: 48px; height: 48px; transition: 0.5s; display: flex; align-items: center; justify-content: center; border-radius: 100%; border: 1px solid #ddd; background-color: #F8F8F8; }
.box-expert .sfd a::before { font-family: iconfont; font-size: 40px; color: #ccc; content: "\E613"; }
.box-expert .sfd a.sNext::before { content: "\E614"; }


/* row-grounp -------------------------------------- */
.row-grounp { background: url(../../base/img/bg-group.jpg) no-repeat center; background-size: cover; padding-top: 60px; padding-bottom: 100px; }
.row-grounp .container { display: flex; justify-content: space-between; }
.row-grounp .box-default,
.row-grounp .box-tab{ width: 48.75%; flex-shrink: 0; }

/* toplist */
.toplist { display: flex; gap: 30px; flex-direction: column; }
.toplist li { background-color: #fff; display: flex; align-items: center;  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
.toplist .pic { overflow: hidden; }
.toplist .pic,
.toplist .pic img { width: 330px; height: 220px; }
.toplist .pic img { transition: 0.5s; }
.toplist .con { flex: 1; color: var(--color-text-secondary); gap: 15px; display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 20px 30px; height: 180px; line-height: 30px; }
.toplist .title,
.toplist .intro { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.toplist .title { font-size: var(--text-font-title); }
.toplist .intro,
.toplist .date { font-size: var(--text-font-date); }
.toplist .intro { line-height: 24px; }
.toplist li:hover { background-color: var(--color-background); }
.toplist li:hover .pic img { transform: scale(1.1); }
.toplist li:hover .con { color: rgba(255, 255, 255, 0.7); }
.toplist li:hover .title,
.toplist li:hover .title a { color: #fff; }
.toplist li.highlight .title a::after { display: inline-block; content: ""; width: 30px; height: 17px; background: url(../../base/img/icon-new.png) no-repeat;  margin-left: 10px; vertical-align: text-top;  }

/* date-list-title */
.date-list-title { display: grid; grid-gap: 30px; grid-template-columns: repeat(2, 1fr); }
.date-list-title li { padding-right: 10px; padding-bottom: 10px; position: relative; }
.date-list-title li::before { transition: 0.5s; position: absolute; right: 0; bottom: 0; top: 10px; background-color: #E9E9E9; left: 10px; display: block; content: ""; }
.date-list-title .con { padding: 25px; transition: 0.5s; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); height: 160px; background-color: #fff; position: relative; z-index: 1; }
.date-list-title .title { display: flex; flex-direction: column; gap: 10px; margin-bottom: 10px; }
.date-list-title .tit { line-height: 1.8; font-size: var(--text-font-title); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.date-list-title .intro { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 1.5; color: #666; font-size: var(--text-font-date); margin-bottom: 5px;}
.date-list-title .date { color: var(--color-text-secondary); font-size: var(--text-font-date); }
.date-list-title .date .dd { color: var(--color-background); font-weight: bold; font-size: var(--text-title-2h); }
.date-list-title .date .dd::after { content: "/"; margin-left: 5px; font-size: var(--text-font-date); font-weight: normal; color: var(--color-text-secondary); }

.date-list-title li.highlight .title a::after { display: inline-block; content: ""; width: 30px; height: 17px; background: url(../../base/img/icon-new.png) no-repeat;  margin-left: 10px; vertical-align: text-top;  }

.date-list-title .title a::before { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; }

.date-list-title li:hover .con { background-color: var(--color-background); transform: translate(10px,10px); }
.date-list-title li:hover .date,
.date-list-title li:hover .date .dd,
.date-list-title li:hover .date .dd::after,
.date-list-title li:hover .title,
.date-list-title li:hover .title a,
.date-list-title li:hover .intro { color: #fff; }
.date-list-title li:hover .date .ym { color: rgba(255, 255, 255, 0.7); }
.date-list-title li:hover::before { transform: translate(-10px,-10px);  }

.date-list-title li.noData::before { display: none;}

/* row-global -------------------------------------- */
.row-global { position: relative; padding-top: 80px; }
.row-global::before { display: block; content: ""; position: absolute; left: 0; right: 0; top: 0; height: 456px; background: url(../../base/img/bg-gjjl-new.jpg) no-repeat center; background-size: cover; }
.row-global .container { position: relative; z-index: 1; }

/* box-global */
#global { padding: 10px; }
#global .swiper-arrow { z-index: 3; color: #ccc; transition: 0.5s; cursor: pointer; position: absolute; display: flex; justify-content: center; align-items: center; top: 50%; transform: translateY(-50%); background-color: #fff; border-radius: 100%; width: 48px; height: 48px; border: 1px solid #ddd; }
#global .swiper-arrow::before { display: block; content: "\E613"; font-family: iconfont; font-size: 40px; }
#global .swiper-prev-1 { left: 10px; }
#global .swiper-next-1 { right: 10px; }
#global .swiper-next-1::before { content: "\E614"; }
#global .swiper-arrow:hover { background-color: var(--color-background); }

/* global-list */
.global-list { box-sizing: border-box; }
.global-list li { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); background-color: #fff; transition: 0.4s; display: flex; flex-direction: column; }
.global-list .pic { overflow: hidden; width: 100%; height: 256px;}
.global-list .pic,
.global-list .pic img { transition: 0.5s; width: 100%; height: 256px; }
.global-list .con { flex: 1; color: var(--color-text-secondary); gap: 15px; transition: 0.5s; display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 20px 30px; height: 180px; line-height: 30px; }
.global-list .title,
.global-list .intro { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.global-list .title { font-size: var(--text-font-title); height: 60px; }
.global-list .intro,
.global-list .date { font-size: var(--text-font-date); }
.global-list .intro { line-height: 24px; }
.global-list li:hover { background-color: var(--color-background); }
.global-list li:hover .pic img { transform: scale(1.1); }
.global-list li:hover .con { color: rgba(255, 255, 255, 0.7); transform: translateY(10px); }
.global-list li:hover .title,
.global-list li:hover .title a { color: #fff; }

.global-list .highlight .title a::after { display: inline-block; content: ""; width: 30px; height: 17px; background: url(../../base/img/icon-new.png) no-repeat;  margin-left: 10px; vertical-align: text-top;  }

/* row-culture -------------------------------------- */
.row-culture { position: relative; z-index: 1; padding: 80px 0; background: url(../../base/img/bg-eywh.jpg) no-repeat center bottom; background-size: cover; }

/* box-culture */
.box-culture .box-qr { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.box-culture .box-qr .title { font-size: 0; gap: 0; width: 50px; height: 50px; background: rgba(0, 0, 0, 0.15); border-radius: 100%; color: #fff; flex-direction: row; }
.box-culture .box-qr .title::before { font-size: 40px; line-height: 1; }
.box-culture .box-qr li:hover .title { background: var(--color-background); }

/* flex-column */
.flex-column { display: flex; justify-content: space-between; }

/* box-media */
.box-media { width: 446px; position: relative; flex-shrink: 0; margin-right: 20px; padding: 30px; background: var(--color-background); }
.box-media::before { display: block; content: ""; position: absolute; right: 16px; top: 22px; background: url(../../base/img/ax.png) no-repeat; width: 219px; height: 188px; }
.box-media .hd { line-height: 40px; margin-bottom: 25px; }
.box-media .hd h3 { display: flex; align-items: center; font-weight: bold; font-size: var(--text-font-2h); color: #fff; }
.box-media .hd h3 a { color: inherit; }
.box-media .hd h3::before { content: "\E708"; font-family: iconfont; font-size: 40px; margin-right: 10px; position: relative; top: -2px; }
.box-media .hd,
.box-media .bd { position: relative; z-index: 1; padding: 10px 0; }
.box-media .bd::before { width: 1px; height: 100%; background-color: #fff; display: block; content: ""; position: absolute; top: 0; bottom: 0; left: 4px; }
.box-media .bd li { margin-bottom: 25px; }
.box-media .bd li:last-child { margin-bottom: 0; }
.box-media .bd .con { transition: 0.5s all; position: relative; position: relative; padding-left: 25px; }
.box-media .bd .con::before { display: block; content: ""; position: absolute; top: 10px; left: 0; background-color: var(--color-background); border: 1px solid #fff; border-radius: 100%; width: 7px; height: 7px; }
.box-media .bd .title { font-size: var(--text-font-title); color: #fff; line-height: 30px; height: 60px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.box-media .bd .title a { color: inherit; }
.box-media .bd .title a { background-image: linear-gradient(#fff, #fff); background-position: right bottom; background-size: 0 1px; background-repeat: no-repeat; transition: background-size .8s;}
.box-media .bd .title:hover a { background-position: left bottom; background-size: 100% 1px; }

.box-media .highlight .title a::after { display: inline-block; content: ""; width: 30px; height: 17px; background: url(../../base/img/icon-new.png) no-repeat;  margin-left: 10px; vertical-align: text-top;  }

/* box-grid ----------- */
.box-grid { flex: 1; min-width: 0; }

/* photo-list */
.photo-list { display: grid; grid-template-columns: 2fr 1fr; grid-gap: 20px; margin-bottom: 20px; }
.photo-list li { position: relative; overflow: hidden; }
.photo-list .title { position: absolute; z-index: 1; font-size: var(--text-font-title); line-height: 50px; height: 50px; display: flex; color: #fff; bottom: 0; left: 20px; right: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.photo-list .title::before { content: "\E709"; font-family: iconfont; font-size: 36px; margin-right: 10px; }
.photo-list .title a { color: inherit; }
.photo-list .first { grid-column: 1 / 2;  grid-row: 1 / 3;}
.photo-list .pic,
.photo-list .pic a,
.photo-list .pic img { display: block; height: 100%; width: 100%; }
.photo-list .pic img { transition: 0.4s all;}
.photo-list li:hover .pic img { transform: scale(1.1); }
.photo-list .titleBg { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); position: absolute; bottom: 0; left: 0; right: 0; height: 100px; display: block; }


/* box-grid-bottom */
.box-grid-bottom { display: flex; gap: 20px; }
.box-grid-bottom li { position: relative; overflow: hidden; }
.box-grid-bottom .pic img { width: 100%; height: 100%; display: block; transition: 0.5s all; }
.box-grid-bottom .title { position: absolute; z-index: 1; font-size: var(--text-font-title); line-height: 50px; height: 50px; display: flex; color: #fff; bottom: 0; left: 20px; right: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.box-grid-bottom .title::before { content: "\E709"; font-family: iconfont; font-size: 36px; margin-right: 10px; }
.box-grid-bottom .title a { color: inherit; }
.box-grid-bottom .titleBg { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); position: absolute; bottom: 0; left: 0; right: 0; height: 100px; display: block; }
.box-grid-bottom li:hover .pic img { transform: scale(1.1); }


/* qk-list */
.qk-list { width: 32%; }
.qk-list .title::before { content: "\E710"; }

/* video-list */
.video-list { flex: 1; min-width: 0; }
.video-list .title::before { content: "\E711"; }


/* row-health -------------------------------------- */
.row-health { padding: 60px 0 80px; background: url(../../base/img/bg-health.jpg) no-repeat center top; background-size: cover; }
.row-health .container { display: flex; justify-content: space-between; }
.row-health .box-default { flex-shrink: 0; width: 48.75%; }


/* top-list-02 */
.top-list-02 li { position: relative; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #E9E9E9; }
.top-list-02 li::after { content: "\E615"; font-family: iconfont; font-size: 24px; color: #ccc; flex-shrink: 0; flex-direction: 0; margin-right: 30px; }
.top-list-02 .con { position: relative; padding: 20px; flex: 1; min-width: 0; transition: 0.5s; margin-right: 20px; }
.top-list-02 .title { font-size: var(--text-font-title); line-height: 60px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.top-list-02 .title a::before { display: block; content: ""; top: 0; bottom: 0; left: 0; right: 0; position: absolute; }
.top-list-02 .intro { font-size: var(--text-font-date); color: var(--color-text-secondary); line-height: 24px; height: 48px; display: none; overflow: hidden;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.top-list-02 li.on { background-color: #fff; height: 140px; box-shadow: 0px 0px 10px rgba(133, 25, 30, 0.2); border-bottom: 2px solid #85191E;}
.top-list-02 li.on .con { transform: translateY(-10px); }
.top-list-02 li.on .intro { display: -webkit-box; }
.top-list-02 li.on::after { content: "\E616"; color: var(--color-background); }
.top-list-02 li.on .title { line-height: 50px; }

.top-list-02 .highlight .title a::after { display: inline-block; content: ""; width: 30px; height: 17px; background: url(../../base/img/icon-new.png) no-repeat;  margin-left: 10px; vertical-align: text-top;  }

.row-health .box-nursing { width: 51.25%; }
.box-nursing .hd { padding-left: 70px; }

/* phtotList-swiper */
#nursing-swiper { overflow: hidden; position: relative; padding: 80px 0 120px; }
#nursing-swiper .swiper-slide { position: relative; opacity: 0; text-align: center; transform: scale(1); transition: 750ms; overflow: hidden; }
#nursing-swiper .swiper-slide::before { display: block; content: ""; background-color: rgba(0, 0, 0, 0.2); position: absolute; right: 0; top: 0; left: 0; bottom: 0; z-index: 2; }
#nursing-swiper .swiper-slide .pic { display: block; overflow: hidden; position: relative; }
#nursing-swiper .swiper-slide .pic a { display: block; overflow: hidden; position: relative; padding-bottom: 66.86%; height: 0; z-index: 1; }
#nursing-swiper .swiper-slide .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.4s all;}
#nursing-swiper .swiper-slide-active { z-index: 11; font-size: 12px; transform: scale(1.5); opacity: 1; }
#nursing-swiper .swiper-slide .title { overflow: hidden; display: none; z-index: 3;  color: #fff; white-space: nowrap; text-overflow: ellipsis; position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 0 10%; line-height: 50px; height: 50px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);}
#nursing-swiper .swiper-slide .title a { color: inherit; }
#nursing-swiper .swiper-slide-active .title { display: block; }
#nursing-swiper .swiper-slide-active::before { display: none; }
#nursing-swiper .swiper-slide-prev,
#nursing-swiper .swiper-slide-next { z-index: 8; transform: scale(1.25); opacity: 1; }

#nursing-swiper .swiper-slide-next2 { opacity: 1; }
#nursing-swiper .swiper-slide-prev,
#nursing-swiper .swiper-slide-prev2 { opacity: 0; }




.nursing-hd { display: flex; align-items: center; gap: 20px; height: 50px; position: relative; top: 120px; padding-left: 70px;}
.nursing-hd .swiper-pagination-2 { width: auto; }
.nursing-hd .swiper-scrollbar-2 { background-color: #eee; height: 1px; flex: 1; min-width: 0; }
.nursing-hd .swiper-scrollbar-drag { height: 3px; background-color: var(--color-background); width: 100px; display: none; }
.nursing-hd .swiper-pagination-current { font-size:var(--text-font-2h); color: var(--color-background); }
.nursing-hd .arrow { display: flex; gap: 20px; }
.nursing-hd .arrow a { width: 48px; height: 48px; transition: 0.5s; background-color: #F8F8F8; border: 1px solid #ddd; border-radius: 100%; display: flex; justify-content: center; align-items: center; }
.nursing-hd .arrow a::before { content: "\E613"; font-family: iconfont; font-size: 36px; color: #ccc; }
.nursing-hd .arrow a.swiper-next-2::before { content: "\E614"; }
.nursing-hd .arrow a:hover { border-color: var(--color-background); background: var(--color-background); color: #fff; }
.nursing-hd .arrow a:hover::before { color: #fff; }

#nursing-swiper .swiper-slide-duplicate {
  transition: 750ms !important;
}
#nursing-swiper .swiper-wrapper {
  transform-style: flat !important;
  backface-visibility: hidden !important;
}

#nursing-swiper .swiper-slide {
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  transform-style: preserve-3d !important;
}
#nursing-swiper .swiper-wrapper {
  transition-timing-function: ease !important;
}

/* row-special -------------------------------------- */
.row-special { padding: 60px 0 80px; background: url(../../base/img/bg-ztzl.jpg) no-repeat center top; background-size: cover; }



@media (max-width:1680px) {

	/* focusNews */
	#focusNews { height: 300px; }
	#focusNews .title { -webkit-line-clamp: 2; }
	#focusNews .intro { -webkit-line-clamp: 3; }

	/* box-notice */
	.box-notice .bd { padding: 25px; }
	.date-top-list { gap: 22px; }

	/* in-accord */
	.in-accord { width: 102px; }

	/* list-expert */
	.list-expert li { width: 334px; }
	.list-expert li:hover .more { transform: translateX(180px); }

	/* box-media */
	.box-media .bd li:nth-child(7), 
	.box-media .bd li:nth-child(8) { display: none; }

	/* top-list-02 */
	.top-list-02 .con { padding-top: 16px; padding-bottom: 16px; }

}