@media (max-width:640px) {
    .wrapper{ width:100%;}
    .header{ position:relative;}
    .header .top{ display:none;}
    .header .logo{ height:auto;}
    .logo_pic{ float:none; width:auto; height:50px; padding:10px 0 10px 5px;}
    .logo_pic img{ height:100%;}
    .search{ display:none;}
    .navbox{ display:none;}
    .top_nav{ display:block; width:50px; height:60px; position:absolute; right:0px; top:0px; z-index:2; cursor:pointer; background:#F3F5F4 url(../img/nav_btn.jpg) center no-repeat; background-size:auto 28%;}
    .m-mobile-nav{ width:100%; background:#f7f6f6; display:none; overflow:hidden; position:absolute; left:0; top:61px; z-index:999; border-top:2px solid #005AAB;}
    .m-mobile-nav li{ width:100%; border-bottom:1px solid #e3e2e2;}
    .m-mobile-nav li .tit{ display:block; padding:10px 0; font-size:14px; color:#666; text-align:center; overflow:hidden;}
    .m-mobile-nav li .tit a{ display:block; font-size:14px; color:#666; text-align:center; overflow:hidden;}
    .m-mobile-nav li .tit:hover{background-color:#005AAB; color:#fff;}
    .m-mobile-nav li .tit:hover a{ color:#fff;}
    .m-mobile-nav li .tit em{ font-size:12px; display:block;}
    .m-mobile-nav li .sub-box{ width:100%;background-color:#005AAB;display:none; border-top:1px solid #0065BF;}
    .m-mobile-nav li .sub-box p{ width:100%; display: block;}
    .m-mobile-nav li .sub-box p a{ display:block; text-align:center; height:34px;line-height:34px; color:#fff;}
    .container{ background:#FFF; padding:0px;}
    .container .banner_box{ padding:0px;}
    .flexslider{ float:none; width:100%; height:200px; margin-left:0px; margin-bottom:10px; overflow:hidden;}
    .flexslider .slides li{ height:200px;}
    .flexslider .slides li p{ width:100%; padding:0px 10px; box-sizing:border-box; overflow:hidden;}
    .flexslider .slides li img{ height:200px;}
    .flex-control-nav{ display:none;}
    .flexslider .flex-direction-nav{ top:35%; display:block !important;}
    .turn_news{ float:none; width:100%; padding:0 10px 10px; box-sizing:border-box;}
    .turn_title li{ width:25%; padding:0;}
    .li_news{ padding:0;}
    .li_news li{ margin:0; position:relative; padding:8px 0 8px 65px; box-sizing:border-box;}
    .li_news li .date{ margin:0; position:absolute; left:0px;}
    .li_news li .NEWS{ width:auto; float:left;}
    .li_news li .NEWS h3{ height:35px;}
    .li_news li .NEWS p{ height:25px;}
    .container .newsbox{ padding:0px;}
    .container .newsbox .school{ width:100%; padding:0 10px 10px; float:none; box-sizing:border-box;}
    .school .modONE{ margin-top:0px; padding:10px 0 10px 130px; position:relative; box-sizing:border-box;}
    .modONE img{width:120px; height:84px; float:none; position:absolute; left:0px;top:10px;}
    .modONE .one_txt{ width:auto; float:none; display:inline-block;}
    .modONE .one_txt p{ line-height:26px; height:52px;}
    .school .modTWO{ padding:0px;}
    .school .modTWO li{ height:35px; line-height:35px; overflow:hidden; position:relative; padding:0 0 0 25px; box-sizing:border-box;}
    .modTWO li em{ font-size:12px; line-height:30px; float:left; padding:0px; position:absolute; left:0px;top:4px;}
    .modTWO li span{ padding-left:3px; line-height:35px; float:none; display:block; background:#fff; position:absolute; right:0px;top:0px;}
    .modTWO li a{ display:inline-block;width:80%;}
    .modTWO li p{ width:100%; line-height:35px; height:35px; display:inline-block; padding-left:0px;}
    .modTHE ul{ width:100%; height:auto;}
    .modTHE li{ padding:10px 0 10px 120px; position:relative; box-sizing:border-box;}
    .modTHE li img{width:110px; height:82px; float:none; position:absolute; left:0px;top:10px;}
    .modTHE li .t_txt{ width:100%; float:none;}
    .newsbox .bookmark{ width:100%; float:none; padding:0 5px; box-sizing:border-box; display:none;}
    .newsbox .bookmark li{ width:50%; height:auto; float:left; padding:0 5px 10px; box-sizing:border-box;}
    .newsbox .bookmark li img{ width:100%;}
    .link{ height:auto; padding:10px; box-sizing:border-box;}
    .link p{ float:none; padding-top:0px;height:30px!important;}
    .link .scl_link{ float:none; padding-top:0px; line-height:24px;}
    .copyright{ background:#E9E7E8 url(../img/foot_back.jpg) repeat-x; height:auto; padding:10px; box-sizing:border-box; text-align:center;}
    .copyright p{ line-height:30px;}
    /* 通用 */
    .pad{ padding-bottom:30px; border-bottom:3px solid #F9FBFB;}
    .right{ float:right;}
    .con_box{ padding:0 0 10px;}
    .top{ margin-top:10px;}
    .content{ width:100%; margin-bottom:10px; line-height:30px;}
    .part1{ margin-left:0px;}
    /* 党群工作 */
    .floor_box{ margin:0px; height:auto;}
    .floor_left{ display:none;}
    .floor_right{ float:none; width:100%;}
    .floot_title{ padding:0 10px; box-sizing:border-box; overflow:hidden;}
    .floot_title h2{ padding:0px; font-size:14px;}
    .floot_title .home_link{ padding-right:0px; font-size:12px;}
    #list_news{ float:none; margin:10px 0 0; width:100%; padding:0 10px; box-sizing:border-box; display:inline-block;}
    .list_news01{ padding:10px 10px 0; box-sizing:border-box;}
    .list_news01 li{ border-bottom:1px solid #eee; height:30px; overflow:hidden; line-height:30px; color:#CCC;}
    .list_news01 li span{ display:none;}
    .page_list{ height:auto; padding:10px 0 0;}
    .page_list li{ margin:0 2px 2px; float:left;}
    /* 查看新闻 */
    .con_details{ margin:0 10px;}
    .detail_span{ width:100%; margin-bottom:10px;}
    .detail_text{ width:100%; padding:20px 10px; margin-bottom:10px; box-sizing:border-box;}
    .detail_text p img{ max-width:100%;}
    .turn_page{padding:10px;}
    .turn_list{ display:inline-block;}
    .turn_list li{ height:30px; padding-right:0px; display:block; overflow:hidden;}
    .back{ float:none; padding-left:25px; width:100%; display:block; margin-top:10px;}
    /* 师资队伍 */
    .teachers{ margin:10px 0 0;}
    .teachers li{ width:50%; padding:0 10px; box-sizing:border-box;}
    .teachers li p{ height:30px; overflow:hidden;}
    .teachers li img{ width:100%; height:auto;}
    .scribe_table{height:180px; overflow: hidden; width:100%;}
    .scribe_table td{color: #333333; font-size: 14px; height:30px; width: 100%; display:block; margin:10px 0;}
    .scribe_table td p{ float: left; font-size:12px;}
    .scribe_table td .input_box{ float:right; width:160px; height:30px;}
    .scribe_table td.search_icon{ width:100px; height:31px; margin:0 50px; padding-top:5px; text-align:center;}
    .scribe_table td select{ width:162px; height:30px; line-height:30px; border:1px solid #ddd;}
    .detail_title{ padding-left:10px; font-size:18px; color:#005FA7; margin-top:10px;}
    .teachs{ width:100%;}
    .teachs li{ width:50%; padding:0 10px; box-sizing:border-box;}
    .teachs li img{ width:100%;}
    .pro_table{ width:100%; margin:10px 0 0;}
    .pro_table tr th{ width:85px; height:35px; line-height:35px; background:#F6F6F6; text-align:center; font-size:16px; overflow:hidden;}
    .pro_table tr td{ width:85px; height:35px; line-height:35px; background:#EBF7FF; text-align:center; overflow:hidden;}
    .pro_img{ float:none; width:100%; height:200px; padding:10px; box-sizing:border-box; text-align:center; margin-bottom:10px;}
    .pro_img img{ width:165px; height:185px;}
    .pro_txt{ padding-left:0px; width:100%;}
    .pro_txt h3{ padding-bottom:0px; width:100%;}
    .pro_txt p{ height:30px; overflow:hidden;}
    /* 校友专栏 */
    .ac_scl{ width:100%; height:auto; margin-left:0px; padding:0 10px; box-sizing:border-box;}
    .con_news{ width:100%; background:url(../img/img02_bj.jpg) 5px no-repeat; border-top:3px solid #33A6F4; border-bottom:1px solid #eee;}
    .con_news h3{ padding-left:30px; line-height:35px; font-weight:normal; color:#005FA7; display:inline-block;}
    .con_news p{ line-height:30px;}
    .con_news span{ float:right; line-height:30px; font-size:12px;}
    .con_newbox{ margin:0px;}
    .con_newbox li{ margin:0px;}
    .con_newbox li span{ display:none;}
    .intro{ width:100%; height:auto; margin-top:10px; float:none; padding:0 10px; box-sizing:border-box;}
    .intro img{ max-width:100%;}
    .js_txt{ padding-left:0px;}
    .con_fr{ width:100%; height:auto; padding:0 10px; box-sizing:border-box;}
    .turn{ height:auto; padding-top:10px; position:static;}
    .turn li{width:50%; height:auto; margin:0px 0px 10px; padding:0 5px; box-sizing:border-box;}
    .turn li img{width:100%; height:auto;}
    .scl_detail{ margin-bottom:0px; padding:0 10px; box-sizing:border-box;}
    .scl_detail img{ max-width:100%;}
    .flerimg{ float:none; width:100%; height:auto; padding:0 10px; box-sizing:border-box;}
    .flerimg img{ width:100%;}
    .pc{ display:none;}
    .phone{ display:block;}
    .f_list .tab_tit{ width:100%; height:33px; margin:20px 0;}
    .f_list .tab_tit li{ display:inline-block; float:left; text-align:center; height:33px; line-height:33px; margin-right:10px; background:#f5f5f5; padding:0px 15px; width:auto;}
    .f_list .tab_tit li a{ color:#3B2126;}
    .f_list .tab_tit li.hover{ background:#005aab;}
    .f_list .tab_tit li.hover a{ color:#fff;}
    .f_list .tabBox{ width:100%;}
    .f_list .tabBox .tabCon{ width:100%;}
    .researcher{ width:100%; height:auto; margin-top:20px;}
    .researcher .re_tit{ width:100%; display:block; margin-bottom:20px; text-align:center;}
    .researcher .re_tags{ width:100%; margin-bottom:20px; display:inline-block;}
    .researcher .re_tags li{ float:left; display:block; margin:0 2px 3px 3px; color:#fff; cursor:pointer;}
    .researcher .re_tags li.all_btn{ width:46px; height:30px; line-height:30px; text-align:center; display:block; background:#FF9900;}
    .researcher .re_tags li.all_btn a{ color:#fff;}
    .researcher .re_tags li.m-all_btn{ width:46px; height:30px; line-height:30px; text-align:center; display:block; background:#FF9900;}
    .researcher .re_tags li.m-all_btn a{ color:#fff;}
    .researcher .re_tags li.tags_btn{ width:30px; height:30px; line-height:30px; text-align:center; display:block; background:#002147;}
    .researcher .re_tags li.hover{ background:#FF9900;}
    .researcher .re_list{ width:96%; height:auto; margin-bottom:20px; padding:0px 2%;}
    .researcher .re_list h4{ width:100%; height:30px; line-height:30px; background: url(../img/point_2.jpg) repeat-x left center; margin-bottom:10px;}
    .researcher .re_list h4 span{ width:80px; height:30px; display:block; font-size:16px; background: #fff; font-weight:bold;}
    .researcher .re_list .re_name{ width:100%; height:auto;}
    .researcher .re_list .re_name a{ width:80px; height:32px; line-height:32px; text-align:center; display:block; overflow:hidden; float:left; margin:1px 1px 1px 0; background:#f8f8f8;}
    .researcher .re_list .re_name a:hover{ background:#002147; color:#fff;}
    .hdH{height:750px; overflow:hidden;}
}