@charset "utf-8";
.index {
    margin-top: -180px;
    padding-top: 180px;
    background: url(../images/body.jpg) no-repeat center bottom;
    background-size: 100% 100%;
}
.xgdz{margin-top: 60px;}
 .tit_in,.edu .slideBox .hd ul{background: url(../images/tit-bg.png) no-repeat left bottom;/* background-size: auto 100%; */padding: 15px 30px;padding-left: 0;/* padding-bottom: 15px; */}
  .tit_in h2,.edu .slideBox .hd ul li{width: 430px;display: inline-block;background: url(../images/tit-nr-bg.png) no-repeat left center;background-size: 100% 100%;}
 .tit_in span,.edu .slideBox .hd ul li span{display: inline-block;padding-left: 60px;/* padding-right: 185px; */font-size: 24px;color: #fff;/* height: 60px; */line-height: 53px;}
.xgdz .basic{margin-top: 40px;padding: 30px 20px 25px 60px;background: url(../images/s2-bk-bg.png) center top;background-size: 100% 100%;}
.xgdz .basic ul{display: flex;flex-wrap: wrap;}
.xgdz .basic ul li{width: 33.333%;padding: 0  15px;}
.xgdz .basic ul li p{
    font-size: 16px;
    font-weight: normal;
    line-height: 42px;
    letter-spacing: 0em;
    color: #000000;
    }
.edu {padding-top: 40px;
    position: relative;
}



.itembox {
    position: relative;
padding: 50px 36px;margin-top: 40px;background: url(../images/reasech-bg.png) no-repeat center center;background-size: 100% 100%;
    z-index: 6;
}
.itembox   p{font-size: 18px;line-height:24px;color: #333333;}

.itembox .brief ul {
    padding-top: 30px;
}

.itembox .brief ul li {
    line-height: 40px;
    font-size: 16px;
    color: #fff;
}

.itembox .brief .more {
    position: absolute;
    left: 0;
    bottom: 0;
    border-left: 58px solid #1a6ff1;
    border-top: 58px solid transparent;
}

.itembox .brief .more a {
    position: absolute;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    left: -48px;
    bottom: 4px;
    font-size: 24px;
    color: #fff;
    font-weight: 100;
    padding-right: 0;
    background-image: none;
    transition: all .3s;
}

.itembox .brief .more:hover a {
    transform: rotate(45deg);
}

.edu .slideBox {
    position: relative;
    
}



.edu .slideBox .hd ul {
    font-size: 0;
    background: url(../images/tit-bg.png) no-repeat left center;
    /* padding: 0 30px; */
    padding-bottom: 15px;
}

.edu .slideBox .hd ul li {
    display: inline-block;
    width: 400px;
    padding: 0 10px;
    padding-left: 50px;
    margin-left: -35px;
    /* line-height: 60px; */
    cursor: pointer;
    background: transparent;
}
.edu .slideBox .hd ul li:first-child{margin-left: 0;}
.edu .slideBox .hd ul li.on{background: url(../images/tit-kk-bg.png) no-repeat left center;background-size: 100% 100%;}
.edu .slideBox .hd ul li.on span{  font-size: 24px;
    color: #5357C5;
  }
.edu .slideBox .hd ul li.on {
    color: #fff;
    /* background: url(../images/tit-nr-bg.png) no-repeat left center;
    background-size: 100% 100%; */
   
}
.edu .slideBox .hd ul li:first-child.on{background: url(../images/tit-nr-bg.png) no-repeat left center;background-size: 100% 100%;}
.edu .slideBox .hd ul li:first-child.on span{  padding-left: 14px;}
.edu .slideBox .hd ul li span{
    background: transparent;
    color: #BB1010;
    padding-left: 0;
}
.edu .slideBox .hd ul li.on span{
    padding-left: 60px;
    /* background: url(../images/tit-icon.png) no-repeat 20px 17px; */
    font-size: 24px;
    color: #fff;
    }
.edu .bd>ul{
display:none;
}

.edu .bd>ul {
    position: relative;
    margin-left: 10px;
    margin-top: 55px;
}

.edu .bd>ul::after {
    content: "";
    position: absolute;
    left: 8px;
    top: 25px;
    bottom: 20px;
    width: 1px;
    background: #d0daea;
}

.edu .bd>ul>li {
    position: relative;
    display: flex;
    margin-bottom: 60px;
    padding-left: 30px;
    background: url(../images/list.png) no-repeat left 15px;
    z-index: 6;
    transition: all .3s;
}

.edu .bd>ul>li span {
    position: relative;
    width: 150px;
height: 40px;
    line-height: 40px;
  
    font-size: 16px;
    color: #333333;
   
}
.edu .bd>ul>li>ul{display: flex;flex-wrap: wrap;    flex: 1;
    min-width: 0;}
.edu .bd>ul>li>ul>li{margin-left: 30px;line-height: 40px;padding: 0 20px;margin-bottom: 15px;}
.edu .bd>ul>li>ul>li:first-child{background: #E8E7F7;border-radius: 20px;color: #BB1010;font-size: 16px;}
.edu .bd>ul>li>ul>li:nth-child(2){color:#333333;font-size: 18px;}
.edu .bd>ul>li>ul>li:nth-child(3){color:#666;font-size: 18px;}


.research {
    position: relative;
    margin-top: 55px;
    margin-bottom: 50px;
    }
.teach {margin-top: f;}

.teach-kk,.student-kk{position: relative;margin-top: 55px;padding: 40px 85px;background: url(../images/teach-kk-bg.png) center top;background-size: 100% 100%;}
.teach-kk  ul li{font-size: 18px;line-height: 42px;color: #333333;}


.teach-kk .content p {
    font-size: 18px;
    line-height: 1.5;
    color: #333;
}
.teach .bt,.teach-kk .bt{position: absolute;line-height: 52px;top: -25px;padding: 0 36px;border-radius: 26px;background: #f3f3fa;/* background: linear-gradient(180deg, rgba(224, 223, 242, 0.1) 0%, rgba(79, 75, 178, 0.1) 100%); */font-size: 30px;color: #BB1010;}
.student-kk .bt{position: static;}
.student-kk .st-qh{position: absolute;top: -25px;display: flex;align-items: center;}
.student-kk .stcur-qh span{display: inline-block;margin-left: 50px;padding: 0 15px;line-height: 34px;font-size: 18px;color: #666666;background: #fff;cursor: pointer;}
.student-kk .stcur-qh span.on{color: #F87D39;}
.student-kk .st-name{margin-top: 20px;position: relative;}
.student-kk .st-name ul{position: absolute;left: 0;right: 0;top:0;bottom: 0;opacity: 0;z-index: -1;transition: all .6s;}
.student-kk .st-name ul.on{position: relative;opacity: 1;z-index:9;}
.student-kk .st-name ul li{line-height: 42px;font-size: 18px;color: #333333;}
.item-l {
    position: relative;
    float: left;
    width: 47%;
    z-index: 6;
}

.item-r {
    position: relative;
    float: right;
    width: 47%;
    z-index: 6;
}

.tit {
    position: relative;
    font-size: 24px;
    color: #fff;
    font-family: "sisong";
}

.tit img {
    display: inline-block;
    vertical-align: -8px;
    padding-right: 10px;
}

.tit a {
    position: absolute;
    right: 0;
    top: 10px;
    padding-right: 30px;
    background: url(../images/more.png) no-repeat right center;
    font-size: 14px;
    color: #fff;
    font-family: "微软雅黑";
    transition: all .3s;
}

.tit a:hover {
    right: 5px;
}

.item-l .tit::after {
    content: "";
    position: absolute;
    width: 104px;
    height: 2px;
    background: #fff;
    bottom: -15px;
    left: 40px;
}

.direct {
    padding-top: 30px;
}

.direct li {
    margin-top: 25px;
    line-height: 60px;
    background: rgba(255, 255, 255, .1) no-repeat center right;
    padding-left: 35px;
    border-left: 8px solid rgba(255, 255, 255, .18);
    padding-right: 70px;
    transition: all .3s;
}

.direct li a {
    display: block;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.direct li:hover {
    background: url(../images/direct-bg.png) rgba(0, 0, 0, .35) no-repeat center right;
    border-left: 8px solid #073170;
}

.item-r .slideBox {
    padding-top: 55px;
    padding-left: 50px;
}

.item-r .slideBox .hd {
    padding-top: 20px;
}

.item-r .slideBox .hd ul {
    border-bottom: 1px solid #fff;
}

.item-r .slideBox .hd ul li {
    position: relative;
    display: inline-block;
    margin-right: 65px;
    padding-bottom: 15px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}

.item-r .slideBox .hd ul li::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    background: #fff;
    bottom: -1px;
    display: none;
}

.item-r .slideBox .hd ul li.on {
    font-weight: bold;
}

.item-r .slideBox .hd ul li.on::after {
    display: block;
}

.item-r .slideBox .bd .more {
    position: absolute;
    right: 15px;
    top: 15px;
    transition: all .3s;
}

.item-r .slideBox .bd .more:hover {
    right: 10px;
}

.more a {
    font-size: 14px;
    color: #fff;
    padding-right: 30px;
    background: url(../images/more.png) no-repeat right center;
}

.item-r .slideBox .bd ul li {
    margin-top: 35px;
}

.item-r .slideBox .bd ul li a {
    display: block;
}

.item-r .slideBox .bd ul li a .date {
    display: table-cell;
    vertical-align: top;
}

.item-r .slideBox .bd ul li a .date span {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 40px;
    padding-left: 45px;
    line-height: 40px;
    background: #133973 url(../images/date.png) no-repeat 10px center;
    font-size: 16px;
    color: #fff;
    font-family: "sisong";
}

.item-r .slideBox .bd ul li a p {
    display: table-cell;
    vertical-align: top;
    line-height: 40px;
    padding-left: 25px;
    font-size: 16px;
    color: #fff;
    opacity: .5;
}

.item-r .slideBox .bd ul li a .date span::after {
    content: "";
    position: absolute;
    right: -9px;
    width: 22px;
    height: 2px;
    background: rgba(255, 255, 255, .46);
    top: 50%;
    transform: translatey(-50%);
}

.item-r .slideBox .bd ul li:hover a .date span {
    background: #1a4d9b url(../images/date.png) no-repeat 10px center;
}

.item-r .slideBox .bd ul li:hover a .date span::after {
    background: #fff;
}

.item-r .slideBox .bd ul li:hover a p {
    opacity: 1;
}

.team {
    position: relative;
    margin-top: 30px;
    z-index: 99;
}

.team .tit {
    position: relative;
    color: #2b2b2b;
    width: 53%;
}

.team .tit::before {
    content: "";
    position: absolute;
    left: 50px;
    bottom: -10px;
    width: 104px;
    height: 3px;
    background: #2b579a;
    z-index: 3;
}

.team .tit::after {
    content: "";
    position: absolute;
    left: 50px;
    right: 0;
    bottom: -9px;
    height: 1px;
    background: #bababa;
}

.team .tit a {
    background: url(../images/more-other.png) no-repeat right center;
    font-size: 14px;
    color: #535353;
}

.team_intro {
    padding-top: 25px;
}

.team_intro dl {
    margin-top: 25px;
    overflow: hidden;
}

.team_intro dl dt {
    float: left;
    width: 113px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    color: #fff;
    background: #2b579a;
}

.team_intro dl dd {
    margin-top: 10px;
    overflow: hidden;
    width: calc(100% - 130px);
    padding-left: 20px;
    line-height: 30px;
    font-size: 16px;
    color: #2f2f2f;
    padding-left: 15px;
}
.pic {
    padding-top: 75%;
    position: relative;
    overflow: hidden;
}


.pic .a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in;
}
a:hover .pic .a {
    transform: scale(1.1);
}

.group{margin-top: 30px;padding-bottom: 40px;}
.tp-list{margin-top: 40px;}
.tp-list ul{margin: 0 -16px;}
.tp-list ul li{margin: 0 16px;}
.tp-list ul li a{display: block;}
.tp-list ul li a .pic{position: relative;padding-top:70.27%;overflow: hidden;background-color: #322d9c38;}
.tp-list ul li a .pic .a{background-size:contain;}

.tp-list ul li a .text{line-height: 90px;border-bottom: 2px solid transparent;text-align: center;font-size: 18px;color: #333;}
.tp-list ul li a .text p{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.tp-list ul li:hover a .text{border-bottom: 2px solid #322D9C;background: #fff;}
.rw-tplist{margin-top: 40px;margin-bottom: 40px;}
.rw-tplist .rw-nrjj{margin-top: 40px;}
.rw-tplist .rw-nrjj h2{font-size: 32px;color: #333333;margin-bottom: 20px;}
.rw-tplist .rw-nrjj p{font-size: 18px;color: #333333;line-height: 32px;}
.rw-list{margin-top: 50px;}
.rw-list ul{margin: 0 -23px;}
.rw-list ul li a{position: relative; display: block;padding: 10px;margin: 0 23px;}
.rw-list ul li a::after{content: ""; position: absolute;left: 0;top:0;width: 100%;height: 100%;background: url(../images/teach-kk-bg.png) no-repeat center center;background-size: 100% 100%;transition: all .6s; }
.rw-list ul li:hover a::after{background: url(../images/teach-kk-bg-other.png) no-repeat center center;background-size: 100% 100%;}
.rw-list ul li a .tpp .pic{position: relative;padding-top: 121.58%;}

.rw-list ul li a  p{position: absolute;left: 0;right: 0;bottom: 0;text-align: center;font-size: 18px;color: #fff;line-height: 26px;background-color: #33333375;padding: 5px 0 20px;}

.rw-list .slick-prev, .tp-list .slick-prev{
    left: -26px;
    width: 30px;
    height: 30px;
    background: url(../images/s5-l.png) no-repeat center center/100% 100%;
}

.rw-list .slick-next, .tp-list .slick-next {
    right: -26px;
    width: 30px;
    height: 30px;
    background: url(../images/s5-r.png) no-repeat center center/100% 100%;
}





.member {
    margin-top: 50px;
    margin-bottom: 125px;
}

.member ul {
    margin: 0 -25px;
}

.member ul li a {
    position: relative;
    display: block;
    margin: 0 25px;
}

.member ul li a .pic {
    position: relative;
    padding-top: 132.9%;
    z-index: 9;
    overflow: hidden;
}

.member ul li a .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.member ul li a .text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 123px;
    background: url(../images/team-txt-bg.png) no-repeat center bottom;
    background-size: 100% auto;
    transition: all .3s;
    z-index: 99;
}

.member ul li a .text p {
    padding-top: 65px;
}

.member ul li a .text p span {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    padding-left: 30px;
}

.member ul li a .text p i {
    display: inline-block;
    padding-left: 45px;
    font-size: 16px;
    color: #fff;
}

.member ul li:hover a .text {
    background: url(../images/team-txt-bg-other.png) no-repeat center bottom;
}
@media only screen and (max-width:1600px) {
    .rw-list, .tp-list  {width: 90%;}
    .tp-list {margin: 40px auto 0;}
    .rw-list {margin: 0 auto;margin-top:20px;}
}
@media only screen and (max-width:1400px) {
    .rw-list ul li a{margin: 0 15px;}
    .tp-list ul{margin: 0;}
                                          
}
@media only screen and (max-width:1000px){  
    .xgdz .basic ul li{width: 100%;}
    .xgdz .basic{padding-left: 30px;}
    .edu .slideBox .hd ul li{width: 335px;}
    .edu .slideBox .hd ul li{padding-left: 110px;}
    .edu .slideBox .hd ul li:first-child{padding-left: 40px;}
    .edu .slideBox .hd ul li.on{margin-left: 0;padding-left: 40px;}
    .edu .slideBox .hd ul{background: none;}
    .edu .bd>ul>li>ul>li{margin-left: 10px;}
}
@media only screen and (max-width:769px){.xgdz{margin-top: 15px;}.tit_in{background: none;padding: 0;}
.tit_in h2{width: 100%;}
.tit_in span{height: 40px;line-height: 36px;font-size: 20px;}
.xgdz .basic{margin-top: 15px;padding: 15px;}
.xgdz .basic ul li{padding: 0;}
.xgdz .basic ul li p{line-height: 30px;}
.edu{padding-top: 15px;}
.slideBox .hd ul li span{font-size: 20px;}
.edu .slideBox .hd ul li span{font-size: 20px;line-height: 36px;}
.edu .slideBox .hd ul li.on span{font-size: 20px;line-height: 36px;padding-left: 14px;height: 40px;}
.edu .slideBox .hd ul li{/* line-height: 40px; */}
.edu .bd>ul{margin-top: 0;}
.edu .bd>ul>li{display: block;margin-bottom: 15px;}
.edu .bd>ul>li>ul>li{margin-left: 5px;padding: 0 5px;}
.research{margin-top: 15px;margin-bottom: 15px;}
.itembox{margin-top: 15px;padding: 15px;}
.teach-kk, .student-kk{margin-top: 40px;
    padding: 20px 15px}
    .teach .bt, .teach-kk .bt{top:-18px;line-height: 35px;font-size: 20px;}
    .teach-kk .content p {
        font-size: 16px;
    }
                                         
    .teach-kk ul li{line-height: 30px;font-size: 16px;margin-bottom: 15px; }
    .student-kk .st-qh{position: static;display: block;}
    .student-kk .stcur-qh span{margin: 3px 5px;padding: 0 5px;}
    .student-kk .st-name ul li{font-size: 14px;}
    .student-kk .bt{margin-bottom: 15px;position: absolute;}
    .rw-tplist .rw-nrjj h2{font-size: 24px;}
    .rw-tplist .rw-nrjj{margin-top: 15px;}
    .rw-list{margin-top: 15px;width: 78%;}
    .rw-list ul li a{margin: 0 5px;}
    .rw-list .slick-prev {
        /* left: -35px; */
    }

    .rw-list .slick-next {
        /* right: -35px; */
    }


                                         
    .team{margin-top:30px;padding-bottom: 20px;}
    .rw-tplist{margin-bottom: 20px;}
    .edu .slideBox .hd ul li{width: 100%;}
    .edu .slideBox .hd ul li.on{background: url(../images/tit-nr-bg.png) no-repeat left center;background-size: 100% 100%;}
                                   
    .edu .slideBox .hd ul li{padding-left: 0;}
    .edu .slideBox .hd ul li{margin-left: 0;}
   
    .teach-kk, .student-kk,.itembox,.xgdz .basic{background: none;border: 1px solid #b1adec;}
    .tp-list ul li a .text{padding: 15px 0;line-height: 30px;}
    .group{padding-bottom: 15px;}
    .tp-list ul li a .text{background: #fff;}
}