@charset "utf-8";
/* body{opacity: 0.8;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url(../images/4.png) !important;} */
.banner{position: relative;}
.banner img{display: block;width: 100%;} 
.banner::before{content: "";display: block;width: 100%;height: 30%;background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%);position: absolute;left: 0;top: 0;z-index: 1;opacity: 0.549;}
.banner::after{
    content: "";display: block;width: 100%;height: 23%;background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);position: absolute;left: 0;bottom: 0;z-index: 1;opacity: 0.549;
} 

.gp-bread{text-align: right;padding: 15px 0 ;margin-top: -50px;}
.gp-bread img{margin-right: 5px;}
.gp-bread a,.gp-bread span{color: #fff;}
.gp-bread a:hover {
    color: #fff;
}


.subPage{ background: #f3f5f9;}
.searchBoxShadow{ background: #fff; margin-top: 60px; padding: 40px; box-sizing: border-box; margin-bottom: 100px;}


.columnTitle{margin: 52px 0 36px 0;}
.columnTitle h2{font-weight: normal;text-align: center;} 
.columnTitle h2 a{color: #000;font-family: 'MFDianHei';} 
.columnTitle h2 a span{display: inline-block;vertical-align: middle;width: 5px;height: 5px;border-radius: 50%;border: 1px solid #0d2c75;margin: 0 10px;} 
 
/* 单位列表 */
.list1{margin-bottom: 22px;}
.list1 dt{margin-bottom: 30px;}
.list1 dt .subtitle{display: flex;height: 150px;align-items: center;}
.list1 dt .subtitle .title{width: 50%;text-align: center;color: #444;background: #eef1f7 ;height: 100%;line-height: 150px;font-family: 'CTBiaoSong';}
.list1 dt .subtitle .title:hover{background:  url(../images/bg_1.png) no-repeat;background-size: cover;color: #fff;}
.list1 dt .subtitle img{width: 50%;height: 100%;}
.list1 dd{}
.list1 dd ul{overflow: hidden;margin: 0 -15px;}
.list1 dd ul li{float: left;width: 25%;margin-bottom: 30px;}
.list1 dd ul li a{display: block;margin: 0 15px;text-align: center;border: 1px solid #dcdcdc;color: #333;box-sizing: border-box;padding: 25px 10px;}
.list1 dd ul li a:hover{border-color: #12368f;background: #12368f;color: #fff;}

/* 学科列表 */
.list2{overflow: hidden;margin: 0 -15px 80px;}
.list2 li{float: left;width: 25%;margin-bottom: 30px;}
.list2 li a{display: block;margin: 0 15px;text-align: center;border: 1px solid #dcdcdc;color: #333;box-sizing: border-box;padding: 25px 10px;}
.list2 li a:hover{border-color: #12368f;background: #12368f;color: #fff;}

/* 教师查询 */
.search_box{ background-size: cover; box-sizing: border-box; margin-top: 14px;}
.search_box >div{ border-bottom: 1px solid #f0f0f0; padding: 26px 0px;}
.search_box .button{ font-size: 0;}
.search_box >div:nth-child(1){display: flex;justify-content: space-between;}
.search_box >div .listTitle{/* width: 100px; */text-align-last: justify;text-align: justify;text-justify: distribute-all-lines;display: inline-block;color: #333;font-weight: bold;margin-right: 5px;}
.search_box >div:first-child .listTitle{display: inline-block;width: auto;}
.search_box .word{display: flex; align-items: center; padding: 23px 0 24px;}
.search_box .word ul{flex: 1;display: flex;justify-content: space-between;}
.search_box .word ul li{}
.search_box .word ul li a{ padding: 5px;;display: block;box-sizing: border-box; color: #333;}
.search_box .word ul li a.active,.search_box .word ul li a:hover{color: #fff;background: #12368f;}
.search_box .technical{display: flex; padding: 33px 0 18px;}
.search_box .technical ul{flex: 1;}
.search_box .technical ul li{display: inline-block;margin-bottom: 7px;}
.search_box .technical ul li a{display: inline-block;box-sizing: border-box;padding: 5px 25px; color: #333;}
.search_box .technical ul li:nth-child(1) a{padding: 5px 10px;}
.search_box .technical ul li a.active,.search_box .technical ul li a:hover{color: #fff;background: #12368f;}
/* .search_box >div:last-child{display: flex;justify-content: space-between;} */
.search_box >div .name input{width: 220px;background-color: #fff; height: 40px;line-height: 40px;border: 1px solid rgb(18, 54, 143);padding-left: 14px;box-sizing: border-box;}
.search_box >div .button a{/* width: 68px; */padding: 0 10px;box-sizing: border-box;height: 40px;text-align: center;font-size: 16px;line-height: 40px;background-color: rgb(238, 241, 247);color: #666;margin-left: 10px;display: inline-block;}
.search_box >div .button a:hover{color: #fff;background: #12368f;}

.divSelect{position: relative;width: 220px;height: 40px; font-size: 14px; border: 1px solid #092c87;padding-left: 14px;box-sizing: border-box;background: #fff;display: inline-block;} 
.select_mask{width: 10px;height: 8px;display: block;position: absolute;right: 14px;top: 18px;background: url(../images/down2.png) no-repeat;transition: all 0.2s ease-in-out;}
.divSelect cite{height: 40px;line-height: 40px;width: 100%;color: #666;font-style: normal;display: block;cursor: pointer;}
.linkList02{position: absolute;left: 0;top: 39px;z-index: 5000;background-color: #fff;width: 100%;max-height:500px;overflow-y: auto;display: none;box-shadow: 5px 9px 10px rgba(0,0,0,0.15);}
.linkList02 li{padding:8px;font-size: 14px;text-align: center;line-height: 1.2;}
.linkList02 li:hover{background-color: #f1f1f1;}
.linkList02 li a{display: block;} 
.divSelect.active .select_mask{transform: rotate(-180deg); top: 15px;} 

.search_result{}
.search_result ul{overflow: hidden;padding-top: 40px;/* margin: 0 -15px; */}
.search_result li{float: left;width: 20%; margin-bottom: 30px;}
.search_result li a{display: block; margin: 0 15px; position: relative; transition: all 0.2s ease-in-out; }
.search_result li a:hover{transform: translateY(-6px);}
.search_result li a span{padding-bottom: 151%;}
.search_result li a .info{width: 100%;position: absolute;left: 0;bottom: 0;background: rgba(18, 54, 143,0.2);box-sizing: border-box;padding: 15px 20px;color: #fff;border-right: 3px solid #cfa972;}  
.search_result li a .info h3{font-weight: normal;}

.search_result .info-box{ padding: 15px 20px; background: rgba(18, 54, 143, 0.77); box-sizing: border-box; color: #fff;
    position: absolute; bottom: 0px; left: 0px; width: 100%;}
.search_result .info-box::before{ content: ''; display: block; width: 4px; height: 100%; background: #f19149;
position: absolute; right: 0px; top: 0px; transform: translateX(2px);}
.search_result .name{ line-height: 1;}
.search_result .post{ margin-left: 15px;}
.search_result .speciality{ line-height: 1; margin-top: 12px;}
     

/* 文章页 */
.pageArticle{margin: 0 0 100px;}
.pageArticle .pageArticleTitle{margin-bottom: 35px;}
.pageArticle .pageArticleTitle h3{font-weight: normal;color: #223e86;text-align: center;line-height: 1;}
.pageArticle .gp-article{}
.pageArticle .gp-article p{text-indent: 2em;color: #333;line-height: 1.65;margin-bottom: 1.5em;}

/* 分页 */
.gp-page{text-align: center;clear: both;line-height: 48px;margin: 30px 0 20px;} 
.gp-page a,.gp-page span{display: inline-block;margin: 0 15px;color: #333;}
.gp-page  a{width: 37px;height: 37px;;text-align: center;line-height: 37px;border: 1px solid #12368f;border-radius: 0%;vertical-align: middle;}
.gp-page a:hover,.gp-page a.on_pages{color: #fff;background: #12368f;border-color: #12368f;} 
.gp-page .gp-page-prev,.gp-page .gp-page-next,.gp-page .gp-page-start,.gp-page .gp-page-end{width: auto;vertical-align: middle;padding: 0 20px ;} 
.gp-page .num {line-height: 37px;}

.noMargin{margin-left: 0;}
.search_1{z-index: 2;}


@media screen and (max-width:1300px){ 
} 
@media screen and (max-width:1200px){  
    .divSelect{width: 250px;}
    .search_box >div .name input{width: 250px;}
    .search_box .word {align-items: initial;}
    .search_box .word ul{flex: 1;display: inline-block;}
    .search_box .word ul li{display: inline-block;}
    /* .search_box{padding: 15px 75px;} */


    .search_box >div .name input{width: 210px; }
    .search_box >div .button a{/* width: 60px; */margin-left: 15px;}
    .divSelect{width: 210px;} 

}
@media screen and (max-width:1140px){   

    .search_box >div .name input{width: 200px; }
    .search_box >div .button a{/* width: 50px; */margin-left: 8px;}
    .divSelect{width: 200px;} 

}
@media screen and (max-width:1060px){   

    .search_box >div .name input{width: 170px; }
    .search_box >div .button a{/* width: 50px; */margin-left: 8px;}
    .divSelect{width: 170px;} 

}
@media screen and (max-width:996px){ 
    .columnTitle{margin: 40px 0 30px;}
    .list1 dt .subtitle{height: 100px;}
    .list1 dt .subtitle .title{line-height: 100px;}
    .gp-bread{padding: 10px 0;margin-top: -40px;}
    .list2{margin-bottom: 50px;}

    .search_result li{width: 25%;}
    .search_box >div:nth-child(1){display: block;overflow: hidden;}
    .search_box >div:nth-child(1) >div{margin-bottom: 20px;width: 50%;float: left;}
    .search_box >div:nth-child(1) >div:last-child{margin-bottom: 0px;}
    .search_box >div .name input , .divSelect{width: 200px;} 
    .search_box >div:nth-child(1) >div.name,.search_box >div:nth-child(1) >div.button{margin-bottom: 0;}
    .search_box >div .button a{margin-left: 10px;}

    .gp-page a{display: none;}
    .gp-page a.on_pages,.gp-page .gp-page-prev, .gp-page .gp-page-next{display: inline-block;margin: 0 5px;}
    .gp-page{margin: 30px 0 70px;}
    .pageArticle .pageArticleTitle{margin-bottom: 30px;}
    .pageArticle{margin-bottom: 80px;}
}
@media screen and (max-width:768px){
    .search_box >div .name input, .divSelect{
        width: calc(100% - 50px);
        max-width: 240px;
    }
    .search_box >div:first-child .listTitle{min-width: 83px;margin-right: 10px;}
    .columnTitle{margin: 30px 0 20px;}
    .list1 {margin-bottom: 10px;}
    .list1 dt{margin-bottom: 20px;}
    .list1 dd ul li{width: 33.3%;margin-bottom: 15px;}
    .list1 dt .subtitle{height: auto;}
    .list1 dt .subtitle .title{line-height: 1.5;height: auto;width: 100%;padding: 10px;text-align: left;}
    .list1 dt .subtitle img{display: none;}
    .list1 dd ul{margin: 0 -10px;}
    .list1 dd ul li a{padding: 10px;margin: 0 10px;}

    .list2{margin: 0 -10px 30px;}
    .list2 li{width: 33.3%;margin-bottom: 20px;}
    .list2 li a{padding: 10px;margin: 0 10px;}
    
    .search_result li{width: 33.3%;margin-bottom: 20px;} 
    .search_box >div:last-child .button{margin-top: 20px;text-align: center;}
    .search_box >div,.search_box .word,.search_box .technical{padding: 15px 0;}
    .search_box >div:nth-child(1) >div{margin-bottom: 10px !important;width: 100%;float: none;}
    .search_box >div:nth-child(1) >div:last-child{margin-bottom: 0px !important; }

    .gp-page{margin: 20px 0 50px;}
    .search_result{margin-top: 30px;}
    .search_result ul{/* margin: 0 -10px; */}
    .search_result li a{margin: 0 10px;}
    .pageArticle .pageArticleTitle{margin-bottom: 20px;}
    .pageArticle .gp-article p{margin-bottom: 1em;}
    .pageArticle{margin-bottom: 50px;}
    .gp-bread{padding: 0;margin-top: -22px;}
    .searchBoxShadow{ padding: 30px 20px; margin-top: 30px; margin-bottom: 30px; overflow: hidden;}
}
@media screen and (max-width:540px){
     
    .search_result li{width: 50%;}
    
    .gp-page{margin: 10px 0 30px;}
    .search_result{margin-top: 20px;}
    .pageArticle .pageArticleTitle{margin-bottom: 15px;}

    .columnTitle {
        margin: 20px 0 15px;
    }
}
@media screen and (max-width:479px){
    .list2 li{width: 50%;margin-bottom: 15px;}
    .list1 dd ul li{width: 50%;}

    .search_box >div .listTitle{width: 80px;}
    .divSelect,.search_box >div:last-child .name input{width: 200px;}

    .search_result li{ width: 50%;}
    .search_result .info-box{ padding: 10px 20px;}
    .search_result .speciality{ margin-top: 8px;}
    .searchBoxShadow{ padding: 20px 10px;}
}
@media screen and (max-width:400px){
     .search_box >div .name input, .divSelect{display: block;margin-top: 10px;max-width: 240px;width: 100%;}
}