/************ common style ***************/
body{
	width:1348px;
	min-height:768px;
	font:12px/22px 'Microsoft Yahei',Arial,Lucida Grande,Tahoma,sans-serif;
	margin:0 auto;
}
ul{
	list-style: none;
	padding:0;
	margin:0;
}
a{
	color:#222;
	text-decoration:none;
	cursor:pointer;
	outline:none;
}
*{
    outline: none;
}
#menu_btn{
    display: none;
    height: 35px;
    width: 35px;
    text-align: center;
    padding: 6px 0;
    cursor: pointer;
}
.line{
    margin: 0 auto;
    width: 20px;
    height: 0;
    border: 2px solid #000000;
}
.line2{
    margin: 6px auto;
}
.clear{
    clear:both;
}
img{
	border:0;
}
li{
	color:#222;
}
#header{
	width:1348px;
	height:140px;
	position:fixed;
	top:0;
	z-index:100;
	background:#fff;
}
#top_msg{
	width:1348px;
	height:30px;
	margin:0 auto;
	background:url("../img/top_bg1.png") no-repeat;
}
#top_msg_container{
	width:960px;
	height:30px;
	margin:0 auto;
}
#top_org_icon1{
	width:24px;
	height:24px;
	margin-top:3px;
	margin-right:7px;
	float:left;
	border-radius:2px;
}
#top_org_icon2{
	width:24px;
	height:24px;
	margin-top:3px;
	float:left;
	border-radius:2px;
}
#top_msg1{
	width:193px;
	height:19px;
	margin-top:5px;
	margin-left:7px;
	float:left;
}
#top_msg2{
	width:123px;
	height:19px;
	margin-top:5px;
	float:right;
}
#logo{
	width:225px;
	height:70px;
	margin:2px auto 3px auto;
	background:url("../img/logo.png") no-repeat;
}
#menu_bar{
	width:1153px;
	height:35px;
	margin:0 auto;
	padding-left:195px;
}
#menu_bar ul{
    display: block;
}
#menu_bar ul li{
	height:35px;
	float:left;
	margin-right:45px;
}
#menu_bar ul li:hover .menu_text{
	color:#306FAD;
}
#menu_bar ul li:hover .menu_bg{
	background:#306FAD;
}
.menu_content{
	height:35px;
	float:left;
}
.menu_text{
	height:24px;
	font-size:13px;
	font-weight:bold;
	line-height:24px;
	float:left;
}
.menu_bg{
	width:100%;
	height:5px;
	margin-bottom:6px;
	float:left;
}
.down_icon{
	width:10px;
	height:35px;
	background:url("../img/menu_bar_down_icon.png") no-repeat 5px 12px;
	float:left;
}
#slide_pic1{
	width:1348px;
	height:261px;
	margin-top:140px;
	background: #346;
	
}
#content{
	width:960px;
	margin:0 auto;
}
.content_row{
	width:960px;
	height:240px;
	margin-top:27px;
}
.content_row_left{
	width:445px;
	height:240px;
	margin-right:40px;
	float:left;
}
.content_row_right{
	width:475px;
	height:240px;
	float:right;
}
/** msg and activity document block style  start **/
#msg_act{
	background:url("../img/msg_act_bg.png") 0 35px no-repeat;
}
.msg_act_content{
	width:30px;
	height:40px;
	margin-left:45px;
	margin-right:80px;
	float:left;
}
#msg_act div.msg_act_content{
		width:25%;
		margin:0;
		text-align:center;
		display:block;
	}
#msg_act div.msg_act_content a{
		display: block;
		margin: 0 auto;
	}

	#msg_act div.msg_act_content .msg_act_text{
		width: 100%;
		text-align: center;
	}
.msg_act_text{
	width:37px;
	height:35px;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
}
.msg_act_bg {
	width:37px;
	height:5px;
}
.msg_act_content:hover .msg_act_text {
	color:#306FAD;
}
.msg_act_content:hover .msg_act_bg {
	background:#306FAD;
}
#msg{
	display:block;
}
#act{
	display:none;
}
/** msg and activity block style  end **/
.block_menu{
	width:100%;
	height:40px;
	margin-bottom:10px;
}
.block_menu img{
	width:auto;
	height:auto;
	margin-right:5px;
	float:left;
}
.block_menu_content{
	width:100%;
	height:35px;
}
.block_menu_bg{
	width:100%;
	height:5px;
	background:#306FAD;
}
.block_content{
	width:100%;
	height:190px;
	font-size:14px;
	font-weight:bold;
}
.block_content ul li{
	width:100%;
	height:20px;
	margin-top:8px;
}
.list_text{
	width:357px;
	height:20px;
	float:left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.list_date{
	width:80px;
	height:20px;
	font-size:13px;
	float:right;
}

.menu_name{
	height:35px;
	font-size:18px;
	color:#306FAD;
	font-weight:bold;
	float:left;
}
.menu_more{
	width:40px;
	height:30px;
	float:right;
	color:#fff;
	padding-left:5px;
	padding-top:5px;
	background:url("../img/more_bg.png") 0 5px no-repeat;
	cursor:pointer;
}
.block_menu_content img{
	width:auto;
	height:auto;
	float:left;
	margin-right:5px;
}
/** 未来网视 style**/
#future_video{
	width:294px;
	height:240px;
	margin-right:45px;
	float:left;
}
#video_row1{
	width:294px;
	height:76px;
	float:left;
	margin-top:4px;
	margin-bottom:4px;
}
#video_pic{
	width:142px;
	height:76px;
	float:left;
	border: 1px solid #DBDFCF;
}
#video_pic img{
	margin-top:28px;
	margin-left:61px;
}
#video_detail{
	width:152px;
	height:76px;
	background:#cdcdcd;
	float:left;
}
#video_detail_text{
	width:152px;
	height:54px;
	font-size:12px;
	float:left;
}
#video_detail_text_title{
	width:152px;
	height:22px;
	margin-top:5px;
}
#video_detail_text_content{
	width:152px;
	height:22px;
	text-align:right;
}
#video_op{
	width:152px;
	height:22px;
	float:left;
}
#video_op_like{
	width:32px;
	height:26px;
	background:url("../img/video_op_like.png") no-repeat;
	margin-left:88px;
	float:left;
}
#video_op_comment{
	width:32px;
	height:26px;
	background:url("../img/video_op_comment.png") no-repeat;
	float:left;
}
#video_row2{
	width:294px;
	height:76px;
	float:left;
}
#video_pic2{
	width:142px;
	height:71px;
	float:left;
	border:1px solid #DBDFCF;
}
#video_pic_blank{
	width:6px;
	height:71px;
	float:left;
}
#video_pic3{
	width:142px;
	height:71px;
	float:left;
	border:1px solid #DBDFCF;
}
#video_pic2 img{
	margin-top:27px;
	margin-left:61px;
}
#video_pic3 img{
	margin-top:27px;
	margin-left:61px;
}
#newspaper_ebook{
	width:136px;
	height:240px;
	float:left;
}
.newspaper_ebook_text{
	margin-right:15px;
	font-size:18px;
	font-weight:bold;
	float:left;
}
.newspaper_ebook_text:hover{
	color:#306FAD;
}

#newspaper{
	display:block;
}
#Ebook{
	display:none;
}
#Ebook img{
	margin-left:6px;
}

/** 学生组织 样式**/
#student_orgs{
	width:241px;
	margin-right:44px;
	float:left;
}
#special_subject{
	width:190px;
	float:left
}
.student_orgs_item{
	width:47px;
	height:47px;
	margin-top:5px;
	margin-bottom:1px;
	float:left;

}
.student_orgs_RBlank{
	width:17px;
	height:47px;
	float:left;
}
.student_orgs_row img{
	width:47px;
	height:47px;
}
.student_orgs_row img:hover{
	width:48px;
	height:48px;

}
.special_subject_item{
	width:190px;
	height:72px;
	margin-top:0px;
	float:left;
}
.special_subject_item img{
	width:190px;
	height:72px;
}

/******* rank样式*******/
ul.rank *{padding:0px;margin:0px;}
ul.rank li{height:22px;line-height:22px;*height:18px;*line-height:18px;}
ul.rank li.listtitle{font-weight:bold;color:#1b6ec4;margin-top: 0px;}
ul.rank li .item1{float:left;width:20%;text-align:center;}
ul.rank li .item2{float:left;width:30%;text-align:center;}
ul.rank li .item3{float:left;width:50%;text-align:center;}




/**** footer style *****/
#footer{
	width:1348px;
	height:195px;
	border-top:solid 1px #111;
	background:url("../img/footer_bg.png") 0 182px no-repeat;
}
#footer_content{
	width:960px;
	height:145px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:30px;
}
#footer-left{
    float: left;
    width: 40%;
}
.footer_item1{
	width:155px;
	height:145px;
	float:left;
}
#footer_division1{
	width:1px;
	height:145px;
	float:left;
	margin-right:40px;
	background:#111;
}
.footer_item1_title{
	width:155px;
	height:30px;
	font-size:20px;
	font-weight:bold;
}
.footer_item1_content{
	width:155px;
	height:115px;
	font-size:14px;
}
.footer_item1_content a{
	width:155px;
	height:19px;
	float:left;
}
#footer_item2{
	width:60%;
	height:145px;
	float:left;
}
#footer_item2_title{
	width:85px;
	height:30px;
	float:right;
}
#footer_item2_text{
	width:61px;
	height:30px;
	font-size:20px;
	font-weight:bold;
	float:left;
}
#footer_item2_icon{
	width:24px;
	height:30px;
	background:url("../img/icon_down.png") no-repeat;
	float:left;
}
#footer_item2_icon:hover{
	background:url("../img/icon_up.png") no-repeat;
}
#footer_item2_copyright{
	width:100%;
	height:95px;
	padding-top:20px;
	font-size:13px;
	display:block;
	float:right;
}
#footer_item2_copyright div{
	text-align:right;
	margin-top:5px;
}
#footer_item2_microPlatform{
	width:100%;
	height:115px;
	display:none;
	float:right;
}
#footer_item2_microPlatform_content{
	width:500px;
	height:105px;
	padding-top:10px;
	float:right;
}
.footer_item2_microPlatform_item{
	width:88px;
	height:105px;
	margin-left:24px;
	float:right;
}
.footer_item2_microPlatform_item_img{
	width:88px;
	height:88px;
	float:left;
}
.footer_item2_microPlatform_item_text{
	width:88px;
	height:17px;
	float:left;
	text-align:center;
}







/*********** big slider style**************/
.clearfix{zoom:1;}
.clearfix:after{content:'\20';display:block;clear:both;}
.none{display:none;}
/*{margin:0;padding:0;-webkit-text-size-adjust:none;word-wrap:break-word;word-break:normal;}
html{overflow-x:hidden;background-color:#fff;}*/
.fl,.fr,.lifl li{float:left;display:inline;}

/* banner */
.wrap{width:1348px;margin:0 auto;}
.banner .wrap{height:261px;position:relative;}
.banner .pan{width:1348px;height:261px;position:absolute;top:0;left:0;overflow:hidden;text-align:center;}
.banner .pan img{position:absolute;top:0px;left:0px;}
ul.tab{position:absolute;top:180px;right:40px;z-index:1;cursor:pointer;display:none;/*add by oliver*/}
ul.tab li{padding-left:7px;}
ul.tab img,ul.wdl img,.map{border:2px solid #fff;-webkit-box-shadow:0px 0px 3px 1px rgba(6, 0, 1, 0.3);box-shadow:0px 0px 3px 1px rgba(6, 0, 1, 0.3);}
ul.tab li.current img{border:4px solid #ff6d7b;width:92px;height:57px;}
a.arr_l,a.arr_r{width:58px;height:58px;position:absolute;top:102px;z-index:1;}
a.arr_l{left:9px;}
a.arr_r{background-position:right 0;right:9px;}
a.arr_l:hover{background-position:0 bottom;background:url(../img/slide_left.png) no-repeat;}
a.arr_r:hover{background-position:right bottom;background:url(../img/slide_right.png) no-repeat;}


/*********** small slider style**************/
#wrap2{}
.banner2 #wrap2{height:240px;position:relative;}
.banner2 .pan2{width:445px;height:240px;position:absolute;top:0;left:0;overflow:hidden;text-align:center;}
.banner2 .pan2 img{position:absolute;top:0px;left:0px;}
ul.tab{position:absolute;top:180px;right:40px;z-index:1;cursor:pointer;display:none;}
.small_slide_pic_bg{
	width:445px;
	height:29px;
	top:211px;
	left:0;
	z-index:1;
	opacity:0.8;
	position:absolute;
}
.small_slide_pic_text{
	width:350px;
	height:29px;
	color:#fff;
	text-align:center;
	top:211px;
	left:48px;
	z-index:2;
	font-size:13px;
	line-height:29px;
	font-weight: bold;
	position:absolute;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
#search{
    height: 30px;
    margin-top: -5px;
	float: left;
	width: 183px;
    border-radius: 25px;
    border: 1px solid #C3C5C7;
    background-color: #E8E9EA;
    overflow: hidden;
}
#search_content{
	letter-spacing: 2px;
	width: 140px;
    border-radius: 25px;
    line-height: 23px;
	text-indent:10px;
	height: 100%;
    border: none;
    background-color: transparent;
}
#submitBtn{
    background-color: transparent;
    float: right;
	border: 0;
	background-image: url("/static/img/search.png");
	background-repeat: no-repeat;
	width: 37px;
	height: 31px;
    cursor: pointer;
    border-radius: 25px;

}
/*此处暂不需要
ul.tab li{padding-left:7px;}
ul.tab img,ul.wdl img,.map{border:2px solid #fff;-webkit-box-shadow:0px 0px 3px 1px rgba(6, 0, 1, 0.3);box-shadow:0px 0px 3px 1px rgba(6, 0, 1, 0.3);}
ul.tab li.current img{border:4px solid #ff6d7b;width:92px;height:57px;}
a.arr_l2,a.arr_r2{display:none;}
*/
/*此处暂不需要
a.arr_l2,a.arr_r2{width:58px;height:58px;position:absolute;top:102px;z-index:1;}
a.arr_l2{left:9px;}
a.arr_r2{background-position:right 0;right:9px;}
a.arr_l2:hover{background-position:0 bottom;background:url(../img/slide_left.png) no-repeat;}
a.arr_r2:hover{background-position:right bottom;background:url(../img/slide_right.png) no-repeat;}
*/



/*页面适配
1000px-1348px
760px-1000px

*/
@media screen and (max-width:1348px){
    #footer_item2_icon{
        
    }
	html,body,#footer,#header,#slide_pic1,#top_msg,.wrap,.pan{
		width: 100% !important;
	}
	#top_msg{
		background-size: 100% 100%;
	}
	.banner .pan img{
		width: 100%;
	}

	#menu_bar{
		width: 100%;
        padding: 0;

	}
	#menu_bar ul{
		margin: 0 auto;
        width: 960px;
	}
	#menu_bar ul li{
		margin-right: 3.0%;
	}
	#header,#top_msg,#top_msg_container{
		width: 100% !important;
	}

    #footer{
        background: none;
    }
#footer_item2_copyright >div{
float:none;
text-align:center;
}
	#footer_division1{
		display: none;
	}
	.footer_item1{
		width: 50%;
	}
	.footer_item1:nth-child(2){
		float: right;
	}

	#footer_item2 > div{
		width: 100%;
		text-align: center;
		float: none;
	}

}
@media screen and (max-width:960px){
	#footer,html,body,#header,#slide_pic1,#top_msg,.wrap,.pan,#top_msg_container,#content{
		width: 100% !important;
	}
    #footer_content{
        width: 445px;
        margin: 0 auto;
    }

	.banner .pan img{
		width: 100%;
		height: 230px;
	}
	#menu_bar{
		width: 100%;
	}
	#menu_bar ul{
		margin: 0 auto;
	}
	#menu_bar ul li{
		margin-right: 2.0%;
	}
	#slide_pic1{
		height: 230px;
	}
	.content_row{
		height: auto;
		width: 100%;
	}
	.content_row>div{
		float: none;
		margin: 20px auto;
	}
    #footer-left{
        width: 100%;
        float: none;
    }
    #footer_item2{
        width: 100%;
        float: none;
    }


}
@media screen and (max-width:780px) {
#footer_item2_microPlatform_content{
    width:100%;
}
.footer_item2_microPlatform_item{
	float:left;
margin-left:0;
margin-right:24px;
}
	#slide_pic1{
		display: none;
	}
	#menu_btn{
		display: block;
	}
	#content{
		margin-top: 160px;
	}
	#menu_bar{
		width: 445px;
		margin: 0 auto;
	}
	#menu_bar>ul{
        background-color: #E6E4E4;
		display: none;
		width: 100%;
		text-align: center;
		margin: -12px 0;
	}
	#menu_bar>ul>li{
		float: none;
		text-align: center;
		line-height: 35px;
		padding-left: 10px;
		padding: 0;
		margin: 0;
	}
	#menu_bar>ul>li>a{
		width: 100%;
	}
	#menu_bar>ul>li>a>div.menu_content{
		width: 100%;
		text-align: center;
	}
	.menu_text{
		width: 100%;
		text-align: center;
	}
	#search{
		margin: 0 auto;
		float: none;
	}
	.down_icon{
		display: none;
	}
	.content_row_right{
		width: 445px;
	}
	#content{
		max-width: 445px;
	}
	.content_row_left{
		width: 100%;
		height: auto;
	}
	#msg_act div.msg_act_content{
		width:25%;
		margin:0;
		text-align:center;
		display:block;
	}
	#msg_act div.msg_act_content a{
		display: block;
		margin: 0 auto;
	}

	#msg_act div.msg_act_content .msg_act_text{
		width: 100%;
		text-align: center;
	}
	#msg ul{
		width: 100%;
	}
	.content_row_right{
		width: 100%;
		height: auto;
	}
	#future_video,#newspaper_ebook{
		float: none;
		width: 100%;
	}
	#video_row1,#video_row2{
		width: 100%;
	}
	#video_row1 a {
		width: 46%;
		background-size: cover !important;
	}
	#video_row1 a:nth-child(3){
		float: right;
	}
	#video_row2 a {
		width: 46%;
		background-size: cover !important;
	}
	#video_row2 a:nth-child(3){
		float: right;
	}
	#video_pic_blank{

	}
	#newspaper  a{
        width:100%;
        height: 100%;
        display:block;
        overflow:hidden;
    }

	#newspaper a img{
		width: 100%;
	        height:auto;
	}
	#student_orgs{
		width: 100%;
		margin-right: 0;
	}
	#student_orgs_row{
		width: 100%;
	}
	.student_orgs_item{
		width: 20%;
		height: 20%;
	}
	.student_orgs_item img{
		width: 100%;
		height:auto;
	}
	#special_subject{
		width: 100%;
	}
	.special_subject_item{
		width: 100%;
	}
	.special_subject_item img{
		width: 100%;
	}
	#footer{
		width: 445px !important;
		margin: 0 auto;
	}
	#footer_division1{
		display: none;
	}
	.footer_item1{
		width: 50%;
	}
	.footer_item1:nth-child(3){
		float: right;
	}
	#footer_item2_title{
		width: 100px!important;
margin:0 auto;
	}
	#footer_item2>div{
		width: 100%;
		text-align: center;
		float: none;
	}

}
@media screen and (max-width:445px) {
	#slide_pic2{
		width: 100%;
	}
	.banner2 .pan2{
		width: 100% !important;
	}
	.banner2 .pan2 a{
		width: 100%;
		height: 100%;

	}
	.banner2 .pan2 img{
		width: 100%;
		height: 100%;
	}
	.small_slide_pic_text{
		width: 100%;
	}

	.list_text{
		width: 100%;
	}
	.list_date{
		display: none;
	}
	#footer{
		width: 100% !important;
	}
    #footer_content{
        width: 100%;
    }
    #content{
      width: 95% !important;
    }
    #footer_item2{
      position: relative;
    }
    #footer_item2_copyright{
      top: 140px;
            position: absolute;

    }
    #footer_item2_icon{

      position: absolute;
      display: none;
    }
    #footer_item2_microPlatform{
            position: absolute;
display: block;
      top: 30px;
    }
}
@media screen and (max-width:380px) {
	#slide_pic2{
		width: 100%;
		height: 200px;
	}
	#wrap2,#wrap2 .pan2{
		height: 100% !important;
	}
}