@charset "UTF-8";
/* CSS Document */
.bF{
	border-left:#a3c0db 1px solid;
	}
.br{
	border-right:#a3c0db 1px solid;
	}
/*第二种top*/
div.topWrapper2{
	display:none;
	}
div.top2{
	width:100%;
	position:relative;
	margin:0 auto;
	}
a.icon,a.logo{
	display:block;
	height:50px;
	width:50px;
	display:inline;
	}
a.logo{
	background:url(../images/logoSm.png) no-repeat 50% 50%;
	}
a.navDrop{
	background:url(../images/navIcon.png) no-repeat 50% 50%;
	}
a.user{
	background: url(../images/user.png) no-repeat 50% 50%;
	}
a.search{
	background: url(../images/search.png) no-repeat 50% 50%;
	}
div.navDropList,div.UserDropList,div.searchDropList{
	position:absolute;
	top:50px;
	z-index:1;
	width:100%;
	vertical-align:middle;
	}
div.searchDropList{
	background-color:#EF3E35;
	width:100%;
	z-index:1;
	}
div.searchDropList input{
	width:97%;
	border:0;
	height:30px;
	margin:10px;
	}
div.navDropList a,div.UserDropList a{
	text-align:right;
	font-size:14px;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	background-color:#EF3E35;
	border-top:#a3c0db 1px solid;
	color:#FFF;
	}
@media screen and (max-width:1012px){	
	div.body{
	padding:15px 0 30px 0;
	}
div.topStory{
	padding:30px 0 0 0;
	}
	div.rightArea{
		display:none;
	}
	div.articeList{
	width:100%;
	}
div.articeBig{
	width:96%;
	}
div .articeImgBig{
	width:100%;
	}
div.body div.articeSmall,div.topStory div.articeSmall{
	width:46.6%;
	}
div .articeImgSmall{
	width:100%;
	}
div.topStory div.articeSmall{
	margin-right:30px;
	}
div.topStory div.articeContent1{
	display:block;
	}
input.searchInput{
	width:85.5858%;
	}
	}
@media screen and (max-width:985px){
	div.topWrapper{
		display:none;
	}
	div.topWrapper2{
	display:block;
	}
	div.headWrapper{
		display:none;
	}
	}
@media screen and (max-width:930px){
	div.body div.articeSmall,div.topStory div.articeSmall{
	width:45.7%;
	}
div .articeImgSmall{
	width:100%;
	}
div.articeBig{
	width:95%;
	}
	}
@media screen and (max-width:830px){
	div.footerBarCode{
		display:none;
	}
	}
@media screen and (max-width:755px){
	div.goTop{
		right:5%;
		}
	}
@media screen and (max-width:750px){
	div.body div.articeSmall,div.topStory div.articeSmall{
		width:45%;
	}
	input.searchInput{
	width:78.5858%;
	}
	}
@media screen and (max-width:640px){
	div.articeBig{
	width:94%;
	}
	div.body div.articeSmall,div.topStory div.articeSmall{
	width:94%;
	}
	}
@media screen and (max-width:510px){
	div.articeBig{
	width:90%;
	}
	div.body div.articeSmall,div.topStory div.articeSmall{
	width:90%;
	}
	input.searchInput{
	width:70.5858%;
	}
	}