/*1024屏幕样式*/
@media only screen and (max-width: 1024px ) {
    /*header*/
    body{
        background: #F6F6F6;}
    .header {
        height: 100px;}
    .header .logo {
        width: 268px;
        height: 50px;
        background: url(../images/logo2x.png) no-repeat;
        background-size: 100% 100%;}

    .header .logo {
        margin-top: 0px;}

    .header .code {
        display: none;}

    .header-box {
        display: flex;
        display: -webkit-flex;
        padding: 0 10px;
        box-sizing: border-box;
        height: 100%;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        background: #ffffff;}
    /*折叠三条杠*/
    .icon-bar {
        margin-top: 0;
        display: block;
        width: 20px;
        height: 16px;
        align-content: flex-end;
        line-height: 100px;
        cursor: pointer;
        background: url(../images/icon-bar3.png) no-repeat;
        background-size: 100% 100%;}

    .icon-menu {
        display: -webkit-flex;
        display: flex;
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: 10000;
        bottom: 0;
        -webkit-transform: translateX(100%);
        transition: all .5s;}

    .shadow {
        height: 100%;
        width: 30%;
        background: rgba(0, 0, 0, 0.2);}

    .menu-content {
        height: 100%;
        background-color: #fff;
        flex: 1;
        display: block;}

    .menu-title {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        margin: 10px 0px 0px 20px;
        padding-right: 10px;
        box-sizing: border-box;
        height: 60px;
        line-height: 60px;
        border-bottom: 1px solid #eae9e9;}

    .menu-title span {
        font-size: 16px;
        color: #1d1d1d;}

    .icon {
        display: block;
        width: 9px;
        height: 10px;}

    .menu-items {
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        box-sizing: border-box;
        width: 100%;}

    .menu-items li {
        padding: 0px 10px;}

    .title-name {
        display: flex;
        display: -webkit-flex;
        line-height: 30px;
        align-items: center;
        font-size: 18px;}

    .menu-items li .menu-name {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #eae9e9;
        width: 68%;
        padding-right: 10px;}

    .menu-items li > a {
        display: inline-block;
        padding: 30px 0px;
        font-size: 16px;
        color: #1d1d1d;}

    .menu-items li .menu-name a {
        font-size: 16px;
        color: #1d1d1d;
        display: inline-block;
        padding: 10px 0px;
        font-weight: normal;}

    .phone-box-dropMenu {
        display: none;
        margin: 0px 16px;}

    .menu-items .phone-dropMenu {
        display: flex;
        display: -webkit-flex;
        width: 90%;
        flex-wrap: wrap;
        padding: 10px 0px;}
    /*箭头*/
    .right-icon {
        background: url(../images/right2x.png) 0px 0px no-repeat;
        background-size: 100% 100%;}

    .right-icon {
        background: url(../images/right2x.png) 0px 0px no-repeat;
        background-size: 100% 100%;}

    .down-icon {
        background: url(../images/down2x.png) 0px 0px no-repeat;
        background-size: 100% 100%;}

    .up-icon {
        background: url(../images/up2x.png) 0px 0px no-repeat;
        background-size: 100% 100%;}

    .menu-items .phone-dropMenu a {
        display: block;
        width: 36%;
        height: 38px;
        line-height: 38px;
        color: #1d1d1d;
        font-size: 14px;
        background: #f4f3f3;
        border-radius: 3px;
        text-align: center;
        margin-bottom: 10px;
        margin-right: 10px;}

    .menu-items .phone-dropMenu a:hover, .menu-items .phone-dropMenu a.active {
        background: #a72146;
        color: #fff;}
    /*轮播图*/
    .iosSliderDemo {
        padding: 0 0 250px;
        width: 100%;
}
    .fluidHeight {
        height: 250px;}
    .sliderContainer {
        height: 250px;}
    .iosSlider {
        height: 250px;}
        .iosSlider .slider {
            height: 250px;}
            .iosSlider .slider .item .inner a {
                height: 250px;}

            .iosSlider .slider .item .inner .text1 {
                opacity: 0;
                filter: alpha(opacity=0);
                background: none repeat scroll 0 0 #000000;
                position: absolute;
                bottom: 12%;
                padding: 0 12px 0 12px;
                height: 30px;
                text-align: left;
                display: none;}

                .iosSlider .slider .item .inner .text1 span {
                    color: #fff;
                    font-size: 24px;
                    line-height: 30px;
                    padding: 0 8px;
                    font-family: "Microsoft Yahei";
                    display: inline-block;
                    width: 100%;
                    max-width: 800px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;}

    /*导航*/
    .nav {
        display: none;}

    a.more {
        color: #999999;
        font-size: 12px;
        float: none;}

    .date {
        font-size: 12px;
        color: #5b5a5a;
        display: block;
        width: 75px;
        text-align: right;}

    /*中间广告*/
    .ad {
        width: 100%;
        margin: 10px auto;
        box-sizing: border-box;
        background: #F6F6F6;
        padding: 0px 20px;}

        .ad .ad-short, .ad .ad-long {
            width: 48% !important;
            height: 80px;
            margin: 0 1% 3% 0;}
    .ad .ad-short:nth-child(odd){
        float: left;
        margin-right: 0px;}
            .ad .ad-short:nth-child(even), .ad .ad-long {
                float: right;}

    .ad .ad-short img {
        width: 100%;
        height: 80px;} 

            .ad .ad-long, .ad .ad-long img {
                width: 100%;
                height: 80px;}

    /*通知公告*/
    .main-box {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        flex-direction: column;
        box-sizing: border-box;
        margin-top: 0px;}

    .main-box li > a {
        font-size: 12px;
        color: #181818;
        width:70%;}

    .main-box .notice-box {
        width: 100%;
        display: flex;
        flex-direction: column;}

    .notice-content {
        width: 100%;}

    .notice-box .notice-title {
        display: flex;
        display: -webkit-flex;
        width: 100%;
        height: 50px;
        line-height: 50px;
        justify-content: space-between;}

    .notice-box, .news-box,.colorful-college,.public-box,.stu-box{
        background: #ffffff;
        margin-bottom: 10px;
        padding: 0 10px;
        box-sizing: border-box;}
    .xg-box {
        background: #ffffff;
        margin-bottom: 10px;}
    .stu-content li {
        display: flex;
        display: -webkit-flex;
        flex-wrap: nowrap;
        flex: 1;
        overflow: hidden;
        justify-content: space-between;
        margin-bottom: 10px;}

    .stu-content li > a {
        display: block;
        flex: 1;
        width: 80%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size:12px;}

    .common-ctx .pclist{
        display: none;}
    .common-ctx .phone-line{
        height: 100px;
        box-sizing: border-box;
        padding: 10px 0;
        border-bottom: 1px solid #E1E1E1;
        display: block;}
        .common-ctx .phone-line .phone-tit {
            color: #666666;
            overflow: hidden;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            font-size: 12px;
            font-weight: bold;}
        .common-ctx .phone-line .phone-ctx {
            /*height: 45px;*/
            font-size: 12px;
            color: #333;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 10px;}
    .common-ctx .phone-line.pic .ctn{
        width: 70%;}

    .common-ctx .phone-line.pic .pcs{
        width: 70px;
        height: 70px;}
    .common-ctx .phone-line.pic .pcs img{
        width: 70px;
        height: 70px;}

    /*学工*/
    .main-box .news-box {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;}

    .news-box .news-title {
        display: flex;
        display: -webkit-flex;
        width: 100%;
        height: 50px;
        line-height: 50px;
        justify-content: space-between;}

    .news-content {
        width: 100%;}



    /*公示专区*/
    .main-box .public-box {
        display: none;}
    .down-mobile, .public-mobile {
        display: block;
        background: #ffffff;
        margin-bottom: 10px;
        padding: 0px 10px;
        box-sizing: border-box;
        width: 100%;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;}

    .public-title {
        display: flex;
        display: -webkit-flex;
        width: 100%;
        height: 50px;
        line-height: 50px;
        /*padding: 0 10px;*/
        box-sizing: border-box;
        justify-content: space-between;
        border-bottom: 2px solid #5C2977;}

    .public-content {
        width: 100%;}
    /*多彩学院*/
    .main-box .colorful-college {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;}

    .colorful-college .color-title {
        display: flex;
        display: -webkit-flex;
        width: 100%;
        height: 50px;
        line-height: 50px;
        justify-content: space-between;}

    .color-content {
        width: 100%;}
    /*学工之家*/
    .main-box .xg-box {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;}

    .xg-box .xg-title {
        display: flex;
        display: -webkit-flex;
        width: 100%;
        height: 50px;
        line-height: 50px;
        justify-content: space-between;
        box-sizing: border-box;}

    .xg-content {
        width: 100%;
        float:none!important;
        height:auto;}

    .public-box .public-content li span {
        font-size: 12px;}

    /*学生活动*/
    .main-box .stu-box {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-direction: column;
        padding: 0px 10px;
        box-sizing: border-box;}

    .main-box .stu-box .stu-title {
        width: 100%;
        display: flex;
        height: 50px;
        line-height: 50px;
        display: -webkit-flex;
        justify-content: space-between;
        box-sizing: border-box;
        padding: 0 10px;}

    .main-box .stu-box .stu-content li {
        width: 100%;}

    .main-box .stu-box .stu-news {
        flex: 1;
        overflow: hidden;
        line-height: 20px;
        margin-top: 10px;}

    .main-box .stu-box .list-items, .main-box .stu-box .address {
        display: inline-block;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 12px;}

    /*友情链接*/
    .frinedLink {
        width: 100%;
        min-height: 120px;
        padding: 0px 10px;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        border: none;}

    .frinedLink .link-content {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        padding: 10px 0px;
        justify-content: space-between;}

    .frinedLink .link-content a {
        display: block;
        width: 46.6%;
        height: 40px;
        line-height: 40px;
        margin-bottom: 10px;
        margin-right: 0px;
        font-size: 15px;
        letter-spacing:1px;}

    .frinedLink .link-content a:nth-child(2n) {
        margin-right: 0px;}

    .frinedLink .link-title {
        border-left: none;
        display:none;}

    .footer {
        width: 100%;
        box-sizing: border-box;
        padding:10px 70px;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        align-content: center;}

    .footer .phonefooter{
        display: block;
        text-align: left;}
    .footer .phonefooter p{
        color:#E1E1E1;
        font-size: 12px;}
    .footer .pcf{
        display: none;}
    .picturebox img {
        width:100%;
        height:250px;}
    /*banner*/
    .banner {
        height: 250px;
        position: relative;}

        .banner .banner_title {
            display: none;}

        .banner .indicator {
            width: 50%;
            right: 0;
            bottom: 10px;
            text-align: center;
            z-index: 70;
            margin: 0 auto;}

            .banner .indicator a {
                width: 12px;
                height: 12px;
                border-radius: 50%;
                background: rgba(255, 255, 255, 0.5);
                margin: 5px;}

    .top-scroll {
        position: fixed;
        right: 10px;
        bottom: 100px;
        width: 45px;
        height: 45px;
        background: url(../images/top_2x.png) 0px 0px no-repeat;
        background-size: 100% 100%;
        z-index: 200;
        cursor: pointer;}

    .topbox {
        display: none;}

    .iosSlider .slider .item .inner .text1 {
        width: 280px !important;}

    /*二级页面列表*/
    .peak-text, .search-bottom .result-list li .c-title a {
        font-size: 18px;}

    .second-container {
        margin: 0 5px 0 5px;
        width: auto;}

    .left-side {
        display: none;}
    .right-content-side table {
        min-width: 100% !important;}

    .tank .right-side, .tank .right-vcan {
        width: 100%;
        float: left;}

        .tank .right-side .block-ctxlist {
            width: 100%;}

            .tank .right-side .block-ctxlist h4 {
                font-size: 15px;
                margin: 10px 0;}

            .tank .right-side .block-ctxlist li {
                height: 70px;}

        .tank .right-side .Publicity li .ellipsis {
            width: 50% !important;}

    .tank .right-content-side {
        width: 100%;}
    .detail-content-title h3 {
        font-size: 15px;}
    /*分页*/
    .right-side .page-box {
        width: max-content;
        margin: auto;}

    .page-box .totally-pages {
        display: none;}

    /*下载*/

    .downlist-table {
        table-layout: fixed;}
    .downlist-table  td a{
       width:100% !important;}
    .downlist-table .news-title .ellipsis {}

    /*搜索*/
    .search-can .middle-box, .search-bottom .result-list .result-item {
        width: 100%;}

    .search-bottom .result-list li {
        height: auto;}

    .search-bottom .result-list .result-item .c-summary {
        display: none;}
    .search-top  input[type=text]
    {
        width:54% !important;}

    /*部长信箱*/
    .tank .right-vcan .content-container .email-box .search-box
    {
        display:none;}

    /*工作人员*/
    .teacher-list, .teacher-box {
        width: 100% !important;}
    .teacher-list li {
        width: 100% !important;}
    .teacher-resume {
        height: auto;
        width: 65%;}
}