@media only screen and (max-width : 768px) {
    * {
        margin: 0;
        padding: 0;
    }
    a {
        text-decoration: none;
    }
    html,body{
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        background: #fff;
    }
    ul,
    ol,
    li {
        list-style: none;
        padding: 0;
        margin: 0;
    }
.artice #vsb_content iframe{
width:100%;
}
.artice #vsb_content>p{
text-indent:0;
}

#promptBox {
            display:none;
            position: fixed;
            width: 348px;
            height: 228px;
            z-index: 999;
        }
        #guanBi {
            text-align: right;
            position: absolute;
            right: 0px;
            width: 30px;
            height: 30px;
            padding: 5px 10px 0px 0px;
        }

        .img_piao {
            /* height: 266px; */
            height: 228px;
            /* width: 406px; */
            width: 348px;
            overflow: hidden;
        }

        .img_piao a {
            display: block;
            height: 228px;
            width: 348px;
        }

        .img_piao img {
            width: 100%;
            height: 100%;
        }
    .clearfix:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .clearfix {
        *zoom: 1;
    }
    .contain{
        width: 100%;
        height: auto;
        margin: auto;
        overflow: inherit;
    }
    img{
        display: block;
    }
    /* 首页 */
    .box{
        width:100%;
        height: auto;
    }
    /* 导航 */
    .header{
        width: 100%;
        height: auto;
        margin: auto;
        background: url(../img/header_bg.png) no-repeat;
        background-size: 100% 100%;
    }
    .logo{
        width: auto;
        height: 40px;
        float: left;
        padding: 10px 0 10px 5px;
    }
    .logo img{
        height: 100%;
        width:auto;
    }
    .search{
       display: none;
    }
    .top{
        display: none;
    }
    .top_link{
        display: none;
    }
    .nav{
        display: none;
    }
    /* 移动端导航 */
    .nav-phone {
        display: block;
        position: relative;
        z-index: 999;
        width: 100%;
        height: 60px;
        padding: 10px 0px;
        box-sizing: border-box;
    }

    .nav-phone .bg-banner {
        width: auto;
        height: 40px;
        display: block;
        margin-left: 20px;
    }

    .nav-phone .navTip {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0px;
    }

    .nav-phone .navTip p {
        line-height: 40px;
        font-size: 12px;
        color: #fff;
        margin: 0;
        font-weight: bold;
        text-align: center;
    }

    .nav-phone .navTip span {
        display: block;
        line-height: 20px;
        font-size: 14px;
        color: #fff;
        margin: 0;
        text-align: center;
    }

    .nav-phone .toggleBtn {
        position: absolute;
        top: calc((100% - 32px) / 2);
        right: 0px;
        width: 32px;
        height: 32px;
        margin: auto;
        /* background-color: #fff; */
        border-radius: 4px;
        margin-right: 10px;
    }

    .toggleBtn img {
        position: absolute;
        z-index: 999;
        right: 0px;
        width: 24px;
        height: auto;
        margin: 4px;
    }

    .toggleBtn .bg-banner {
        width: 100%;
        height: auto;
        display: block;
        margin: 0;
    }

    .nav-phone .menu-list {
        display: none;
        position: absolute;
        top: 100%;
        left: 0px;
        z-index: 999;
        width: 50%;
        margin-left: 50%;
        height: auto;
        overflow: hidden;
        background-color: #0e5a89;
        /* border: 1px #ccc solid; */
        box-sizing: border-box;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        /* border-bottom: 10px #b99570 solid; */
    }

    .menu-list>ul {
        width: 100%;
        height: auto;
        overflow: hidden;
        background-color: transparent;
        padding: 0;
        margin: 0;
    }

    .menu-list>ul>li {
        position: relative;
        width: 100%;
        height: auto;
        padding: 0px;
        text-align: center;
        background-color: transparent;
        border-bottom: 1px solid #186b9f;
    }

    .menu-list>ul>li>a {
        display: block;
        height: 40px;
        line-height: 40px;
        padding: 0px;
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .menu-list>ul>li>span {
        position: absolute;
        top: 0;
        right: 20px;
        height: 40px;
        line-height: 40px;
        padding: 0px;
        color: #999;
    }

    .menu-list>ul>li>span>img {
        width: 20px;
        height: 20px;
        margin: 10px 0px;
    }
    /* 移动端二级导航展开 */
    .menu-list ul li .child-list {
        display: none;
        background-color: #fff;
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 0;
    }

    .menu-list ul li .child-list li {
        width: 100%;
        height: auto;
        overflow: hidden;
        background-color: #186b9f;
        position: relative;
    }

    .menu-list ul li .child-list li a {
        display: block;
        font-size: 14px;
        width: 100%;
        text-align: center;
        height: 40px;
        line-height: 40px;
        color: #fff;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-bottom: 1px solid #186b9f;
    }
    /* 移动端三级级导航展开 */
    .menu-list .child-list .third-nav{
        display: none;
        background-color: #fff;
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 0;
    }

    .menu-list .child-list .third-nav li {
        width: 100%;
        height: auto;
        overflow: hidden;
        background-color: #238bcc;
    }

    .menu-list .child-list .third-nav li a {
        display: block;
        font-size: 14px;
        width: 100%;
        text-align: center;
        height: 40px;
        line-height: 40px;
        color: #fff;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-bottom: 1px solid #2b8b8a;
    }
    .menu-list ul li .child-list li span    {
        position: absolute;
        top: 0;
        right: 20px;
        height: 40px;
        line-height: 40px;
        padding: 0px;
        color: #999;
    }
    .menu-list ul li .child-list li span>img {
        width: 20px;
        height: 20px;
        margin: 10px 0px;
    }
    .fir_cont{
        width: 100%;
        height: auto;
        background: #f7f7f7;
        padding: 0;
        overflow: hidden;
    }
    .sec_cont{
        width: calc(100% - 20px);
        margin: auto;
        height: auto;
        padding: 10px;
        overflow: hidden;
    }
    .fir_cont .news-img{
        width: 100%;
        height: auto;
        float: left;
        margin-right: 0;
    }
    .fir_cont .news-img a{
        width: 100%;
        height: auto;
        display: block;
    }
    .fir_cont .news-img a img{
        width: 100%;
        height: auto;
    }
    .fir_cont .news{
        float: right;
        width: calc(100% - 20px);
        height: auto;
        padding: 0 10px;
        margin-top: 10px;
    }
    .title{
        width: 100%;
        height: 30px;
        border-bottom: 1px solid #71a9da;
        padding: 5px 0;
    }
    .title .tit_left{
        float: left;
        overflow: hidden;
    }
    .title .tit_left img{
        float: left;
        width: auto;
        height: 20px;
        margin-top: 5px;
    }
    .title .tit_left span{
        float: left;
        display: inline-block;
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        color: #25506b;
        font-weight: 600;
    }
    .title .tit_right{
        float: right;
        overflow: hidden;
    }
    .title .tit_right a{
        color: #186b9f;
    }
    .title .tit_right .more-en{
        display: inline-block;
        height: 20px;
        line-height: 30px;
        font-size: 12px;
        padding: 0 10px;
        margin-top: 5px;
    }
    .title .tit_right:hover .more-en{
        color: #186b9f;
    }
    /* 学院新闻 */
    .news_list{
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .news_list ul{
        width: 100%;
        height: auto;
    }
    .news_list ul li{
        width: 100%;
        height: 40px;
        line-height: 40px;
        background: #fff;
        margin-bottom: 10px;
        padding: 5px 0;
    }
    .news_list ul li a{
        width: 100%;
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        display: block;
    }
    .news_list ul li a img{
        width: auto;
        height: 10px;
        margin-top: 13px;
        float: left;
        margin-right: 10px;
    }
    .news_list ul li a .tit{
        width: calc(100% - 110px);
        height: 40px;
        line-height: 40px;
        float: left;
        font-size: 14px;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    
    }
    .news_list ul li:first-child a .tit{
        color: #a1672f;
        font-size: 14px;
        font-weight: 600;
    }
    .news_list ul li a .time{
        width: 90px;
        height: 40px;
        float: left;
        text-align: left;
        font-size: 14px;
        position: relative;
    }
    .news_list ul li a .time::after{
        position: absolute;
        width: 1px;
        height: 25px;
        background: #e5e5e5;
        content: "";
        top: 8px;
        right: 9px;
    }
    .news_list ul li a .time .month{
        width: 100%;
        height: 40px;
        line-height: 40px;
        display: block;
        text-align: center;
        color: #666;
        font-size: 16px;
        font-weight: 600;
    }
    .news_list ul li a .time .year{
        width: 100%;
        height: 25px;
        line-height: 25px;
        display: none;
        text-align: center;
        color: #666;
    }
    .news_list ul li:first-child a .time .month{
        color: #a1672f;
    }
    .news_list ul li:first-child a .time .year{
        color: #a1672f;
    }
    .news_list ul li a:hover .tit,.news_list ul li a:hover .time .month,.news_list ul li a:hover .time .year{
        color: #a1672f;
    }
    .sec_cont .tzgg{
        width: 100%;
        float: none;
        background: #fff;
        height: auto;
    }
    .sec_cont .xsjz{
        width:100%;
        float: none;
        background: #fff;
        height: auto;
        padding: 0;
    }
    /* 通知公告 */
    .tzgg_list{
        width: 100%;
        height: auto;
        margin-top: 10px;
    }
    .tzgg_list ul{
        width: 100%;
        height: auto;
    }
    .tzgg_list ul li{
        width: 100%;
        height: 45px;
        line-height: 45px;
    }
    .tzgg_list ul li a{
        width: 100%;
        height: 45px;
        line-height: 45px;
        overflow: hidden;
        display: block;
    }
    .tzgg_list ul li a img{
        width: auto;
        height: 10px;
        margin-top: 13px;
        float: left;
        margin-right: 10px;
    }
    .tzgg_list ul li a .tit{
        width: calc(100% - 85px);
        height: 45px;
        line-height: 45px;
        float: left;
        font-size: 14px;
        color: #333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .tzgg_list ul li a .time{
        width: 85px;
        height: 45px;
        line-height: 45px;
        float: left;
        text-align: right;
        color: #666;
        font-size: 14px;
    }
    .tzgg_list ul li a:hover .tit{
        color: #a1672f;
    }
    .tzgg_list ul li a:hover .time{
        color: #a1672f;
    }
    /* 学术讲座 */
    .xsjz_cont{
        width: 100%;
        height: auto;
    }
    .xsjz-info{
        width: 100%;
        height: auto;
        padding: 8px 0;
        border-bottom: 1px solid #f2f2f2;
    }
    .xsjz-info a{
        width: 100%;
        height: auto;
        display: block;
    }
    .xsjz-info a .xsjz-tit{
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        font-weight: 600;
        color: #333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .xsjz-info a .xsjz-name{
        height: 20px;
        line-height: 20px;
        width: 100%;
        color: #333;
        font-size: 14px;
        letter-spacing: 0.7px;
    }
    .xsjz-info:hover .xsjz-tit{
        color: #a1672f;
    }
    .xsjz-info:hover .xsjz-name{
        color: #a1672f;
    }
    .xsjz-list{
        width: 100%;
        height: auto;
    }
    .xsjz-list ul{
        width: 100%;
        height: auto;
        margin-top: 10px;
    }
    .xsjz-list ul li{
        width: 100%;
        height: 40px;
        margin-bottom:10px;
    }
    .xsjz-list ul li a{
        width: 100%;
        height: 40px;
        display: block;
        line-height: 40px;
        overflow: hidden;
    }
    .xsjz-list ul li a .xsjz-time{
        float: left;
        width: 60px;
        height: 25px;
        line-height: 25px;
        background: #186b9f;
        text-align: center;
        border-radius: 5px;
        color: #fff;
        margin-right: 10px;
        margin: 8px 10px 7px 0;
    }
    .xsjz-list ul li a .tit{
        float: left;
        width: calc(100% - 80px);
        height: 40px;
        font-size: 14px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #333;
    }
    .xsjz-list ul li a:hover .tit{
        color: #a1672f;
    }
    .third_cont{
        width: calc(100% - 20px);
        height: auto;
        padding: 10px;
        background: url(../img/study_bg.png) no-repeat;
        background-size: 100% 100%;
    }
    /*本科生教育 */
    .study{
        width: 100%;
        margin: auto;
        height: auto;
        overflow: hidden;
    }
    .bks_study{
        width: 100%;
        margin-right: 20px;
        height: auto;
        float: none;
    }
    .yjs_study{
        width: 100%;
        height: auto;
        float: none;
    }
    .bks-list{
        width: 100%;
        height: auto;
    }
    .bks-list ul{
        width: 100%;
        height: auto;
        margin-top: 10px;
    }
    .bks-list ul li{
        width: 100%;
        height: 40px;
        margin-bottom:10px;
    }
    .bks-list ul li a{
        width: 100%;
        height: 40px;
        display: block;
        line-height: 40px;
        overflow: hidden;
    }
    .bks-list ul li a .time{
        float: left;
        width: 60px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        color: #666;
        font-size: 14px;
        margin: 8px 10px 7px 0;
    }
    .bks-list ul li a .tit{
        float: left;
        width: calc(100% - 80px);
        height: 40px;
        font-size: 14px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #333;
    }
    .bks-list ul li a:hover .time{
        color: #a1672f;
    }
    .bks-list ul li a:hover .tit{
        color: #a1672f;
    }
     .education {
       width:calc(100% - 20px);
       height: auto;
       background: #f7f7f7;
       padding:0px 10px;
       overflow: hidden;
     }
    /*科研信息  就业信息*/
    .message{
         width: 100%;
         margin: auto;
         height: auto;
         overflow: hidden;
     }
    .scientific{
        width: 100%;
        float: none;
        height: auto;
    }
    .job{
        width:100%;
        float: none;
        height: auto;
        padding: 0;
    }
    .scientific_list{
        width: 100%;
        height: auto;
        margin-top: 10px;
    }
    .scientific_list ul{
        width: 100%;
        height: auto;
    }
    .scientific_list ul li{
        width: 100%;
        height: 45px;
        line-height: 45px;
    }
    .scientific_list ul li a{
        width: 100%;
        height: 45px;
        line-height: 45px;
        overflow: hidden;
        display: block;
    }
    .scientific_list ul li a img{
        width: auto;
        height: 10px;
        margin-top: 13px;
        float: left;
        margin-right: 10px;
    }
    .scientific_list ul li a .tit{
        width: calc(100% - 85px);
        height: 45px;
        line-height: 45px;
        float: left;
        font-size: 14px;
        color: #333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .scientific_list ul li a .time{
        width: 85px;
        height: 45px;
        line-height: 45px;
        float: left;
        text-align: right;
        color: #666;
        font-size: 14px;
    }
    .scientific_list ul li a:hover .tit{
        color: #a1672f;
    }
    .scientific_list ul li a:hover .time{
        color: #a1672f;
    }
    /* 网站图片链接 */
    .link-list{
        width: 100%;
        margin: auto;
        height: auto;
        padding: 10px 0 0 0;
    }
    .link-list ul{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .link-list ul li{
        width: 48%;
        height: auto;
        float: left;
        margin: 1%;
    }
    .link-list ul li:last-child{
        margin-right: 0;
    }
    .link-list ul li a{
        width: 100%;
        height: auto;
        display: block;
    }
    .link-list ul li a img{
        display: block;
        width: 100%;
        height: auto;
    }
    /* 底部 */
    .footer{
        width: 100%;
        min-width: 100%;
        height: auto;
        padding: 20px 0 0 0;
        background: url(../img/bottom_bg.png) no-repeat;
        background-size: 100% 100%;
    }
    .foot{
        width: 100%;
        margin: auto;
        height: auto;
        border-bottom: 1px solid #92a8b5;
        padding-bottom: 10px;
    }
    /* 底部链接 */
    .links{
        display: none;
    }
    .contact{
        width: 280px;
        height: auto;
        margin-left: 0;
        float: none;
        margin: 0 auto;
    }
    .contact p{
        width: 100%;
        height: 20px;
        line-height: 20px;
        color: #fff;
        font-size: 14px;
    }
    .footer .wx-code{
        float: none;
        margin-right: 0;
        margin: 0 auto;
        width: 100px;
        height: 100px;
        margin-top: 10px;
display:none;
    }
    .footer .wx-code img{
        width: 100px;
        height: 100px;
    }
    .copy{
        width: 100%;
        height: auto;
        padding: 10px 0;
        overflow: hidden;
        margin: auto;
    }
    .copy a{
        width: 33px;
        height: 40px;
        display: block;
        float: none;
        margin: auto;
    }
    .copy a img{
        width: 33px;
        height: 40px;
    }
    .copy .copy_info{
        width: 100%;
        float: none;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        color: #fff;
        text-align: center;
    }
    /* 右侧边栏 */
    .fpcd{
        display: none;
    }
    /* 列表页 */
    .details_banner{
        width: 100%;
        height: auto;
    }
    .details_banner img{
        width: 100%;
        height: auto;
    }
    .content {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 10px auto 0px;
    }
    .content .colum {
        display: none;
    }
    .content .details-wrap {
        float: none;
        width: calc(100% - 20px);
        height: auto;
        background-color: #fff;
        padding: 0 10px;
    }
    .content .colum h2 {
        width: 100%;
        height: 80px;
        line-height: 80px;
        font-size: 24px;
        color: #fff;
        text-align: center;
        background: #186b9f;
        margin: 0px;
        font-weight: 400;
    }
    .content .colum .colum_list{
        width: 100%;
        height: auto;
    }
    .content .colum .colum-li {
        width: calc(100% - 2px);
        height: 50px;
        border: 1px solid #e8e8e8;
        border-top: none;
    }
    .content .colum .colum-li a {
        display: block;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        color: #4c4c4c;
        text-align: center;
        border-top: none;
        position: relative;
    }
    .content .colum .focus a{
        color: #238bcc;
        font-weight: 600;
    }
    /* .content .colum .focus a::after{
        content: "";
        top: 10px;
        left: 0;
        width: 4px;
        height: 30px;
        background: #238bcc;
        position: absolute;
    }
    .content .colum .colum-li:hover a::after{
        content: "";
        top: 10px;
        left: 0;
        width: 4px;
        height: 30px;
        background: #238bcc;
        position: absolute;
    } */
    .content .colum .colum-li:hover a{
        color: #238bcc;
        font-weight: 600;
    }
    .details-tit{
        width: 100%;
        min-height: 35px;
        line-height: 35px;
        padding-bottom: 10px;
        position: relative;
height: auto;
    }
    .details-tit::after{
        position: absolute;
        bottom: 0px;
        left: 0;
        content: "";
        height: 1px;
        width: 100%;
        background: url(../img/fgx.png) no-repeat;
        background-size: 100% 100%;
    }
    .details-tit .targetBar {
        width: 100%;
        padding: 0 5px;
        box-sizing: border-box;
        min-height: 35px;
height: auto;
    }
    .details-tit .targetBar strong {
        display: inline-block;
        min-height: 35px;
        line-height: 35px;
        color: #707070;
        font-size: 14px;
        font-weight: 100;
height: auto;
    }
    .details-tit .targetBar span {
        display: inline-block;
        min-height: 35px;
        line-height: 35px;
        color: #707070;
        font-size: 14px;
        margin: 0 5px;
height: auto;
    }
    .details-tit .targetBar label {
        float: right;
        display: inline-block;
        min-height: 35px;
        line-height: 35px;
        color: #707070;
        font-size: 14px;
height: auto;
        margin: 0 5px;
    }
    .details-tit .targetBar a {
        display: inline-block;
        min-height: 35px;
        line-height: 35px;
        color: #707070;
height: auto;
        font-size: 14px;
    }
    .details-tit .targetBar a:hover {
        color: #238bcc;
    }
    .list-wrap {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .list-wrap ul {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 10px;
    }
    .list-wrap ul li {
        list-style: none;
        width: 100%;
        height: 40px;
        overflow: hidden;
        border-bottom: 1px solid #ececec;
        padding: 5px 0;
    }
    .list-wrap ul li a {
        display: inline-block;
        width: 100%;
        height: 100%;
        color: #333;
    }
    .list-wrap .list-tit{
        float: left;
        width: calc(100% - 110px);
        height: 40px;
        line-height: 40px;
        color: #727272;
        font-size: 14px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-left: 20px;
        position: relative;
    }
    .list-wrap .list-tit::after{
        position: absolute;
        content: "";
        top: 14px;
        left: 5px;
        width: 9px;
        height: 9px;
        border: 1px solid #bbbbbb;
        border-radius: 50%;
    }
    .list-wrap .list-tit::before{
        position: absolute;
        content: "";
        top: 17px;
        left: 8px;
        width: 5px;
        height: 5px;
        background: #bbbbbb;
        border-radius: 50%;
    }
    .list-wrap .list-time {
        width: 90px;
        height: 40px;
        line-height: 40px;
        float: left;
        font-size: 14px;
        text-align: right;
    }
    .list-wrap ul li a:hover .list-tit{
        color: #238bcc;
    }
    .list-wrap ul li a:hover .list-time{
        color: #238bcc;
    }
    .list-wrap ul li a:hover .list-tit::after{
        border: 1px solid #238bcc;
    }
    .list-wrap ul li a:hover .list-tit::before{
       background: #238bcc;
    }
    .details {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .details h3 {
        width: 100%;
        font-size: 18px;
        color: #333;
        margin: 0px;
        line-height: 30px;
        font-weight: 100;
        text-align: center;
        padding: 0 0;
        margin: 10px 0px;
    }
    /*.details span {
        display: block;
        text-align: center;
        font-size: 14px;
        color: #999;
        margin-bottom: 30px;
    }*/
    .details .artice {
        width: 100%;
        height: auto;
        overflow: auto;
        padding: 0 0px 0px 0px;
        border-bottom: 1px #ECECEC solid;
        font-size: 14px;
        color: #4c4c4c;
        line-height: 30px;
        text-indent: 2em;
    }
    .details .artice h1{
        margin:10px 10px!important;
    }
     .details .artice  #wjInfo{
 width:auto!important;
       
    }
     .details .artice  #wjHead{
        font-size:30px!important;
        line-height:30px!important;
        padding:20px 0!important;
       
    }
     .details .artice  #wjYf{
        font-size:16px!important;
       
    }
     .details .artice  #wjCs{
        font-size:16px!important;
        line-height:30px!important;
        padding:5px 0!important;
 width:auto!important;
    }
    .details .artice  #wjBs{
        font-size:16px!important;
        line-height:30px!important;
        padding:5px 0!important;
 width:auto!important;
    }
    .details .artice  #wjZtc{
        font-size:16px!important;
        line-height:30px!important;
        padding:5px 0!important;
 width:auto!important;
    }
    .details .pageNow {
        width: 100%;
        height: 50px;
        padding: 0 0;
    }
    .details .pageNow a:hover {
        color: #238bcc;
    }
    .details .pageNow .pageL {
        display: inline-block;
        float: left;
        height: 50px;
        line-height: 50px;
        color: #666;
        font-size: 14px;
        width: 45%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .details .pageNow .pageR {
        display: inline-block;
        float: right;
        height: 50px;
        line-height: 50px;
        color: #666;
        font-size: 14px;
        width: 45%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: right;
    }
    .search_list{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .search_list .details-wrap{
        width: calc(100% - 20px);
        height: auto;
        overflow: hidden;
        padding: 0 10px;
    }
    /* 教师列表 */
    .teacher-list{
        width: 100%;
        height: auto;
        margin-top: 10px;
    }
    .teacher-item{
        width: 100%;
        height: auto;
    }
    .teacher-item .teacher-tit{
        width: 100%;
        height: 50px;
        overflow: hidden;
        border-bottom: 1px dashed #ddd;
    }
    .teacher-item .teacher-tit img{
        float: left;
        height: 22px;
        width: auto;
        margin: 14px 10px 14px 0;
    }
    .teacher-item .teacher-tit span{
        width: auto;
        float: left;
        display: block;
        height: 50px;
        line-height: 50px;
        color: #3c82ae;
        font-weight: 600;
    }
    .teacher-item ul {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 10px;
    }
    .teacher-item ul li {
        list-style: none;
        width: 33%;
        height: 35px;
        float: left;
    }
    .teacher-item ul li a {
        display: inline-block;
        width: 100%;
        height: 100%;
        line-height: 35px;
        color: #333;
    }
    .teacher-item ul li:hover a{
        color: #3c82ae;
        font-weight: 600;
    }
    
    /* 教师详情*/
    .teacher-detail{
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 15px;
    }
    .teacher_info{
        float: none;
        width: 100%;
        margin-top: 5px;
    }
    .detail_tab_item{
        float: none;
        margin-left: 0;
        width: 100%;
        padding: 10px 10px;
        background: #fff;
        box-shadow: #e7e7e7 0px 0px 10px;
        margin-top: 5px;
        margin-bottom: 7px;
        box-sizing: border-box;
    }
    .teacher_img{
        padding: 35px 35px 10px 35px;
        width: calc(100% - 70px);
        background: #fff;
        text-align: center;
    }
    .teacher_img img{
        width: 150px;
        height: 180px;
        display: block;
        margin: auto;
    }
    .teacher_img .name{
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #3c82ae;
        font-size: 16px;
        font-weight: bold;
    }
    .detail_tab{
        width: 100%;
        box-sizing: border-box;
        margin-top: 10px;
        background: #fff;
        border-top: 3px solid #3c82ae;
        border-bottom: 1px solid #ededed;
        border-left: 1px solid #ededed;
        border-right: 1px solid #ededed;
        box-shadow:#ededed 0px 0px 10px;
        overflow: hidden;
    }
    .detail_tab p{
        width: 25%;
        height: 40px;
        text-align: center;
        line-height: 40px;
        border-top: 1px solid #f1f1f1;
        color: #666;
        cursor: pointer;
        font-size: 14px;
        float: left;
    }
    .detail_tab p:hover{
        color: #3c82ae;
        font-weight: 600;
    }
    .detail_tab .cur{
        font-weight: bold;
        background: #ddecf6;
        color: #3c82ae;
    }
    .detail_item{
        display: none;
    }
    .on{
        display: block;
    }
    .info_tit{
        width: 100%;
        height: 40px;
        line-height: 40px;
        border-bottom: 2px solid #3c82ae;
        color: #3c82ae;
        font-weight: bold;
    }
.jbxx_detail{
    width: 100%;
    height: auto;
    width: 100%;
    height: auto;
    line-height: 30px;
    color: #999;
    font-size: 14px;
}
.jbxx_detail span{
    color: #333!important;
    font-size: 14px!important;
}
.jbxx_detail p{
    color: #333!important;
    font-size: 14px!important;
}
.jbxx_detail div{
    color: #333!important;
    font-size: 14px!important;
}
        /* 师资队伍图片列表页 */
    .pic_wz{
        width: calc(100% - 20px)!important;
    }
    .picture-list{
        width: calc(100% - 0px);
        height: auto;
        /* background-color:#f5f5f5 ; */
        padding: 0px 0;
    }
    .pic_list{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .pic_list li{
        width: calc(48% - 16px);
        height: auto;
        float: left;
        padding: 8px 8px 0 8px;
        border: 1px solid #dedede;
        overflow: hidden;
        margin-right: 2%;
        margin-bottom: 20px;
    }
    .pic_list li:nth-child(5n){
        margin-right: 2%;
    }
    .pic_list li:nth-child(2n){
        margin-right: 0;
    }
    .pic_list li a:hover .pic_img img{
        width: 150px;
        height: 190px;
        transition: 0.5s;
        transform: matrix(1.1,0,0,1.1,0,0);
    }
    .pic_list li a{
        width: 100%;
        height: auto;
    }
    .pic_list li a .pic_img{
        width: 100%;
        height: 180px;
        overflow: hidden;
    }
    .pic_list li a .pic_img img{
        width: 140px;
        height: 180px;
        margin: auto;
        transition: all .5s ease-out;
    }
    .pic_list li a .pic_tit{
        width: calc(100% - 10px);
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 5px;
        text-align: center;
        color: #333;
        font-size: 16px;
    }
    .teacher-nav {
        display: none;
    }
    
    
    
    
    
    
    
    
    
    
}