@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;}

    .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;}





    .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: left; 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{
        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}
}
@media screen and (max-width: 1280px) {
    .subNewsList dl span:first-child{font-size: 24px;}
    .teachersBox .teachersList .list-item .item ul li{width: 10%;}
}