@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:40px; 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(../images/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; 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;}
.copright{ background:#E9E7E8 url(../images/foot_back.jpg) repeat-x; height:auto; padding:10px; box-sizing:border-box; text-align:center;}
.copright 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(../images/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(../images/index/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;}
}