@media screen and (max-width: 767px) {
        /*头部开始*/
        .wrap {
            width: 100%;
            min-width: 270px;
            overflow: hidden;
            background: #eeeef8;}
        .fl {
            float: left;}
        .fr {
            float: right;}
        .head {
            width: 100%;
            height: 50px;
            background: #2d498a; 
        }
        .header {
            position: relative;
            margin: 0 auto;
            width: 100%;   
            background: url(../img/head_bg.jpg) center no-repeat;
            background-size: 100%;
        }
        .logo a {
            display: block;}
        .logo a>img {
            width:50%;}
        .header>span {
            position: absolute;
            top: 32%;
            right: 5%;
            font-family: "微软雅黑";
            font-size: 12px;
            color: #fff;}
            .nav-box {
                width: 100%;
                background: #2d498a;
                overflow: auto;
                overflow-x: scroll;
            }
            ::-webkit-scrollbar {
                display: none;
            }
            .nav {
                position: relative;
                margin: 0 auto;
                width:230%;
                height: 45px;
                z-index: 1000;
            }
            .nav ul li {
                position: relative;
                float: left;
                padding: 14px 0;
                width: 10%;
                height: 100%;}
        .nav>ul>li>a {
            display: block;
            height: 16px;
            line-height: 16px;
            font-family: "宋体";
            font-size: 14px;
            color: #cbcbe0;
            text-align: center;
            border-right: 1px solid #5c668d;}
        .nav>ul>li:hover>a {
            color: #ffffff;}
        .nav>ul>li>i {
            display: none;
            position: absolute;
            left: 30%;
            top: 80%;
            width: 40%;
            height: 2px;
            background: #479cee;}
        .nav>ul>li:hover>i {
            display: block;}
        .nav>ul>.nav-hover>a {
            color: #ffffff;}
        .nav>ul>.nav-hover>i {
            display: block;}
        /*头部结束*/
        
        /*首页开始*/
        /*banner*/
        .banner{
            position: relative;
            width:100%;
            overflow: hidden;}
        .banner_middle{
            /* width:1200px;  */
            width:100%; 
            margin:0 auto; 
            /* height:200px;  */
            position:relative;}
        .banner_middle_box{
            height:200px;
        }
        .banner_middle_box1 img,
        .banner_middle_box2 img{
            position: relative; 
            float:left;
            /* width: 1200px; 
            height: 180px; */
            display: block;
            /* width: 100%; */
            height: 200px;
        }
        .banner_middle_box1{
            width:300%; 
            position:absolute; 
            left:-1200px;}
        .banner_middle_box2{
            width:300%; 
            position:absolute; 
            left:2400px;}
        .btn_left,.btn_right{
            top:0px; 
            background:#000;  
            filter:alpha(opacity=40); 
            -moz-opacity:0.4; 
            -khtml-opacity:0.4; 
            opacity:0.4; 
            height:450px; 
            cursor:pointer;}
        .btn_left{
            position: absolute;
            right:1200px;}
        .btn_right{
            position: absolute;
            left:1200px;}
        .ab { 
            position:absolute;}
        .img-icon{
            position: absolute;
            width: 30px;
            height: 60px;
            top: 32%;
            cursor: pointer;}
        .btn_left-img {
            left:7%;}
        .btn_right-img {
            right:7%;}
        /*banner图结束*/
        .news-part{
            margin:15px;
        }
        .index {
            position: relative;
            margin: 0 auto;
            overflow: hidden;}
        /*小轮播图*/
        .FocusPic{ 
            position: absolute;
            top: 92px;
            left: 28px;
            width: 110px;
            height: 66px;
            zoom: 1;
            overflow: hidden;}
        .FocusPic .content{
            margin:0 !important;
            width:100%; 
            height: 256px;
            overflow:hidden;}
        .FocusPic .changeDiv { 
            width: 100%; 
            height: 66px;}
        .FocusPic .changeDiv a {
            display: none;
            position: absolute;
            width: 100%; 
            height: 66px}
        .FocusPic .changeDiv img {
            width: 100%;
            height: 100%;}
        .FocusPic .title-bg{
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 12px;
            opacity: 0.6;
            filter: alpha(opacity=60);
            background: #000;}
        .FocusPic .title{
            position: absolute;   
            top:42px; 
            left: 0;
            bottom: 0px;
            z-index: 99999;
            width: 100%;
            height: 36px;
            line-height: 36px;
            color: #fff;}
        .FocusPic .title a{ 
            display: none;
            padding:0 12px;
            width: 100%;
            height: 100%;
            font-family: "宋体";
            font-size: 8px;
            color: #fff;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;}
        .FocusPic .change{ 
            position: absolute; 
            right: 2px;
            bottom: -2px;
            z-index: 9999;
            height: 10px;    
            text-align: right;}
        .FocusPic .change i{
            float: left;
            margin-left: 1px;
            width:2px;
            height:2px;
            cursor: pointer;   
            background: #eeeef8;}
        .FocusPic .change i.cur{
            background: #479cee;}
        .active-picture {
            padding:10px 7px;}
        .active-picture img {
            float:left; 
            width:100%;
            height:300px;
            overflow:hidden;}
        .news-none{
            display: none;
        }
        .news-box {
            width: 100%;
            margin-top:20px;
            height: 258px;
            overflow: hidden;
            background: #fff;}
        .news-head {
            position: relative;
            margin:0 auto;
            width: 255px;
            height: 45px;
            border-bottom: 1px solid #eeeef8;}
        .news-line {
            position: absolute;
            top: 12px;
            left: 0;
            width: 7px;
            height: 22px;
            background: url(../img/line.jpg) no-repeat;}
        .news-column {
            position: absolute;
            top: 11px;
            left: 17px;
            line-height: 25px;
            font-family: "宋体";
            font-size: 16px;
            color: #333333;}
        .more {
            position: absolute;
            top: 7px;
            right: 0;}
        .more span {
            line-height: 30px;
            font-family: "宋体";
            font-size: 16px;
            color: #479cee;}
        .line {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            *margin-right: 4px;
            width: 10px;
            height: 10px;
            background: url(../img/more.jpg) no-repeat;}
        .news {
            margin-top: 11px;}
        .news {
            margin:0 auto;
            margin-top: 9px;
            width: 230px;}
        .news {
            width:95%;}
        .news>a {
            display: block;
            position: relative;
            height: 28px;
            line-height: 28px;}
        .news>a>.line {
            float: left;
            margin-left: 2px;
            margin-right: 7px;
            width: 6px;
            height: 100%;
            background: url(../img/triangle.jpg) no-repeat center;}
        .news>a>span {    
            font-family: "宋体";
            font-size: 12px;
            color: #333;}
        .news>a>.news-title {
            float: left;    
            width: 165px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;}
        .news>a>.news-date {
            float: right;}
        .news>a:hover>span{
            color: #2d498a;}
        .student-work-news {
            width: 100%;}
        .student-work-news .news-head,
         .student-work-news .news {
            width: 312px;}
        .student-work-news-detail>p {
            margin-bottom: 2px;
            line-height: 22px;
            font-family: "宋体";
            font-size: 14px;
            color: #2d498a;  
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;}
        .student-work-news-abstract{
            position: relative;
            min-height:20px;}
        .student-work-news-abstract>p {
            margin-bottom: 2px;
            line-height: 16px;
            font-family: "宋体";
            font-size: 12px;
            color: #333;}
        .student-work-news-abstract>a {
            display: none;
            position: absolute;
            right: 0;
            bottom: 2px;
            *bottom:8px;
            font-family: "宋体";
            font-size: 12px;
            color: #2d498a;}
        .student-work-news .news>a>.news-title {
            width: 222px;}
        /*易班中心部分*/
        .yiban-part {
            width: 100%;
            background: #479cee;
            overflow: hidden;
        }
        .yiban-part .yiban {
            position: relative;
            float: left;
            margin-top: 28px;
            width: 50%;
            height: 64px;
            border-left: 1px solid #3084d5;
            border-right: 1px solid #5dadfa;}
        .yiban .yiban-icon {
            position: absolute;
            top: 9px;
            left: 10%;
            width:50%;
            height: 58px;
            background: url(../images/yiban.jpg) no-repeat;}
        .yiban .yiban-title {
            position: absolute;
            top: 20px;
            right:10%;
            font-family: "微软雅黑";
            font-size: 18px;
            color: #fff;}
        .politic-study .yiban-icon {
            position: absolute;
            top: 6px;
            left: 10%;
            width:50%;
            height: 63px;
            background: url(../images/study.jpg) no-repeat;}
        .politic-study .yiban-title {
            right:10%;}
        .guide .yiban-icon {
            position: absolute;
            top: 2px;
            left: 52px;
            width: 53px;
            height: 71px;
            background: url(../images/guide.jpg) no-repeat;}
        .guide .yiban-title {
            right: 10%;}
        .channel .yiban-icon {
            position: absolute;
            top: 6px;
            left:10%;
            width: 63px;
            height: 63px;
            background: url(../images/channel.jpg) no-repeat;}
        .channel .yiban-title {
            right: 10%;}
        .dynamic-news {
            margin-left: 0;
            margin-right: 20px;
            height: 271px;}
        .dynamic-news>.news-head {
            position: relative;}
        .dynamic-news>.news-head>.dynamic-head-part {
            position: relative;
            width: 50%;}
        .dynamic-news>.news-head>.dynamic-head-part span {
            display: block;
            line-height: 46px;
            font-family: "宋体";
            font-size: 16px;
            color: #333;
            text-align: center;
            cursor: pointer;}
        .dynamic-news>.news-head>.dynamic-head-part>i {
            display: none;
            position: absolute;
            left: 28px;
            bottom: 1px;
            width: 100px;
            height: 4px;
            border-radius: 4px;
            background: #479cee;}
        .dynamic-news>.news-head>.dynamic-head-active>i {
            display: block;}
        .dynamic-news>.news-head>.dynamic-head-active span {
            color: #479cee;}
        .fund,.student-home {
            display: none;}
        .dynamic-news>.news>.more {
            position: relative;
            margin-top: 3px;
            border-top: 1px solid #eeeef8;}
        .dynamic-news>.news>.more>span {
            position: absolute;
            top: 2px;
            left: 127px;
            font-family: "宋体";
            font-size: 16px;
            color: #479cee;}
        .dynamic-news>.news>.more>.add {
            position: absolute;
            top: 14px;
            left: 167px;
            width: 10px;
            height: 10px;
            background: url(../img/more.jpg) no-repeat;}  
        .work-arrange-part {
            margin-right: 0;
            width: 100%;}  
        .work-arrange-part>.news-head {
            width: 100%;
            background: #479cee;}
        .work-arrange-part>.news-head>.news-line {
            left: 12px;
            background: url(../img/line_work.jpg) no-repeat;}
        .work-arrange-part>.news-head>.news-column {
            left: 29px;
            color: #fff;}
        .friendlink-part {
            margin-top: 56px;}
        .friendlink-part>p {
            line-height: 36px;
            font-family: "宋体";
            font-size: 16px;
            color: #2d498a; 
            border-bottom: 1px solid #d0d0d9;}
        .friendlink {
            margin-top: 11px;}
        .friendlink>a {    
            display: inline-block;
            *display: inline;
            *zoom: 1;
            *margin-right: 4px;
            margin-right: 30px;
            line-height: 30px;
            font-family: "宋体";
            font-size: 12px;
            color: #666666;}
        .friendlink>a:hover {
            color: #2d498a;}
        /*首页结束*/
        
        /*底部开始*/
        .foot {
            width: 100%;
            height: 110px;
            overflow: hidden;
            background: #2d498a;}
        .foot .copyright {
            margin:13px 20px 13px;
        }
        .copyright>a {
            font-family: "宋体";
            font-size: 12px;
            color: #fff;}
        .foot p {
            margin:0px 2px 13px;
            font-family: "宋体";
            font-size: 12px;
            color: #fff;
            text-align: center;
            opacity: 0.4;
            filter: alpha(opacity=40);}
        .clear {
            clear:both;}
        /*底部结束*/
        
        /*内容页*/
        .list-main {
            margin:15px}
        .list-left-part {
            margin-top: 0;
            width: 280px;}
        .list-left {
            display:none;
            margin-bottom: 20px;
            padding-bottom: 14px;
            height: auto;}
        .list-left>.news-head {
            height: 47px;}
        .list-left>.news-head>.news-line {
            top: 13px;}
        .list-left>.news-head>.news-column {
            left: 36px;}
        .list-left>.news>a {
            height: 27px;
            line-height: 27px;}
        .list-left>.news>a>.news-title {
            width: 90%;}
        .list-left>.news>a>i {
            margin-left: 0;}
        .list-right {
            /* width: 720px; */
            width: 100%;
            background: #fff;}
        .list-right-head {
            position: relative;
            margin: 0 auto;
            /* width: 677px; */
            width: 95%;
            height: 45px;
            border-bottom: 1px solid #eeeef8;}
        .list-right-head>i {
            position: absolute;
            top: 12px;
            left: 4px;
            width: 7px;
            height: 22px;
            background: url(../img/line.jpg) no-repeat;}
        .list-right-head>span {
            position: absolute;
            top: 15px;
            left: 20px;
            font-family: "宋体";
            font-weight: bold;
            font-size: 16px;
            color: #333;}
        .list-right-head>.list-right-position {
            position: absolute;
            width: 57%;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            top: 16px;
            right: 11px;
            font-family: "宋体";
            font-size: 12px;
            color: #333;}
        .article-part {
            margin: 0 20px;}
        .m-auto{
            margin:0 auto;}
        .article-part>h2 {
            margin-top: 20px;
            margin-bottom: 9px;
            line-height: 32px;
            font-family: "宋体";
            font-weight: bold;
            font-size: 22px;
            color: #2c4889;
            text-align: center;}
        .article-part>.article-date {
            margin-bottom: 15px;
            font-family: "宋体";
            font-size: 12px;
            color: #000;
            text-align: center;}
        .article-part .article {
            padding-bottom: 20px;
            line-height: 2;
            overflow-x: auto;}
        .article-part .article img {
            display: block;
            margin: 20px auto;
            max-width: 100%;}
        
        /*列表页*/
        .list-right-height {
            height: 700px;}
        .list-part {
            margin: 0 auto;
            /* width: 655px; */
            width: 95%;}
        .list-part .news {
            width: 100%;
            height: 560px;}
        .list-part .news>a {
            padding: 0 19px;}
        .list-part .news>a>.line {
            margin-top: 15px;
            width: 2px;
            height: 2px;
            background: #333;}
        .list-part .news>a>.news-title {
            width: 60%;}
        .list-bg {
            background: #f6f6f6;}
        .page {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            *margin-right: 4px;
            margin-top: 34px;    
            height: 34px;
            *height: 32px;}
        .page>a {
            float: left;
            padding: 0 5px;
            font-family: "宋体";
            font-size: 12px;
            color: #333;}
        .page>a:hover {
            color: #479cee;}
        .page-hover {
            color: #479cee;}
        .list-right-rule {
            min-height: 608px;}
        .list-rule-box {
            margin-bottom: 13px;}
        .list-rule {
            padding-top: 14px;
            *padding-top: 16px;
            height: 37px;
            *height: 21px;}
        .list-rule>span {
            font-family: "宋体";
            font-size: 12px;
            color: #2d498a;}
        .list-rule>a {
            font-family: "宋体";
            font-size: 12px;
            color: #2d498a;}
        .list-rule>.list-rule-title {
            margin-left: 5px;}
        .list-rule-box>.news {
            margin-top: 0;
            height: auto;}
        .list-rule-box>.news>a {
            background: #f9f9f9;}
        
        /*iframe样式*/
        .c_l_list span {
            display: none!important;}
        
        /*图片列表页*/
        .channel-part {
            margin:0 auto;
            margin-top: 5px;
            width: 100%;
            height: 200px;}
        .channel-box {
            margin-top: 25px;
            width: 50%;
            height: 127px;}
        .channel-box .channel {
            display: block;
            margin:0 auto;
            width: 80%;
            height: 80%;}
        .channel-box .channel>img {
            margin-left: 3px;
            width: 100%;
        }
        .channel-box .channel>.channel-left {
            margin-left: 13px;}
        .yiban-part .yiban {
            margin-top: 18px;
            margin-bottom: 18px;
        }
        .politic-study .yiban-icon {
            left: 10%;
            width: 50%;
            height: 67px;}
        .guide .yiban-icon {
            left: 10%;
            width: 78px;
            height: 68px;}
        .more {
            top: 12px;}
        .line{
            width: 20px;
            height: 20px;}
        .student-work-news-detail {
            padding: 0 10px;
            height: 82px;}
        .student-work-news-detail>p {
            padding-top: 9px;
            font-weight: bold;}
        .student-work-news-detail {
            margin-left: 40%;
            width: 60%;
        }
        .student-work-news-abstract>p {
            height: 50px;
            overflow: hidden;}
        .friendlink-part {
            position: relative;
            margin:15px}
        .friendlink-part .friendlink-img {
            margin-left: 2.5%;
            width: 45%;}
        .friendlink-part .friendlink-img>img {
            width: 100%;
            height:50px;
        }
        .friendlink-part .friendlink-arrow-left {
            position: absolute;
            top: 0;
            left: 0;
            width: 31px;
            height: 100%;
            background: url(../images/arrow_left.jpg) no-repeat;
            background-size: 100% 100%;
        }
        .friendlink-part .friendlink-arrow-right {
            position: absolute;
            top: 0;
            right: 0;
            width: 31px;
            height: 100%;
            background: url(../images/arrow_right.jpg) no-repeat;
            background-size: 100% 100%;
        }
        .friendlink-img-part {
            margin-left: 36px;
            width: 912px;}
        .dynamic-news {
            height: 232px;}
        .work-arrange-part .more {
            right: 15px;}
        .work-arrange-part .more>.line {
            background: url(../img/more_white.jpg) no-repeat;}
        .dynamic-news>.news-head>.dynamic-head-part {
            height: 46px;}
        .dynamic-news>.news-head>.dynamic-head-part span {
            position: absolute;
            left: 0px;}
        .news-more {
            position: absolute;
            right: 29px;
            line-height: 46px;
            font-family: "宋体";
            font-size: 14px;
            color: #333;}
        .dynamic-head-active .news-more {
            color: #479cee;}
        .channel-page {
            margin-top: 4px;}
        .wid-250{
            width:250px;}
        .wid-280{
            width:280px;}
        .update-student-work-news {
        }
        .update-student-work-news .news-head,
        .update-student-work-news .news,
        .udpate-news-box .news-head,
        .udpate-news-box .news,
        .udpate-dynamic-news .news-head,
        .udpate-dynamic-news .news ,
        .update-work-arrange-part .news {
            width:95%;}
        .udpate-news-box {
            width: 100%;}
        .news>a>.news-title,
        .student-work-news .news>a>.news-title {
            width:60%;}
        .udpate-dynamic-news {
            width: 100%;
        ;}
        .update-work-arrange-part {
            width:346.66px;}
        .update-friendlink-part {
            width:calc(100% - 72px);}
        .work-arrange-part {
            width:100%;}
}