/* 轮播部分开始 */
.mySwiper{
    position: relative;
    height: 1040px;}

.mySwiper .swiper-slide img{
    width: 100%;
    height: 100%;}

.swiper-pagination-banner{
    width: 200px !important;
    height: 39px;
    position: absolute;
    left: 80% !important;
    transform: translateX(-50%);
    bottom: 80px !important;
    line-height: 39px;
    color: white;
    z-index: 98;
    text-align: center;}

.swiper-pagination-banner span{
    background: rgba(255, 255, 255, 0.4) !important;
    opacity: 1;
    margin: 0 6px !important;}

.swiper-pagination-banner .swiper-pagination-bullet-active{
    width: 45px;
    border-radius: 6px;
    background: white !important;}

.swiperTotalPage{
    width: 100px !important;
    height: 39px;
    border: 1px solid white;
    position: absolute;
    left: 160px;
    bottom: 80px;
    z-index: 98;
    text-align: center;
    line-height: 39px;
    color: white;}

.currentPage{
    font-size: 1.4em;}
/* 轮播部分结束 */

/* 新闻动态开始 */
/* 新闻列表 */
.news{
    width: 100%;
    height: 800px;
    background: url(../image/pc/index_bg1.jpg) no-repeat;
    background-size: 100% 100%;
    font-size: 18px;
    box-sizing: border-box;}

.newsBg{
    width: 80%;
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;}

.newsDynamic{
    width: 50%;
    height: auto;}

.titleTolls{
    width: 80%;
    margin: 0 auto;}

.newsTools h3{
    font-size: 1.8em;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #626262;
    line-height: 3em;}

.newsTools a span{
    font-size: 0.7em;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #BDC4D0;}

.newsTools a img{
    width: 1.1em;
    height: 0.38em;
    margin-left: 5px;}

.newsContent{
    width: 100%;
    /* height: 29em; */
    padding: 1em 2.7em;
    background: white;
    position: relative;}

.newsL{
    width: 100%;}

.newsL .two-row{
    max-height: 3.2em;
    overflow: hidden;}

.newsR .two-row{
    height: 3em;
    overflow: hidden;}

.newsItem{
    padding: 1em;
    background: white;
    transition: all .5s;}

.itemR{
    width: 100%;}

.itemR .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1em;}

.itemR .title p:first-child{
    width: 70%;
    font-size: 1em;
    font-weight: bold;
    color: #333333;}

.itemR .title p:nth-child(2){
    font-size: 0.8em;
    color: #c71212;
    flex-shrink: 0;
    margin-left: 20px;}

.newsItem:hover{
    background: #D4E5FD;}

.itemR > p{
    font-size: 0.8em;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #8A8A8A;
    line-height: 1.6em;}

.newsR{
    width: 45%;
    box-sizing: border-box;
    padding-left: 5%;}

.newsR p{
    font-size: 0.8em;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #8A8A8A;
    line-height: 1.6em;}

.newsR h3{
    font-size: 1em;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 2em;
    transition: all 1s;}

.newsR .rightImg{
    width: 100%;
    height: 12.6em;
    overflow: hidden;
    margin-top: 1em;}


.rightImg img{
    width: 100%;
    height: inherit;
    transition: all 1s;}

.rightImg img:hover{
    transform: scale(1.1);}

.newsR:hover h3{
    color: #594EE3;}


.newsDynamic .pointImg{
    width: 6.7em;
    height: 5.6em;
    position: absolute;
    right: 7em;
    bottom: -3em;}

/* 轮播盒子 */
.newsSwiper{
    width: 50%;}

.swiperContent{
    width: 100%;
    position: relative;}

.swiperContent .pointImg{
    position: absolute;
    top: 3em;
    left: -4em;}

.newsSwiper .swiper-slide .imgBox{
    width: 100%;
    height: 489px;
    overflow: hidden;}

.newsSwiper .swiper-slide img{
    width: 100%;
    height: inherit;
    transition: all 1s;}

.newsSwiper .swiper-slide img:hover{
    transform: scale(1.2);}

.swiperTools{
    width: 100%;
    padding: 0 15px;
    position: absolute;
    /* left: 0; */
    /* right: 0; */
    bottom: 0;
    background: rgba(0,0,0,.5);}

.swiperTools p:first-child{
    width: 80%;
    line-height: 3em;
    font-size: 1em;
    color: white;}

.swiperTools p:nth-child(2){
    color: #c7c3c3;
    font-size: 0.88em;}

.mySwiper01{
    position: relative;}

.swiper-pagination01{
    position: absolute;
    left: 2em !important;
    bottom: 4em !important;
    z-index: 99;}

.swiper-pagination-bullet-active{
    background: white;}

.swiperP, .swiperN{
    width: 3.7em;
    height: 3.7em;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;}

.swiperP .hoverImg, .swiperN .hoverImg{
    display: none;}

.swiperP:hover, .swiperN:hover{
    background: #1E429D;}

.swiperP:hover .tacitImg{
    display: none;}

.swiperN:hover .tacitImg{
    display: none;}

.swiperP:hover .hoverImg{
    display: block;}

.swiperN:hover .hoverImg{
    display: block;}

.swiper-button-prev:after, .swiper-button-next:after {
    content: '';}

.swiper-button-next, .swiper-button-prev{
    position: static;
    margin-top: 0;}

.mySwiper01 .swiper-pagination-bullet{
    background: rgba(255, 255, 255, 0.4);
    opacity: 1;}

.mySwiper01 .swiper-pagination-bullet-active{
    width: 14px;
    height: 14px;
    background: url(../image/pc/index_tu3.png) no-repeat;
    background-size: 125% 125%;}

/* 新闻动态结束 */

/* 通知公告部分开始 */
.informs{
    width: 100%;
    height: auto;
    background: url(../image/pc/index_bg2.jpg) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 20px 10%;
    font-size: 18px;}

.mySwiper02{
    height: 350px;
    position: relative;}

.mySwiper02 .swiper-slide{
    width: 22em;
    height: 13em;}

.mySwiper02 .swiper-slide a{
    display: block;
    width: 100%;
    height: inherit;
    box-sizing: border-box;
    padding: 30px;
    transition: all 1s;
    background: url(../image/pc/index_whitebg.png) no-repeat;
    background-size: 100% 100%;}

.mySwiper02 .inTime{
    width: 115px;
    height: 32px;
    border: 1px solid #DEE3EC;
    border-radius: 16px;
    text-align: center;

    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #888787;
    line-height: 32px;}

.swiper-slide > a > .two-row{
    height: 60px;
    overflow: hidden;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    margin-top: 10px;}

.swiper-slide > a .inTools{
    margin-top: 25px;}

.inTools p{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #888787;
    line-height: 40px;}

.inTools img{
    margin-left: 5px;}

.inTools .inActive{
    display: none;}

.mySwiper02 .swiper-slide a:hover{
    background: url(../image/pc/index_tu9.png) no-repeat;
    background-size: 100% 100%;}

.mySwiper02 .swiper-slide a:hover .inActive{
    display: block;}

.mySwiper02 .swiper-slide a:hover .inDefault{
    display: none;}

.mySwiper02 .swiper-slide a:hover .inTime{
    background: white;
    color: #1E429D;}

.mySwiper02 .swiper-slide a:hover .two-row{
    color: white;}


.mySwiper02 .swiper-slide a:hover .inTools p{
    color: white;}

.swiper-pagination02{
    width: 80px !important;
    text-align: center;
    position: absolute;
    bottom: unset !important;
    bottom: 50px !important;
    position: static;}

.swiper-pagination02 .swiper-pagination-bullet-active{
    border: 2px solid #1E429D;}

.informsTools{
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 30px;
    justify-content: center;}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    width: auto;}

.swiper-pagination02 .swiper-pagination-bullet{
    margin: 0 1px;}

.inPrev, .inNext{
    width: 2em;
    height: 2em;
    position: static;
    margin: 0 10px;
    outline: none;
    border: none;}

.inPrev:hover .prevActive, .inNext:hover .nextActive{
    display: block;}

.inPrev:hover .prevDefault, .inNext:hover .nextDefault{
    display: none;}

.inPrev .prevActive, .inNext .nextActive{
    display: none;}

.swiper-pagination-bullets-dynamic{
    transform: translateX(0) !important;}

/* 通知公告部分结束 */

/* 人才培养部分开始 */
.educate{
    width: 100%;
    height: auto;
    background: url(../image/pc/index_bg3.jpg) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 50px 10%;
    font-size: 18px;}

.singleW{
    width: 20%;
    height: 21.8em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;}

.singleW img{
    width: 3.8em;
    height: 3.8em;}

.singleW h3{
    font-size: 1.2em;
    height: 70px;}

.edu_02 h3, .edu_07 h3, .edu_08 h3{
    color: white;}

.edu_03 h3, .edu_05 h3{
    color: #0550CC;
    line-height: 1.5em;}

.twoW{
    width: 40%;
    height: 21.8em;
    transition: all 1s;}

.twoW:hover{
    background-size: 105% 105% !important;}


.edu_03, .edu_05{
    z-index: 99;}

.twoW a{
    width: 100%;
    height: 100%;}

.edu_04, .edu_06{
    margin-left: -15px;}

.edu_01{
    width: 20%;
    font-size: 1.8em;
    color: white;}

.moEdu{
    display: none;}

.moEduTitle{
    width: 100%;
    text-align: center;
    font-size: 2.3em;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 1em;}

.moEdu .row{
    margin-bottom: 10px;}

.moEdu .spaceBetween > div{
    width: 32%;}

.singleW img:hover{  
	animation: eduRotate 1s infinite linear;}

/* 人才培养部分结束 */

/* 科学研究开始 */
.sciResearch{
    width: 100%;
    height: auto;
    background: url(../image/pc/index_bg4.jpg) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 138px 10%;
    font-size: 18px;}

.moduleTitle{
    width: 17.6em;
    height: 14em;}

.moduleTitle h3{
    font-size: 1.8em;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;}

.sciSame{
    width: 14em;
    height: 14em;
    text-align: center;}

.sciSame a{
    width: 100%;
    height: inherit;
    flex-direction: column;
    justify-content: center;}

.sciSame img{
    width: 5em;
    height: 5em;}

.sciSame img:hover{
    animation: eduRotate 1s infinite linear;}

.sciSame h3{
    font-size: 1.2em;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 15px;}

.sciDetail{
    width: calc(100% - 31.6em);
    height: 14em;
    background: white;
    box-sizing: border-box;
    padding: 20px 30px;
    position: relative;}

.sciDetail::before{
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 15px solid white;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 50%;
    left: -14px;
    transform: translateY(-50%);}

.sciDetail p{
    text-indent: 2em;
    font-size: 1em;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 2em;

    height: 144px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}

.toInner{
    width: 7.8em;
    height: 3.1em;
    background: rgba(30, 66, 157, 0.12);
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    line-height: 3.1em;}

.toInner a{
    width: inherit;
    height: inherit;
    justify-content: center;}

.toInner:hover{
    background: #2e75e9;}

.sciL{
    width: calc(100% - 28em);
    height: 29.5em;
    position: relative;}

.sciLeftBg{
    width: 100%;
    height: inherit;
    overflow: hidden;
    position: relative;}

.sciLeftBg img{
    width: 100%;
    height: inherit;
    transition: all 1s;}

.sciLeftBg img:hover{
    transform: scale(1.2);}

.sciL .sciSame{
    position: absolute;
    right: 0;
    top: 0;}

.secondRow{
    align-items: flex-start;}

.hiddenPlus{
    display: none;}

.sciR .activePosition{
    position: relative;
    transition: all 1s;}

.sciR .activePosition:hover{
    background-size: 110% 110% !important;}

.sciR .activePosition a{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -100%;}


/* 莽搂鈥樏ヂγ犫�澝┞睹烩�溍β澟� */





















/* 鍝嶅簲寮忓鐞嗗紑濮� */


@media screen and (max-width: 1730px) {
    .mySwiper{
        height: 900px;}
}

@media screen and (max-width: 1400px){
    .newsR{
        display: none
    ;}

    .newsL{
        width: 100%;}
}

@media screen and (max-width: 1199px){
    .news{
        padding: 0 5%;}
    .newsBg{
        width: 100%;}
    .informs{
        padding: 20px 5%;}

    .educate{
        padding: 50px 5%;}

    .sciResearch{
        padding: 138px 5%;}

    .singleW, .twoW{
        height: 14em;}
}

@media screen and (max-width: 998px){
    .titleTolls{
        display: flex;
        width: 100%;}

    .newsBg{
        height: auto;
        padding-bottom: 5%;}
    
    .mySwiper{
        height: 543px;}

    .news{
        height: auto;
        font-size: 24px;
        background: url(../image/mo/mo_bg1.jpg) no-repeat;
        background-size: 100% 650px;}

    .newsContent{
        padding: 0;}


    .newsL{
        padding: 0;}

    .newsR{
        padding-left: 0;}

    .newsDynamic{
        width: 100%;
        margin-top: 70px;}

    .newsSwiper{
        width: 80%;
        margin: 0 auto;
        height: auto;
        order: -1;}

    .newsSwiper .swiper-slide .imgBox{
        height: 450px;}

    .swiperTools p:nth-child(2){
        display: none;}

    .swiperTools p:first-child{
       max-height:4.6em;
        width: 100%;
        line-height: 2.5em;
        white-space: pre-wrap;
        overflow : hidden;
        text-overflow: ellipsis !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;}

    .swiper-pagination01{
        bottom: 5em !important;}

    .swiperP, .swiperN{
        width: 2.5em;
        background: rgba(255, 255, 255, 0.2);}

    .swiper-button-next{
        position: absolute;
        left: -3em;}

    .swiper-button-prev{
        position: absolute;
        right: -3em;
        left: unset;}

    .swiperTips{
        position: static;}

    .newsContent{
        height: auto;
        display: block;}

    .newsL, .newsR{
        width: 100%;}

    .newsR{
        display: block;
        margin-top: 40px;}


    .newsR .rightImg{
        width: 100%;
        height: 20em;
        max-height: 457px;}

    .educate{
        font-size: 16px;}

    .pcEdu{
        display: none;}

    .moEdu{
        display: block;}

    .singleW{
        width: 33.3%;}

    .twoW{
        width: 66.6%;}

    .edu_04{
        width: calc(33.3% + 22px);
        margin-left: -22px;
        z-index: 99;
        color: #0550CC;}

    .edu_01_1{
        width: calc(33.3% + 22px);
        margin-right: -22px;
        z-index: 99;
        color: #0550CC;}
    
    .edu_06{
        margin-left: 0px;
        z-index: 99;}

    .sciResearch{
        padding-top: 50px;
        text-align: center;}

    .moduleTitle{
        width: 100%;
        height: auto;
        margin-bottom: 1em;}

    .moduleTitle h3{
        font-size: 2.3em;}

    .sciSame{
        width: 33.3%;}

    .sciDetail{
        width: calc(100% - 33.3%)
    ;}

    .sciL{
        display: none;}

    .sciR{
        width: 100%;}

    .hiddenPlus{
        display: block;}

    .sciR .activePosition a{
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;}
}

@media screen and (max-width: 800px){
    .mySwiper{
        height: 500px;}
    
    .news{
        background-size: 100% 500px;
        font-size: 18px;}

    .newsDynamic {
        margin-top: 50px;}

    .newsSwiper .swiper-slide .imgBox{
        height: 360px;}

    .swiperTools p:first-child{
        line-height: 2em;}

    .swiperTips img{
        width: 0.8em;
        height: 0.8em;}

    .swiperP, .swiperN{
        width: 2em;
        height: 3em;}

    .swiperP{
        right: -2.5em;}

    .swiperN{
        left: -2.5em;}

    .sciSame img{
        width: 3.8em;
        height: 3.8em;}
}

@media screen and (max-width: 550px){
    .singleW, .twoW{
        height: 12em;}

    .sciResearch, .educate{
        padding: 50px 10%;}

    .sciDetail, .sciSame{
        height: 12em;}

    .sciSame img{
        width: 4em;
        height: 4em;}

    .newsR .rightImg{
        height: 18em;}

    .itemR > p{
        white-space:pre-wrap;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;}

    .swiperTools p:first-child{
        line-height: 1.5em;}

    .itemR .title p:first-child{
        font-weight: 400;}

    .itemR .title{
        margin-bottom: 0.4em;}

    .swiperP, .swiperN{
        width: 1.5em;
        height: 2em;}

    .swiperTips img{
        width: 0.6em;
        height: auto;}

    .swiperP{
        right: -1.8em;}

    .swiperN{
        left: -1.8em;}
}

@media screen and (max-width: 480px){
    
    .mySwiper{
        height: 300px;}

    .news{
        background-size: 100% 360px;}

    .newsR .rightImg{
        height: 15em;}

    .newsSwiper{}

    .newsSwiper .swiper-slide .imgBox{
        height: 240px;}

    .educate{
        font-size: 14px;}
    
    .sciResearch{
        font-size: 14px;}

    .sciDetail p{
        height: 104px;}

    .newsItem{
        padding: 0.5em;}

    .newsDynamic{
        margin-top: 25px;}
}


@media screen and (max-width: 400px){
    .mySwiper{
        height: 260px;}

    .news{
        background-size: 100% 305px;
        padding: 0 15px;}

    .newsR .rightImg{
        height: 14em;}

    .newsSwiper{
        width: 85%;}

    .newsSwiper .swiper-slide .imgBox{
        height: 220px;}

    .swiper-pagination01{
        bottom: 4.5em !important;}

    .swiperP{}

    .swiperN{}

    .newsTools h3{
        font-size: 1.2em;}

    .moEduTitle{
        font-size: 1.9em;}

    .moduleTitle h3{
        font-size: 1.7em;}

    .newsL, .newsR{
        padding: 0;}

    .newsR{
        margin-top: 25px;}

    .informs{
        padding: 20px 5%;}

    .singleW h3{
        height: 40px;}

    .mySwiper02 .swiper-slide{
        width: 100%;
        margin-right: 0;}

    .educate{
        font-size: 12px;}

    .singleW, .twoW{
        height: 10em;}

    .sciDetail, .sciSame{
        height: 10em;}

    .toInner{
        width: 4em;}

    .toInner img{
        width: 10px;
        height: 10px;}
        

    .sciSame img{
        width: 3.6em;
        height: 3.6em;}

    .mySwiper02 .swiper-slide a{
        background: url(../image/pc/index_tu9.png) no-repeat;
        background-size: 100% 100%;}
    
    .mySwiper02 .swiper-slide a .inActive{
        display: block;}
    
    .mySwiper02 .swiper-slide a .inDefault{
        display: none;}
    
    .mySwiper02 .swiper-slide a .inTime{
        background: white;
        color: #1E429D;}
    
    .mySwiper02 .swiper-slide a .two-row{
        color: white;}
    
    
    .mySwiper02 .swiper-slide a .inTools p{
        color: white;}
}
/* 响应式处理结束 */



@keyframes eduRotate{
    from {transform: rotateY(0deg);}
    to {transform: rotateY(359deg);}
}