@charset "utf-8";
.ImgBanner{
    width: 100%;
    overflow: hidden;
    position: relative;
    animation: 0.8s ease .3s 1 normal backwards running fadeInUp;
}
.banner>div{
    float: left;
}
.banner a{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}
.banner a .img{
    width: 100%;
    height: 0;
    padding: 28.646% 0 0;
}
.banner .slick-prev,.banner .slick-next{
    width: 60px;
    height: 60px;
    background: rgba(0,0,0,0.4) url(../img/arrowIcon.png) no-repeat center;
    border-radius: 100%;
    top: 50%;
    z-index: 99999;
}
.banner .slick-prev{
    left: 30px;
    transform: translateY(-50%);
}
.banner .slick-next{
    left: auto;
    right: 30px;
    transform: translateY(-50%) rotateY(180deg);
}
.slick-dots{
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 20px;
    width: 100%;
    height: 30px;
}
.slick-dots li{
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 100%;
    margin: 0 8px;
}
.slick-dots li.slick-active{
    width: 23px;
    height: 30px;
    background: url(../img/dotsIcon2.png) no-repeat center;
    background-size: auto 30px;
    border: none;
    border-radius: 0;
}
/* lmTit */
.lmTit{
    flex-direction: column;
    position: relative;
}
.lmTit::before{
    display: block;
    content: "";
    width: 140px;
    height: 80px;
    background: url(../img/titBg.png) no-repeat top center;
    background-size: 136px auto;
    position: absolute;
    top: -55%;
    left: 50%;
    transform: translateX(-50%);
}
.lmTit h2{
    font-family: SourceHanSerifCN-Bold;
    font-size: 36px;
    line-height: 40px;
    color: #323232;
}
.lmTit p{
    font-family: TimesNewRoman;
    font-size: 14px;
    line-height: 20px;
    color: #263e62;
    margin-top: 2px;
    padding: 0 5px;
    position: relative;
}
.lmTit p::before,.lmTit p::after{
    display: block;
    content: "";
    width: 22px;
    height: 1px;
    background: #263e62;
    position: absolute;
    top: 50%;
}
.lmTit p::before{
    left: 100%;
}
.lmTit p::after{
    right: 100%;
}
.more{
    display: flex;
    align-items: center;
    justify-content: center;
}
.more a{
    display: block;
    width: 40px;
    height: 45px;
    background: url(../img/moreIcon1.png) no-repeat center;
    background-size: 100% auto;
    font-size: 14px;
    line-height: 46px;
    color: #263e62;
    text-align: center;
    position: relative;
    z-index: 99;
}
.more a:hover{
    background: url(../img/moreIcon2.png) no-repeat center;
    color: #a22529;
}
/* bg1 */
.bg1{
    background: url(../img/bg1.png) no-repeat top center;
    background-size: 100% auto;
}
/* indexCon1 */
.indexCon1{
    padding: 80px 0 76px;
}
.indexCon1 .new{
    margin-top: 30px;    
}
.newImg{
    width: 71.45%;
    margin-top: 15px;
}
.newImg li{
    float: left;
    width: 31.5%;
    margin-right: 2.74%;
    box-sizing: border-box;
}
.newImg li:nth-of-type(3){
    margin-right: 0;
    margin-top: 90px;
}
.newImg li:nth-of-type(2){
    margin-top: 45px;
}
.newImg li a{
    display: block;
    width: 100%;
    height: auto;
}
.newImg li .img{
    width: 100%;
    padding: 72.4% 0 0;
    border-radius: 5px;
}
.newImg li .con{
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    box-sizing: border-box;
}
.newImg li .con .time{
    width: 56px;
    height: 70px;
    background: url(../img/timeBg.png) no-repeat top center;
    background-size: 100% 100%;
    margin-top: -25px;
    position: relative;
    z-index: 9;
    font-family: Poppins-regular;
    font-size: 12px;
    line-height: 1;
    color: rgba(255,255,255,0.4);
    text-align: center;
}
.newImg li .con .time span{
    font-family: Poppins-medium;
    display: block;
    color: #fff;
    font-size: 24px;
    margin: 12px 0 5px;
}
.newImg li .con .tit{
    width: calc(100% - 66px);
    padding-left: 10px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 28px;
    color: #323232;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 56px;
    margin-top: 5px;
}
.newImg li a:hover .con .tit{
    color: #263e62;
    font-weight: bold;
}
.newList{
    width: 26.288%;
    position: relative;
    z-index: 9;
}
.newList ul{
    width: 100%;
    box-sizing: border-box;
}
.newList li a{
    display: block;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e3e7ec;
    padding: 12px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}
.newList li:last-of-type a{
    border-bottom: none;
}
.newList li a .tit{
    font-size: 18px;
    line-height: 28px;
    color: #323232;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 56px;
}
.newList li a .time{
    font-size: 12px;
    line-height: 12px;
    color: #263e62;
    text-align: center;
    white-space: nowrap;
    font-family: Poppins-regular;
}
.newList li a .time span{
    display: block;
    width: 100%;
    font-size: 24px;
    line-height: 24px;
    color: #263e62;
    font-family: Poppins-medium;
    margin-bottom: 4px;
    margin-top: 3px;
}
.newList li a .sx{
    width: 1px;
    height: 45px;
    background: #263e62;
    margin: 0 10px;
}
.newList li a:hover .tit{
    font-weight: bold;
    color: #263e62;
}
.newList .more{
    margin: 25px 0;
}
/* indexCon2 */
.indexCon2{
    padding-bottom: 80px;
    background: url(../img/bg1_3.png) no-repeat left bottom;
    position: relative;
}
.indexCon2::before{
    display: block;
    content: "";
    width: 34.375%;
    height: 100%;
    background: url(../img/bg1_4.png) no-repeat right center;
    background-size: auto 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
.gnhz{
    margin-top: 40px;
}
.gnhz .side{
    width: 28.57%;
    margin-top: 100px;
}
.gnhz .more{
    justify-content: flex-end;
    margin-top: 10px;
}
.gnhzList li{
    padding: 10px 0;
    border-bottom: 1px solid #e3e7ec;
}
.gnhzList li:last-of-type{
    border-bottom: none;
}
.gnhzList li a{
    display: block;
    position: relative;
    padding: 15px 0;
    box-sizing: border-box;
    z-index: 9;
}
.gnhzList li.on{
    border-bottom: none;
}
.gnhzList li.on a::before{
    display: block;
    content: "";
    width: 1920px;
    height: 100%;
    border-radius: 0 50px 50px 0;
    background: #a22529 url(../img/rkIcon.png) no-repeat right 18px top 18px;
    position: absolute;
    right: -100px;
    top: 0;
    bottom: 0;
    z-index: 0;
}
.gnhzList li a .tit{
    font-size: 18px;
    line-height: 28px;
    color: #323232;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 56px;
    position: relative;
    z-index: 9;
}
.gnhzList li.on a .tit{
    color: #fff;
}
.gnhz .list{
    width: 67.857%;
    overflow: hidden;
}
.gnhzImg li a{
    display: block;
    width: 100%;
    height: auto;
}
.gnhzImg li a .img{
    width: 100%;
    padding: 61.052%  0 0;
    border-radius: 5px;
}
/* bg2 */
.bg2{
    padding: 80px 0;
    background: url(../img/bg2.png) no-repeat center;
    background-size: cover;
}
/* indexCon3 */
.indexCon3 ul{
    width: auto;
    margin: 0 -5px;
}
.indexCon3 ul li{
    width: 25%;
    height: 250px;
    float: left;
    overflow: hidden;
    margin: 0 5px;
}
.indexCon3 li a{
    display: block;
    width: 100%;
    height: auto;
}
.indexCon3 li a{padding: 0rem 0;display: block;clip-path: polygon(0 90%,0 10%,100% 0%,100% 100%);transition: 0.5s;}
.indexCon3 li.slick-current a,.indexCon3 li.slick-current+li+li a{clip-path: polygon(0 100%,0 0,100% 10%,100% 90%);}
.indexCon3 li a:hover{
    transform: rotateY(0);
}
.indexCon3 ul li .img{
    width: 100%;
    padding: 250px 0 0;
}
.indexCon3 .slick-prev,.indexCon3 .slick-next{
    width: 60px;
    height: 60px;
    background: rgba(38,62,98,0.4) url(../img/arrowIcon.png) no-repeat center;
    border-radius: 100%;
    top: 50%;
    z-index: 99;
}
.indexCon3 .slick-prev:hover,.indexCon3 .slick-next:hover{
    background: rgba(38,62,98,1) url(../img/arrowIcon.png) no-repeat center;
}
.indexCon3 .slick-prev{
    left: -90px;
    transform: translateY(-50%);
}
.indexCon3 .slick-next{
    left: auto;
    right: -90px;
    transform: translateY(-50%) rotateY(180deg);
}

/* indexCon4 */
.indexCon4{
    margin-top: 80PX;
}
.indexCon4 ul{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 40px;
}
.indexCon4 li a{
    display: block;
    width: auto;
    height: auto;
}
.indexCon4 li .icon{
    width: 170px;
    height: 170px;
    border-radius: 100%;
    position: relative;
    background: rgba(162,37,41,0.12);
    z-index: 1;
}
.indexCon4 li .icon p{
    width: 150px;
    height: 150px;
    border-radius: 100%;
    background: rgba(162,37,41,1);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}
.indexCon4 li .icon p img{
    width: auto;
    height: auto;
    max-width: 70px;
    max-height: 70px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 3;
}
.indexCon4 li .tit{
    font-family: MicrosoftYaHeiSemibold;
    font-size: 20px;
    line-height: 1;
    color: #323232;
    text-align: center;
    margin-top: 20px;
}
.indexCon4 li a:hover .tit{
    color: #a22529;
}
.indexCon4 li a:hover .icon p img{
    animation: jello 1.6s linear;
}
/* bg3 */
.bg3{
    padding: 80px 0;
    background: url(../img/bg3.png) no-repeat left bottom;
}
.lmTit {
    position: relative;
}
.lmTit .more.dw{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
/* indexCon5 */
.indexCon5 ul{
    margin-top: 40px;
}
.indexCon5 ul li{
    float: left;
    width: 23.925%;
    margin-right: 1.43%;
}
.indexCon5 ul li:nth-of-type(4n){
    margin-right: 0;
}
.indexCon5 ul li a{
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(38,62,98,0.1);
}
.indexCon5 li a .img{
    width: 100%;
    padding: 63% 0 0;
    border-radius: 5px 5px 0 0;
}
.indexCon5 li a .con{
    position: relative;
    padding: 30px 28px;
    border-bottom: 2px solid #a22529;
}
.indexCon5 li a .con .tit{
    font-family: MicrosoftYaHeiSemibold;
    font-size: 18px;
    line-height: 20px;
    color: #323232;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.indexCon5 li a .con .hx{
    width: 30px;
    height: 2px;
    background: #a22529;
    margin: 15px 0;
}
.indexCon5 li a .con .txt{
    font-size: 14px;
    line-height: 24px;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 72px;
    text-align: justify;  
}
.indexCon5 li a .con .btn{
    width: 40px;
    height: 40px;
    background: url(../img/rkIcon2.png) no-repeat center;
    border-radius: 100%;
    background-size: 100% auto;
    position: absolute;
    right: 30px;
    bottom: -2px;
    transform: translateY(50%);
    transition: all .3s;
}
.indexCon5 li a:hover .con .tit{
    color: #a22529;
    font-weight: bold;
}
/* indexCon6 */
.indexCon6{
    margin-top: 80px;
}
.xisuAbout{
    width: 42.44%;
}
.xisuAbout .txt{
    font-size: 18px;
    line-height: 36px;
    color: #323232;
    text-align: justify;
    text-indent: 2em;
}
.xisuAbout .img img{
    display: block;
    width: 100%;
    height: auto;
    margin-top: 30px;
}
.xisuList{
    width: 53.58%;
}
.xisuList ul::before{
    display: block;
    content: "";
    width: 3px;
    height: 100%;
    background: rgba(38,62,98,0.1);
    position: absolute;
    left: 6px;
    top: 0;
}
.xisuList a.btn{
    display: block;
    float: right;
    width: 240px;
    height: 60px;
    border-radius: 30px;
    line-height: 60px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-indent: 30px;
    background: #a22529 url(../img/rkIcon.png) no-repeat right 5px top 5px;
    background-size: 50px auto;
    margin-top: 30px;
}
.xisuList a.btn:hover{
    background: #263e62 url(../img/rkIcon.png) no-repeat right 5px top 5px;
    background-size: 50px auto;
}
.xisuList ul{
    width: 100%;
    height: 368px;
    padding-left: 30px!important;
    box-sizing: border-box;
    position: relative;
}
.xisuList ul li{
    margin-bottom: 12px;
    position: relative;
}
.xisuList ul li::before{
    display: block;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: rgba(162,37,41,0.3);
    position: absolute;
    left: -30px;
    top: 13px;
    z-index: 2;
}
.xisuList ul li::after{
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background: rgba(162,37,41,1);
    position: absolute;
    left: -26px;
    top: 17px;
    z-index: 2;
}
.xisuList ul li a{
    display: block;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 83px;
    background: #f2f4f6;
    border-radius: 5px;
    padding: 0 30px;
    box-sizing: border-box;
    position: relative;
    z-index: 9;
    border-bottom: 3px solid rgba(38,62,98,0.15);
}
.xisuList ul li a::before{
    display: block;
    content: "";
    border-left: 0 solid transparent;
    border-right: 8px solid #f2f4f6;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 16px;
    right: 100%;
}
.xisuList ul li a .tit{
    font-size: 18px;
    line-height: 28px;
    color: #323232;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 56px;
}
.xisuList ul li a:hover .tit{
    color: #a22529;
    font-weight: bold;
}
/* bg4 */
.bg4{
    background: url(../img/bg4_2.png) no-repeat center bottom;
    background-size: 100% auto;
}
.indexCon8{
    padding: 80px 0;
}
.history{
    display: none;
    animation: 0.8s ease .3s 1 normal backwards running fadeInUp;
}
.history.on{
    display: block;
}
.history ul{
    width: auto;
    margin: 0 -10px;
}
.history ul li{
    float: left;
    width: 25%;
    padding: 0 10px;
    box-sizing: border-box;
}
.history ul li:nth-of-type(even){
    margin-top: 65px;
}
.history ul li a{
    display: block;
    display: flex;
    flex-direction: column;
}
.history ul li:nth-of-type(even) a{
    flex-direction: column-reverse;
}
.history ul li a .img{
    width: 100%;
    padding: 62.7% 0 0;
    border-radius: 5px;
}
.history ul li a .con{
    padding: 20px;
    padding-right: 0;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
.history ul li a .con::before{
    display: block;
    content: "";
    width: 1px;
    height: calc(100% + 30px);
    background: #a22529;
    position: absolute;
    left: 20px;
    top: -30px;
}
.history ul li:nth-of-type(even) a .con::before{
    top: auto;
    bottom: -30px;
}
.history li a .con .time{
    font-size: 14px;
    line-height: 20px;
    width: 80px;
    text-align: center;
    border-radius: 0 10px 10px 0;
    color: #fff;
    background: #a22529;
    margin: 0 0 15px;
}
.history li a .con .tit{
    font-family: MicrosoftYaHeiSemibold;
    font-size: 18px;
    line-height: 28px;
    color: #323232;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 15px;
    box-sizing: border-box;
    margin-bottom: 5px;
}
.history li a .con .txt{
    font-size: 14px;
    line-height: 24px;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 48px;
    padding-left: 15px;
    box-sizing: border-box;
}
.history li a:hover .con .tit{
    color: #a22529;
    font-weight: bold;
}
.history .slick-prev,.history .slick-next{
    width: 60px;
    height: 60px;
    background: rgba(38,62,98,0.4) url(../img/arrowIcon.png) no-repeat center;
    border-radius: 100%;
    top: 50%;
    z-index: 99;
}
.history .slick-prev:hover,.history .slick-next:hover{
    background: rgba(38,62,98,1) url(../img/arrowIcon.png) no-repeat center;
}
.history .slick-prev{
    left: -90px;
    transform: translateY(-50%);
}
.history .slick-next{
    left: auto;
    right: -90px;
    transform: translateY(-50%) rotateY(180deg);
}
.tabIn{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 30px 0;
}
.tabIn::before{
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #e3e9ee;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.tabIn li{
    width: 52px;
    height: 52px;
    border: 1px solid #fff;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    cursor: pointer;
}
.tabIn li p{
    width: 50px;
    height: 50px;
    background: #e7eef6;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 100%;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 22px;
    color: #9ca1aa;
    text-align: center;
    position: relative;
}
.tabIn li p span{
    width: 1px;
    height: 6px;
    background: #9ca1aa;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-60%) rotateZ(30deg);
}

.tabIn li.in{
    width: 90px;
    height: 90px;
    border: 1px dashed #a22529;
    border-radius: 100%;
}
.tabIn li.in p{
    width: 84px;
    height: 84px;
    color: #fff;
    background: #a22529 url(../img/tabInBg.png) no-repeat center;
    background-size: cover;
}
.tabIn li.in p span{
    background: #fff;
}
/* indexCon7 */
.indexCon7{
    padding: 80px 0 0;
    position: relative;
    z-index: 9;
}
.indexCon7::before{
    display: block;
    content: "";
    width: 100%;
    height: 62.5%;
    background: url(../img/bg4_1.png) no-repeat top center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.indexCon7 .lmTit h2,.indexCon7 .lmTit p{
    color: #fff;
}
.indexCon7 .lmTit p::before,.indexCon7 .lmTit p::after{
    background: #fff;
}
.indexCon7 .lmTit .more a{
    background: url(../img/moreIcon3.png) no-repeat center;
    background-size: 100% auto;
    color: #fff;
}
.teacher{
    margin-top: 10px;
}
.teacher ul.clearfix{
    margin: 0 -32px;
}
.teacher ul.clearfix li{
    padding: 30px 32px 40px;
    box-sizing: border-box;
    position: relative;
}
.teacher li a{
    display: block;
    width: 100%;
    height: auto;
    background: url(../img/xyfcBg.png) no-repeat bottom center;
    background-size: 100% auto;
    padding: 0 30px 30px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    box-shadow: 0 0 25px 0 rgba(0,0,0,0.1);
    position: relative;
}
.teacher li .img{
    width: 240px;
    padding: 300px 0 0;
    border-radius: 10px;
    overflow: hidden;
}
.teacher li .con .tit{
    font-family: MicrosoftYaHeiSemibold;
    line-height: 1;
    color: #323232;
    font-size: 24px;
    margin-top: 20px;
}
.teacher li .con .tit2{
    font-size: 14px;
    line-height: 24px;
    color: #a22529;
    margin-top: 14px;
}
.teacher ul.clearfix li .con{
    width: 100%;
}
.teacher ul.clearfix  .con .txt{
    font-size: 14px;
    line-height: 26px;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 52px;
}
.teacher ul.clearfix li .con .hx{
    width: 100%;
    height: 1px;
    background: #ececec;
    margin: 15px 0;
    position: relative;
}
.teacher ul.clearfix li .con .hx::before{
    display: block;
    content: "";
    width: 30px;
    height: 3px;
    background: #a22529;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.teacher ul.clearfix li a:hover .con .tit{
    color: #a22529;
    font-weight: bold;
}
.teacher li a::before{
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background: #a22529;
    position: absolute;
    left: 0;
    bottom: 0px;
}
.teacher ul.clearfix li:nth-of-type(even){
    margin-top: 40px;
}
.indexCon7 .slick-dots{
    position: static;
}
.indexCon7 .teacher .slick-dots li{
    border: 1px solid #263e62;
    padding: 0!important;
    width: 15px!important;
    height: 15px;
    margin-top: 0!important;
}
.indexCon7 .slick-dots li.slick-active{
    width: 23px!important;
    height: 30px;
    border:none;
    background: url(../img/dotsIcon1.png) no-repeat center;
}