@charset "utf-8";
@media only screen and (max-width: 1400px) { 
	.body_b .sitelogo {
    padding: 20px 0px 8px 0px;}
	.wp-window {
	    margin-top: 27px;}
.top{background-size: auto;}
.footer.inner{width: 96%;}
	}
@media only screen and (max-width: 1400px) { 
	#header .inner,.body_b #header .inner, .body_b .wrapper .inner, .body_b .inner,.neiinner, .neitop .inner, .footer.inner{width: 96%;}
	#header .sitelogo{width:40%;}
	#header .sitelogo img{width: 100%;}

	.xue_left{margin-left: 30px;margin-right: 30px;height: auto;
    max-height: 425px;
    overflow: hidden;}
.tab-hd .active {
    background: url(../img/act.png) no-repeat center top;
}
.img_vsb_content{max-width:90%;}
}
@media only screen and (max-width: 1270px) { 
.option li,.foot_pic ul li{width: 100%;max-width:100%;margin-right: 0px;height: auto;margin-bottom: 20px;}
.tab-hd li a,.tab-hd li{font-size: 18px;line-height: 60px;background-position: right center;}
	.wp-window{margin-top: 0px;}
	.neitop .head-right{width: 100%;margin-top: -77px;}
.important {display: none;}
.notice{width: 100%; max-width: 100%; margin-bottom: 20px;}
.notice_list ul li { margin-bottom: 15px;}
.notice_list ul li a h2 {font-size: 18px;font-weight: normal;line-height: 28px;  margin-top: -5px; height: 28px; overflow: hidden;}
.fuyee .tab { background: url(../img/yqbg.png) repeat-y bottom;}
.tab-hd li a span {display: none;}
.notice_list ul li a {
    width: calc(100% - 85px);
}
.news{width:100%;}
div#vsb_content_2 {
    overflow-x: auto;
}
}

@media only screen and (max-width: 1200px) { 
	.head-right,.neitop .head-right{width: 100%;margin-top: -77px;}
	.xue_left{margin-left: 0px;}
	.xue_right{margin: 40px 0px;width: 40%;}
.v_news_content img {
    width: 90%;
    height: auto;
    float: none!important;
}

}
@media only screen and (max-width: 1024px) { 
.dilogo img{width:100%;}
}

@media only screen and (max-width: 888px) { 

.nav li a .biaotie {
    font-size: 12px;}

.dilogo img{width:100%;}
}

@media only screen and (max-width: 768px) { 
#header .inner {
    height: auto;}
	.xiao_banner,.demo-2{display: block;position: relative;}
body{ background-color: #ffffff;}
.nav{display:none;}
	.xiao_banner{z-index: 99;}
	.tab-hd li a, .tab-hd li {  height: 60px;}
	#banner,.head-right,.xiao_banner .centered-btns_nav,#nav,.nav_left{display: none;}
	.body_b {
	   top: 0px;
	}
	.head, .mbanner, .mbanner .inner, .mbanner .inner>div, .focus, .focus>ul, .mbanner .slick-list, .mbanner .slick-track{height: auto;}
	#header .sitelogo{width: 80%;padding: 15px 0px;}
	.top{background: #004398;z-index: 99;padding-bottom: 0px;}
	.main1{padding-top: 40px;}

	.news,.notice,.xue_left,.xue_right,.nav_right{width: 100%;max-width: 100%;margin-bottom: 20px;}
	.news_img{
		height: 240px;
	}
	.xue_left,.xue_right{
		margin-left: 0px;margin-top: 20px;height: auto;
	}
	.xue_right{min-height: 350px;}
	.neitop .sitelogo{width:85%;padding: 15px 0px;}
	.neitop .sitelogo img{width: 100%;}
	.right_inner{margin: 20px 0px;}
	.list .bg2{padding: 0px;margin: 0px;}
	.neitop{background-color: #004398;}
	.neitop .header{position: relative;padding-bottom: 0px;}
.notice_list ul li a {
    width: 85%;
}
.tab-hd li a span {
    margin-top: -20px;
    font-size: 18px;display:none;
}
.tab-hd {
    /* overflow: hidden; */
    background: #024375;
    height: 60px;}
.tab-hd li a{padding:0px;}
.pic-list .pic-news{width:33%;}


}
@media only screen and (max-width: 660px) { 
.dilogo img {
    width: auto;
}
	.news_list ul li{width: 100%;max-width: 100%;margin-bottom: 20px;}
	.news_img{
		height: auto;
	}
	.xue_title{line-height: 40px;}
	
	.important,.cap2,.xue_left .centered-btns_nav{display: none;}
	.mores{bottom: 20px;}
	 .ke_tab{height: 0px;} 
	.main3 .inner{margin-top: 0px;}
	
	.dilogo, .dilink, .addr{width:100%;margin: 15px 0px;}
	.number_right h3{font-size: 16px;}
	.notice_list ul li a{width: 75%;}
	.dl-menuwrapper button{top: -54px ;}
	.notice_list ul li a {
    width: 75%;
}
.list, .neiinner {
   margin-bottom: 0px; 
}

.fuyee .tab {
    background: url(../img/yqbg.png) repeat-y bottom;
}		
.list>ul li a{width: 70%;}
	
}

@media only screen and (max-width: 500px) { 
.pic-list .pic-news{width:50%;}
}




@media only screen and (max-width: 320px) {body{min-width: 320px;} }