/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}
.tran5000{-webkit-transition:all 5s linear; -moz-transition:all 5s linear; -ms-transition:all 5s linear; transition:all 5s linear;}

.scaleimg:hover img,.scaleimg:hover .pic em{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}


.aniuge-header { width:100%; display: flex; justify-content: space-between; align-items: center;
 padding-bottom:20px;border-bottom: 1px solid #e0e0e0;margin-bottom:50px;margin-top:65px;}

.aniuge-header__title {font-size:.35rem; }
.aniuge-header__link {color: #2458ac;text-decoration: none;transition: color 0.3s ease; margin-top:15px;}
.aniuge-header__link:hover {color: #c00d1e;}
.aniuge-header__link i { width:20px; height:20px; margin-right:8px;transition: transform 0.8s ease;}
.rotate-img { width:20px; height:20px;animation: spin 3s linear infinite;animation-play-state: paused;}
.aniuge-header__link:hover .rotate-img {animation-play-state: running;}
@keyframes spin {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}


.aniuge-header2 { width:100%; display: flex; justify-content: space-between; align-items: center;
 padding-bottom:20px;border-bottom: 1px solid #e0e0e0;margin-bottom:30px;margin-top:15px;}

.aniuge-header2__title {font-size:.35rem; }
.aniuge-header2__link {color: #2458ac;text-decoration: none;transition: color 0.3s ease; margin-top:15px;}
.aniuge-header2__link:hover {color: #c00d1e;}
.aniuge-header2__link i { width:20px; height:20px; margin-right:8px;transition: transform 0.8s ease;}
.aniuge-header2__link:hover .rotate-img {animation-play-state: running;}
@keyframes spin {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}

.aniuge-content {display: flex;gap: 60px;flex-wrap: wrap;}
.aniuge-content__text {flex: 1;min-width: 300px;}
.aniuge-content__text p {margin-bottom: 20px; font-size:.18rem; line-height:34px;text-align:justify;}
.aniuge-content__image {flex: 0 0 600px;height: 400px;background-color: #e0e0e0;display: flex;align-items: center;
justify-content: center;font-size: 48px;color: #b0b0b0; }


.aniuge_box1 {width:100%;max-width: 1500px;margin: 0 auto;padding: 60px 0;}
.row {display: flex;flex-wrap: wrap;gap: 30px;}
.col {flex: 1;min-width: 300px;}

.aniuge-card {display: flex;align-items: center;width: 100%;height:210px;border-radius: 8px;
overflow: hidden;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.aniuge-card:hover {transform: translateY(-5px);box-shadow: 0 8px 16px rgba(0,0,0,0.15);}

.aniuge-card.bg1  { background:url(/dfiles/8515/whu_dqkj/images/rkbg-1.jpg) no-repeat center top;}
.aniuge-card.bg2  { background:url(/dfiles/8515/whu_dqkj/images/rkbg-2.jpg) no-repeat center top;}
.aniuge-card.bg3  { background:url(/dfiles/8515/whu_dqkj/images/rkbg-3.jpg) no-repeat center top;}
.aniuge-card.bg4  { background:url(/dfiles/8515/whu_dqkj/images/rkbg-4.jpg) no-repeat center top;}



.aniuge-card__sidebar {width: 170px;height: 100%;background: #2458ac;position: relative;text-align:center;
display:flex;flex-direction: column;align-items: center;justify-content: center;transition: background 0.3s ease;
}
.aniuge-card__sidebar:nth-child(1)::after {content: "";position: absolute;right: -30px;top: 0;width: 30px;
height: 215px;background:url(/dfiles/8515/whu_dqkj/images/hubg.png) no-repeat left  top;}
.aniuge-card__sidebar:nth-child(2)::after {content: "";position: absolute;left: -30px;top: 0;width: 30px;
height: 215px;background:url(/dfiles/8515/whu_dqkj/images/hubg2.png) no-repeat left  top;}
.aniuge-card__sidebar:nth-child(3)::after {content: "";position: absolute;right: -30px;top: 0;width: 30px;
height: 215px;background:url(/dfiles/8515/whu_dqkj/images/hubg.png) no-repeat left  top;}
.aniuge-card__sidebar:nth-child(4)::after {content: "";position: absolute;right: -30px;top: 0;width: 30px;
height: 215px;background:url(/dfiles/8515/whu_dqkj/images/hubg2.png) no-repeat left  top;}

.aniuge-card:hover .aniuge-card__sidebar { }
.aniuge-card__icon {width: 74px;height: 74px;background:#fff;border-radius: 50%;margin-bottom: 20px;
display: flex;align-items: center;justify-content: center;}

.aniuge-card__icon--manage img { width:62%;transition: transform 1s ease; }
.aniuge-card__icon--teach img { width:62%;transition: transform 1s ease; }
.aniuge-card__icon--service img { width:72%;transition: transform 1s ease; }
.aniuge-card__icon--compete img { width:68%;transition: transform 1s ease; }
.aniuge-card:hover .aniuge-card__icon img {transform: rotateY(180deg);}

.aniuge-card__text {font-size: .24rem; color:#fff;}
.aniuge-card__content {flex: 1;height: 100%;}


.list29Box{justify-content: center; text-align: center; margin-top:-45px;}
.list29Box .dots{ margin-top: .5rem;}
.list29Box .dots span{ width: .15rem; height: .15rem; background: #184da6;opacity: .34;}
.list29Box .dots span.active{ opacity: 1;}
.list29 .item1 {transition: .5s;}

.list29 .a:hover .icow:before{ transform: scale(1); opacity: .34;} 
.list29 .a:hover .ico:before{ background: #8362dd;}
.list29 .a:hover .ico:after{ opacity: 0;}
.list29 .a:hover .ico img{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);  -webkit-animation: beat 0.5s 1; animation: beat 0.5s 1;}
.list29 .a:hover .ico .i1{ opacity: 0;}
.list29 .a:hover .ico .i2{ opacity: 1;}
.list29 .a:hover .sicoh{ opacity: 1;}


.pad129{ padding:0.1rem 0 0.5rem; overflow: hidden;}

.homebc{padding:0rem 0; margin:0 -0.18rem;}
.homebc .intit:before{content: '';height: 1px;background: #e2eaea;position: absolute;left: .9rem;top: 50%;width: calc(50% - 2rem);}
.homebc .intit:after{content: '';height: 1px;background: #e2eaea;position: absolute;right: 1.3rem;top: 50%;width: calc(50% - 2.4rem);}

.homebc .swiBtn{position: absolute;top: .15rem;left: 0;z-index: 8;}
.homebc .inmore{position: absolute;top: .18rem;right: 0;z-index: 8;}
.slide-b{ padding: .3rem .2rem; margin: -.3rem -.2rem;}
.homebc .item { padding: 0 0.18rem;}
.homebc .item1{ transition: .5s; /*box-shadow: 0 0 20px rgba(0,0,0,0.1);*/}
.homebc .item a{ display: block; transition: .5s; border-radius: .2rem;}
.homebc .item .imgBox{border-radius: .2rem .2rem 0 0; position:relative;}
.homebc .item .imgBox .img{padding-bottom: 61.771%;}
.homebc .item .imgBox .ico{ width: .72rem; height: .72rem; background: #184da6; position:absolute;  bottom:0rem;}
.homebc .item .imgBox .ico h3{font-size: .34rem; color: #fff;  font-weight: bold; width:100%; text-align:center; line-height:1.1; margin-top:.1rem;}
.homebc .item .imgBox .ico p{font-size: 12px;  color: #fff; text-align:center;}
.homebc .item:hover .ico{transform: translateX(-.2rem);transition: .5s; background: #c00d1e;}
.overfloat-dot {overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.homebc .item .name { width:100%;}
.homebc .item .name h6 {font-size: .17rem;color: #666; line-height: 1.8; padding-left: .25rem; transition: .5s; text-align:left;}
.homebc .item .name h6.h61 { background: url(/dfiles/8515/whu_dqkj/images/icon1.png) left center no-repeat;}
.homebc .item .name h6.h62 { background: url(/dfiles/8515/whu_dqkj/images/icon2.png) left center no-repeat;}
.homebc .item .name h6.h63 { background: url(/dfiles/8515/whu_dqkj/images/icon3.png) left center no-repeat;}
.homebc .item .txt{background: #f2f2f2;padding: .24rem .25rem .24rem;/*display: flex;align-items: center;*/border-radius: 0 0 .2rem .2rem;position: relative;z-index: 1;overflow: hidden;box-sizing: border-box;}
.homebc .item .txt:before{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: #184da6; z-index: -1; height: 0; transition: .5s;}
.homebc .item .txt .time{color: #008fb7;text-align: right;padding-right: .15rem;margin-right: .15rem;position: relative;transition: .5s;}
.homebc .item .txt .time:after{content: '';width: 1px;height: .5rem;background: #99d2e2;position: absolute;right: 0;top: 50%;margin-top: -.25rem;}
.homebc .item .txt .time span{font-size: .3rem;display: block;font-weight: bold;width: 100%;transition: .5s;}
.homebc .item .txt .tit{ flex:1;font-size: .18rem;}
.homebc .item .txt .tit h4{font-weight: 500; transition: .5s; margin-bottom:.12rem; text-align:left; min-height:.67rem;align-items: center;color: #333333;line-height: 1.45;   text-align: justify; border-bottom:1px solid #ccc; padding-bottom:.12rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.homebc .swiDots{text-align: center;margin-top: .2rem;}
.homebc .swiDots span{width: 10px;height: 10px;}
.homebc .swiDots span.active{background: #008fb7;opacity: 1;}
.homebc .item .name p { font-size:.15rem; line-height:1.75; text-align:left;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; opacity:0.72;}
.homebc .item:hover .txt:before{ height: 100%;}
.homebc .item:hover .txt *{ color: #fff !important;}
.homebc .item:hover .item1{ transform: scale(1);}
.homebc .item:hover a{ box-shadow: 0 0 .15rem rgba(24,77,166,.2);}
.homebc .item:hover .name h6.h61 { background: url(/dfiles/8515/whu_dqkj/images/icon1_b.png) left center no-repeat;}
.homebc .item:hover .name h6.h62 { background: url(/dfiles/8515/whu_dqkj/images/icon2_b.png) left center no-repeat;}
.homebc .item:hover .name h6.h63 { background: url(/dfiles/8515/whu_dqkj/images/icon3_b.png) left center no-repeat;}


.under-new { width:100%;}
.under-new ul {	margin-bottom: 80px;}
.under-new ul li {	border-bottom: 1px solid #D9D9D9;}
.under-new ul li:first-child {}
.under-new ul li a {display: block;	padding: 15px 0px 15px 30px;background: url(/dfiles/8515/whu_dqkj/images/sjx.png) 1px 22px no-repeat;
overflow: hidden;transition: all 0.4s ease-out;}
.under-new ul li:hover a {	background: url(/dfiles/8515/whu_dqkj/images/sjx.png) 1px 22px no-repeat;transform: translateX(15px);}
.under-new ul li a p {	font-size: .18rem;color: #333;width: 75%;float: left;line-height: 38px;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;}
.under-new ul li a span {font-size: .16rem;color: #666;width: 25%;text-align: right;display: block;float: left;
line-height: 38px;}

.caseList{width: 100%;overflow: hidden;}
.caseList ul{width: 100%; }
.caseList ul li{width: 32.5%;margin: 0 1.25% 40px 0;}
.caseList ul li:nth-child(3n) { margin-right:0;}
.caseList ul li a{display: block;}
.caseList ul li a .pic{width: 100%;height: 0;padding-bottom: 58.97%;position: relative;overflow: hidden;}
.caseList ul li a .pic em,
.caseList ul li a .pic b{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.caseList ul li a .pic em{background-repeat: no-repeat;background-position: center;background-size: cover;}
.caseList ul li a .pic b{background: rgba(0,0,0,0.4);opacity: 0;}
.caseList ul li a:hover .pic b{opacity: 1;}

.caseList ul li a h5{padding: 0 10px;height: 60px;background: #ebebeb;text-align: center;font-size: 16px;color: #1a1a1a;font-weight: normal;line-height: 60px;}
.caseList ul li a:hover h5{color: #fff;background: #005bb3;}
/*.caseList ul li a .text {padding:10px 15px;height: 140px; border:1px solid #e5e5ef;}
.caseList ul li a h5{font-size: 18px;color: #fff;font-weight: normal;line-height:44px; background:#235cbc;}
.caseList ul li a:hover h5{color: #fff;background: #005bb3;}*/


/* 响应式（移动端） */
@media (max-width: 1280px) {
.aniuge-content__image { flex: 0 0 500px;height: 340px;}
.aniuge-content__text p { line-height:28px;}
.aniuge-header {margin-bottom: 25px;margin-top: 45px;}
.aniuge_box1 {padding: 20px 0 30px;}
.aniuge-header2 {margin-bottom: 15px;}
.under-new ul li a {padding: 7px 0px 7px 30px;background: url(/dfiles/8515/whu_dqkj/images/sjx.png) 1px 12px no-repeat;}
.under-new ul li:hover a {background: url(/dfiles/8515/whu_dqkj/images/sjx.png) 1px 12px no-repeat;}
.aniuge-card__sidebar {    width: 120px;}
.aniuge-card { height:180px;}
}
	
@media (max-width: 768px) {
.aniuge-content {flex-direction: column; gap:20px;}
.aniuge-content__image {flex: 0 0 400px;width: 100%; }
.aniuge-nav-toggle {display: block;}
.row {flex-direction: column;}
.list29Box{ padding: 0;}
.list29Box .dots{ margin: .3rem auto 0;}

.list29 .icow{ width: 1rem; height: 1rem;}
.list29 h3{ margin: .15rem 0 0;}
.list29 h3 big{ font-size: .3rem;}
.list29 h6{ font-size: .16rem;}
.aniuge-card {zoom: 0.76;}
.aniuge-card__sidebar:nth-child(1)::after { height:180px; background-size:100% 100%; right:-28px;}
.aniuge-card__sidebar:nth-child(2)::after { height:180px; background-size:100% 100%; left:-28px;}
.aniuge-card__sidebar:nth-child(3)::after { height:180px; background-size:100% 100%; right:-28px;}
.aniuge-card__sidebar:nth-child(4)::after { height:180px; background-size:100% 100%; left:-28px;}
.under-new ul li a span {font-size: .13rem;}
.under-new ul { margin-bottom: 30px;}
.caseList ul li{width: 100%;margin: 0 0 20px 0;}
}