@charset "utf-8";
/* CSS Document */

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


    table{width: 100% !important;}


    .cwp1200{
        width: 95%;}
    .header .headTop .top_link{display: none;}
    #openlc{
    display: block;
    position: absolute;
    right: 30px;
    top: 10px;}
    .lcbody{
        width:30px;
        height:30px;
        position:relative;
        transform:translateZ(0px) rotate(0deg);
        transition:transform 0.4s cubic-bezier(0.4,0.01,.165,0.99)
    ;}

    .lcitem{
        position:absolute;
        left:0;
        top:0;
        transform:translateZ(0px) rotate(0deg);
        transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0s;
        -webkit-transform:translateZ(0px) rotate(0deg);
        -webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0s;
        width:30px;
        height:30px;}

    .lcitem .rect{
        width:30px;
        height:2px;
        background:#fff;
        position:absolute;
        left:0;
        top:14px;
        transition:transform 0.2s ease 0.2s;
        -webkit-transition:-webkit-transform 0.2s ease 0.2s;}
    body .lcitem.center{
		opacity:1;}

    .lcitem .rect.top{
        transform:translate3d(0px,-10px,0px);
        -webkit-transform:translate3d(0px,-10px,0px);}
    .lcitem .rect.center{
        transform:translate3d(0px,0px,0px);
        -webkit-transform:translate3d(0px,0px,0px);}

    .lcitem .rect.bottom{
        transform:translate3d(0px,10px,0px);
        -webkit-transform:translate3d(0px,10px,0px);}

    body.open .lcbody{
        transform:translateZ(0px) rotate(90deg);
        -webkit-transform:translateZ(0px) rotate(90deg);}

    body.open .lcitem{
        transform:translateZ(0px) rotate(45deg);
        transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;
        -webkit-transform:translateZ(0px) rotate(45deg);
        -webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}

    body.open .lcitem.bottom{
        transform:translateZ(0px) rotate(-45deg);
        -webkit-transform:translateZ(0px) rotate(-45deg);}

    body.open .lcitem .rect{
        transition:transform 0.2s ease 0s;
        transform:translate3d(0px,0px,0px);
        -webkit-transition:-webkit-transform 0.2s ease 0s;
        -webkit-transform:translate3d(0px,0px,0px);}
    body.open .lcitem.center{
		opacity:0;}

    .djsBox{display: none;}
    .header .headTop{
        background: rgba(0,0,0,.5);
        height: 50px;
        position: absolute;}
    .header .headTop .navBox.cwp1200{width: 100%;}
    .header .headTop .navBox .logo{width: 150px; margin-top: 6px;}

    .header .headTop .navBox .nav{margin-top: 0px; width: 100%;}

    .header .headTop .navBox .nav ul li{
        float: none;
        padding: 10px;
        text-align: left;
        border-bottom: 1px #ccc solid;}
    .header .headTop .navBox .nav ul li strong{display: block;}
    .header .headTop .navBox .nav ul {
        background: #fff;
        text-align: left;
        display: none;
        box-shadow: rgba(0,0,0,0.3) 2px 4px 6px;}
    .header .headTop .navBox .nav ul li a{
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: returnToNormal;
        animation-name: returnToNormal;
        color: #222222;}
    @-webkit-keyframes returnToNormal {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);}

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;}
    }

    @keyframes returnToNormal {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);}

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;}
    }
    .header .headTop .navBox .nav ul li#englishver,.header .headTop .navBox .nav ul li#teachlogin,.header .headTop .navBox .nav ul li#stulogin,
.header .headTop .navBox .nav ul li#websearch{display: block;}
    .header .headTop .navBox .nav ul li dl{
        position: unset;
        left: 0;
        margin-left: 0!important;
        background:#ffffff;
        padding-left: 30px;}
    .header .headTop .navBox .nav ul li dl a{text-align: left; border-bottom: 1px #ccc solid; padding: 10px 0; color: #222;}
    .header .headTop .navBox .nav ul li dl a:last-child{border: none;}

    .banner .focus .prev,
    .banner .focus .next{display: none;}
    .banner .focus .shadow{bottom: 30px;}
    .banner .focus .shadow h1{font-size: 12px;}
    .banner .focus .shadow h1 a{font-size: 12px;}
    .banner .focus .fbg{bottom: 0px;}
    .banner .focus .D1fBt a{width: 8px; height: 8px; border-radius: 50%; margin: 5px;}
    .banner .focus, .banner .focus .fcon, .banner .focus .fcon>a{z-index: 1;}

    .indexNewsBox .indexTabNewTxt a{font-size: 14px;}
    .indexNewsBox .indexTabNewTxt a:after{
        width: 20px;}
    .indexNewsBox .indexTabNewTxt a:nth-child(5):after{
        display: none;}
    .indexNewsBox .indexTabNewUl ul li{width: 100%; margin-bottom: 30px;}
    .indexNewsBox .indexTabNewUl ul li a .txt{margin-top: 10px;}
    .indexNewsBox .indexTabNewUl ul li a .txt h1{height: auto; margin-bottom: 10px;}
    .indexNewsBox .indexTabNewUl .moreBox{margin-top: 10px;}

    .indexContentTPBox .indexTP_top .item.noticeBox{margin-top: 20px;}

    .indexContentTPBox .indexTP_top .item{width: 100%; margin-bottom: 30px; padding: 0 10px;}

    .indexContentTPBox .indexTP_top .item.activeBox .txt ul{width: 100%; float: none;}
    .indexContentTPBox .indexTP_top .item.activeBox .txt ul dd a.tit p{height: auto; margin-bottom: 10px;}

    .indexContentTPBox .indexTP_bottom .cwp1200{width: 95%;}
    .indexContentTPBox .indexTP_bottom .lPic .img .txt{
        height: 42px;
        background-size: 50px;
        padding-left: 60px;}
    .indexContentTPBox .indexTP_bottom .lPic .img .txt h1{font-size: 12px; margin-top: 2px;}
    .indexContentTPBox .indexTP_bottom .lPic .img .txt p{font-size: 10px; margin-top: 4px;}
    .indexContentTPBox .indexTP_bottom .lPic, .indexContentTPBox .indexTP_bottom .rPic{
        width: 100%;
        height: auto;}
    .indexContentTPBox .indexTP_bottom .rPic{margin-top: 20px;}
    .indexContentTPBox .indexTP_bottom .rPic ul{
        margin-left: -10px;}
    .indexContentTPBox .indexTP_bottom .rPic ul li{margin-left: 10px; margin-bottom: 10px; padding: 0; display: block; width: 46.5%;}
    .indexContentTPBox .indexTP_bottom .rPic ul li a .img .txt.bg1,
    .indexContentTPBox .indexTP_bottom .rPic ul li a .img .txt.bg2{
        background-size: 45px;
        height: 40px;
        padding-left: 50px;}
    .indexContentTPBox .indexTP_bottom .rPic ul li a .img .txt h1{font-size: 12px; margin-top: 2px;}
    .indexContentTPBox .indexTP_bottom .rPic ul li a .img .txt p{font-size: 10px; margin-top: 4px;}
    .topicBox .indexTP_top .item{width: 100%; margin-bottom: 30px; padding: 0;}
    .topicBox .cwp1200{padding: 50px 10px;}
    .indexList{padding: 10px 0;}




    .subLeftNav{display: none;}

    .subBanner{
        height: 192px;
        background-size: cover;}

    .subRightBox{float: none; width: 100% !important; padding-left: 0;}
    .subNewsList dl{float: none; text-align: left; width: 100%;}
    .subNewsList dd{display: block;float: none; width: 100%;}
    .subNewsList dl span{text-align:center; display: inline-block; width: 30%;}
    .subNewsList dl span:last-child{display: none;}

    .subNewsList .tit_A a{font-size: 20px;}

    .subPages{text-align: center !important;}

    .subNewsList.pointNews .topImg ul{margin-left: 0;}
    .subNewsList.pointNews .topImg ul li{
        width: 50%;
        padding: 0 5px;}
    .subNewsList.pointNews .topImg ul li{margin-bottom: 10px;}

    .subNewsList.pointNews .listBox .listTxt,.subNewsList.reportNews .listBox .listTxt{width: 100%;}
    .subNewsList .listBox .listTxt .subPages{
        margin-top: 50px;
        margin-bottom: 50px;}
    .subNewsList .listBox .listTxt .subPages a{margin-bottom: 10px;}
    .rightTjNews{width: 100%; padding: 0; margin-top: 0;}

    .subNewsList.reportNews .listBox .listTxt ul li dl{display: none;}

    .subNewsList.indexNewsBox .indexTabNewUl ul li a .txt h1{height: auto;}
    .subNewsList .newsImgList ul li .img,
    .subNewsList .newsImgList ul li .txt{width: 100%; float: none; padding: 0; margin-top: 15px;}
    .subNewsList .newsImgList ul li .txt p{
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:3;}

    .topicBox .cwp1200 .topicList li{width: 100%;}

    .teachersBox .teachersList{margin-bottom: 30px;}

    .teachersBox .teachersList .titBox a{font-size: 16px;margin-right: 10px;}
    .teachersBox .teachersList .list-item .item ul li{width: 24%;}

    .teachersBox .teachersList .list-item .item{margin-top: 30px;}

    .teachersBox .teachersList .py a{font-size: 14px; margin-top: 5px; margin-bottom: 5px;}
    .teachersBox .teachersList .py a.on,
    .teachersBox .teachersList .py a:hover{font-size: 18px;}

    .teachersBox .teachersList .py.jy a.on,
    .teachersBox .teachersList .py.jy a:hover{color: #bc1111; text-decoration: none; font-size: 14px;}

    .teachersInfoBox .img{height: auto;}
    .teachersInfoBox .itemInfo{padding-left: 0; width: 100%;}

    .tableBox div.tbody div.td2{width: 20%; padding-left: 10px;}
    .tableBox div.tbody div.td3{width: 70%;}

    .subNewsList.pointNews.zjNewsBox .listViwBox{padding-left: 0;}

    .subNewsList.pointNews.gkInfo .imgListBox .list-li .infoTxt h2{margin-top: 10px;}

    .subNewsList.pointNews.gkInfo .leaderBox .leader-item .txt{padding-left: 0;}
    .subNewsList.pointNews.gkInfo .leaderBox .leader-item .txt h1{margin-top: 10px;}
    .subNewsList.pointNews.gkInfo .leaderBox .leader-item.oneLine h1{margin-top: 60px; padding-left: 30px;}

    .searchList .searchListBox .searchBox{width: 100%;}
    .searchList .searchListBox .searchTit{font-size: 20px;}
    .searchList .searchListBox ul li h1{font-size: 16px;}
    .searchList .searchListBox ul li span,.searchList .searchListBox ul li p,
    .searchList .searchListBox ul li a{font-size: 14px;}

    .footer .yLink{width: 100%; float: none;}
    .footer .yLink ul li{width: 50%;}
    .footer .ewm{float: none; width: 60%; text-align: center; margin: 10px auto;}
    .footer .footerBottom{
        display: block;}
    .footer .footerBottom{
        line-height: 1.5;
        height: auto;
        text-align: center;
        padding: 10px 0;}
    .footer .footerBottom .cwp1200{width: 95%;}
    .footer .footerBottom .copay,
    .footer .footerBottom .fLink{float: none !important;}
    .footer .footerBottom .fLink{margin-top: 10px;}
    .footer .footerBottom .copay p br{display: block;}
    .bigcopy{display: none;}
}
@media screen and (max-width: 1280px) {
    .subNewsList dl span:first-child{font-size: 24px;}
    .teachersBox .teachersList .list-item .item ul li{width: 10%;}
}