@media screen and (max-width:1024px) {
	.center{margin:0;width:90%;padding:0 5%;}
	#top .logo{float:none;}
	.mainNav{width:100%;float:none;padding-bottom:10px;}
	.mainNav ul {margin-left:-5%;}
	.mainNav ul li{margin-left:5%;margin-top: 0px;margin-bottom:10px;}
	#main{width:90%;padding:15px 5%;}
	#loginview{width:60%;}
	#content{width:68%;}
	#oalist{float:none;width:100%;}
	#oalist .column{height: 192px;}
	#introBox .textBox .thumFm img{margin-top:10px;}
	#introBox .textBox .text{margin-left:0px;padding-top:10px;}
	#news{width:100%;float:none;}
	#news ul{height:auto;overflow: visible;}
	#author{width:100%;float:none;}
	#author ul{height:auto;overflow: visible;}
	#info{float:left;width:100%;margin-top:15px;border:none;padding:0px;}
	#news ul li a{white-space:normal;overflow:visible;text-overflow:clip;padding:2px 5px 2px 15px;line-height:20px;}
	#links .list ul{margin-left:-10px;}
	#links .list ul li{float:left;margin-left:10px;width:auto;}
	.inside #main{width:90%;padding:15px 5%;}
	.inside #content{width:68%;}
	.dlistnum_con .colu2 ul{margin-left:-1%;}
	.dlistnum_con .colu2 ul li{float:left;width:49%;margin-left:1%; }
	.form-horizontal .form-group .control-label{width:16%;}
	.btn-danger{margin-left:16%;}
	.regCon{width:70%;}
}



@media screen and (max-width:980px) {
	.mainNav ul{margin-left:-3%;}
	.mainNav ul li{margin-left:3%;}
	#loginview{width:84%;}
	#shoulu{display: none;}
	#oalist .column{height:400px;}
	#sidebar{width:100%;float:none;}
	#introBox .textBox{padding-bottom: 10px;}
	#oaquery .column .textbox{width:86%;}
	#oaquery .column ul li {width:16%;}
	#zlhzhb,#links{display: none;}
	#news .listArea{height: auto;overflow:visible;}
	#author ul{height: auto;overflow:visible;}
	#zlhzhb1,#links1{display: block;}
	#zlhzhb1 ul{margin-left:-1%;padding:10px;}
	#zlhzhb1 ul li{float:left;width:24%;margin-left:1%;}
	#links1 .list{padding:10px;}
	#links1 .list .listImg{margin-left:-1%;}
	#links1 .list .listImg li{float:left;width:24%;margin-left:1%;}
	#links1 .list .linkWord{margin-left:-1%;}
	#links1 .list .linkWord li{float:left;width:auto;margin-left:1%;}
	#content{width:100%;float:none;}
	#introBox .textBox .column{width:46%;}
	.inside #content{ width: 100%;float:none;margin-left:0px; }
	.inside #content .column{height:auto;min-height:0px;}
	.inside #content .oalist{height:600px;overflow: auto;}
	.titleTab3{height:auto;}
	.linkTu ul{margin-left:-3%;}
	.linkTu ul li{margin-left:3%;width:30%;}
	.linkWord ul{margin-left:-3%;}
	.linkWord ul li{margin-left:3%;width:27%;}
	#sidebar1{float:none;width:100%;}
	.default_con .column .compre .page input{width:100px;}
	.default_con .column .compre1{display: block;margin-bottom:10px;}
}


@media screen and (max-width:900px) {

	.mainNav ul{margin-left:-1%;}
	.mainNav ul li{margin-left:1%;}
	#oalist .column{height:500px;}
}

@media screen and (max-width:855px) {	
	.tab-pane .tab_con_right{width:93%;}
	.regCon{width:80%;}
}

@media screen and (max-width:768px) {
	.mainNav{display: none;}
	.titlebar .title{font-size:16px;}
	#top .smallTopNav{display:block;position:absolute;top:12%;right:0;}
	#loginview{width:100%;}
	#loginview .column ul{margin-top:8%;}
	#banner{ height:350px; }
	#oaquery .column .textbox{width:80%;}
	.slider1{float:none;width:100%;}
	.tuBox{float:none;width:100%;}
	.moduleSlider .swiper-container .swiper-slide a img{width:100%;height:auto;}
	.default_con .column .compre .page input{width:15%;}
	.default_con .column .compre1{display:inline-block;margin-bottom:0px;}
	.inside #content{ width: 100%;margin-left: 0px; }
	.form-horizontal .form-group .control-label{width:12%;}
	.btn-danger{margin-left:12%;}
	.inside #conten .oalist .column{height:410px;overflow: auto;}
	.loginArea{width:80%;float: none;}
	.qqBox{width:196px;float: none; margin:30px 0 30px 10%;}
	.regArea{width:90%;float:none;margin-top:10px;}
	
}

@media screen and (max-width:658px) {
	#loginview .column li {width:50%;}
	#introBox{height:auto;float:none; background: #f5f5f5;margin-top:10px;}
	#introBox .textBox .column {width:100%;}
	#introBox .thumFm{margin-left:0px;width:100%;}
	#introBox .thumFm a{display:block;text-align:center;}
	#introBox .thumFm img{margin-left:0px}
	#introBox .textBox .text{margin-left:0px;border-left:0px;}
	#zlhzhb1 ul li{width:32%;}
	#links1 .list .listImg li{width:32%;}
	.newslist .notice2 li a{float:none;width:100%;white-space: normal;overflow: visible; text-overflow: clip;}
	.newslist .notice2 li span{display:none;}
	.default_con .column .compre1{display:block;margin-bottom:10px;}
	.form-horizontal .form-group .control-label{width:15%;}
	.btn-danger{margin-left:15%;}
	#loginview #welcome ul{padding-top: 11%}
	#loginview #welcome li{width:40%;}
	#loginview #welcome li.name{height:77px;}
}

@media screen and (max-width:560px) {
	#top .logo{ background-size: 80%;height:120px;}
	#top .smallTopNav{top:8%;}
	#loginview .column li a{padding-left:42%;font-size:16px;}
	#loginview .column li a.login1,#loginview .column li a.login2,#loginview .column li a.login3,#loginview .column li a.login4{background-size:40%;}
	#banner{height:280px;}
	#infopic{display:block;text-align: center;}
	#oaquery .column .textbox{width:75%;}
	#oaquery .column ul li{width:33%;}
	#news .listArea .list ul li{height:auto;}
	#news .listArea .list ul li a{float:none;width:96%;display:block;white-space: normal;overflow: visible; text-overflow: clip;}
	#news .listArea .list ul li .date1{display: none;} 
	#author ul li a{float:none;width:96%;line-height:20px;padding:5px 15px;display:block;white-space: normal;overflow: visible; text-overflow: clip;}
	#author ul li span{display: none;}
	#zlhzhb1 ul li{width:49%;}
	#links1 .list .listImg li{width:49%;}
	.form-horizontal .form-group .control-label{width:100%;text-align: left;}
	.form-horizontal .form-group .form-control{width:100%;}
	.form-horizontal .form-group .nmfb input{margin-left: 0px;}
	.btn-danger{margin-left:5%;}
	.regArea dd .button2{margin-left:5px;}
	.regCon{width:85%;}
	.regArea{width:100%;}
	.newslist .notice2 li {padding:5px;padding-left:15px;background:url(default/dot01.jpg) 3px 12px no-repeat; border-bottom: 1px dashed #ccc;}
	.newslist .notice2 li a{width:98%;float:none;}
	.newslist .notice2 li span { display: none;}
	.advice_text{font-size:14px;line-height:16px;padding:5px 0px;}
	#loginview #welcome ul{padding-top: 11%}
	#loginview #welcome li{width:46%;height:80px;}
	#loginview #welcome li a{line-height:80px;}
	#loginview #welcome li.name{height:70px;line-height:30px;padding-top:2%;}

}


@media screen and (max-width:414px) {
	#top .logo{ background-size: 60%;height:90px;}
	#top .smallTopNav{top:7%;}
	#banner{height:216px;}
	#loginview .column ul{margin-top: 5%;}
	#loginview .column li{float:none;width:70%;height:40px; background: #0C84E0;border-radius: 4px;margin:5px auto;}
	#loginview .column li:hover,#loginview .column li:hover a{background:#F29635;color:#fff;}
	#loginview .column li a{padding-left:0px;font-size:16px;height:40px;line-height:40px;text-align: center;display: block;padding-top:0px;}
	#loginview .column li a.login1,#loginview .column li a.login2,#loginview .column li a.login3,#loginview .column li a.login4{background:none;}
	#oaquery .column .textbox{width:72%;}
	#zlhzhb1 ul li{width:99%;}
	#links1 .list .listImg li{width:99%;}
	.tab-pane .tab_con_right{width:93%;margin-top:2px;}
	.default_con .column .keywords input{width:20%;}
	.dlistnum_con .colu2 ul{margin-left:0;}
	.dlistnum_con .colu2 ul li{float:none;width:100%;margin-left:0; }
	.linkTu ul{margin-left:-2%;}
	.linkTu ul li{margin-left:2%;width:48%;}
	.linkWord ul{margin-left:-2%;}
	.linkWord ul li{margin-left:2%;width:43%;}
	.loginCon{width:90%;}
	.regArea dd .button2{margin-left:5px;float:none;}
	.regArea{width:100%;padding:0 5%;}
	.regArea dt {text-align:left;width:90px;float:none;margin-left:5px;}
	.regArea dd {width:90%;margin:0 0 8px 0;padding-left: 2px;float: none;}
	.fm .ewm1{margin-left: 0px;}
	.input-group input{width:130px;}
	.titleTab3{padding: 10px 3px;}
	.titleTab3 li a{font-size:13px;}
	.pagination li{padding:5px;}
	#loginview #welcome ul{padding-top:2%;}
	#loginview #welcome li{width:70%;float:none;margin:0 auto;height:40px;margin-bottom:2%;}
	#loginview #welcome li a{line-height:40px;}
	#loginview #welcome li.name{height:54px;line-height:20px;padding-top:2%;}
}	

@media screen and (max-width:380px) {
	#loginview .column li{width:80%;}
	#oaquery .column .textbox{width:64%;}
}

@media screen and (max-width:320px) {	
	#top .logo{ background-size: 50%;height:80px; }
	#top .smallTopNav{top:5%;}
	.default_con .column .compre .page input{width:12%;}
	.default_con .column .keywords input{width:23%;}
	.linkTu ul{margin-left:0;}
	.linkTu ul li{margin-left:0;width:100%;float:none;}
	.linkWord ul{margin-left:0%;}
	.linkWord ul li{margin-left:0%;width:94%;float:none;}
	.pagination li{padding:3px 5px;}
	.nav>li{margin-bottom:10px;}
	.listToolbar{margin-top: 40px;margin-left:0px;}
}	