@charset "utf-8";

@media only screen and (max-width:1200px ) {
	.inner{width: 98%;margin: 0px 1%;}
	.news_right, .sys_right, .articl_right{width: 69%;}
	.journal ul li,.journal{margin-right: 2%;}
	.journal ul li{width: 30%;margin-bottom: 15px;}
	.journal, .med{margin-top: 0px;}
	.about ul li{width: 32%;margin-right: 1%;height: auto;}
	.pic_list ul li{margin-bottom: 20px;height: 200px;}
	.zhu ul li{margin: 10px 5%;}
	.zi{
		left: 600px;
	}
	.switch-content{right: 5%;}
.nav ul li > a{
		padding-left: 18px;
		padding-right: 18px;
	}
.tab-hd>li{margin-left:7px;}
}
@media only screen and (max-width:1024px ) {
	.logo{
		width: 35%;
	}
	.logo img{width: 100%;}
	.notice{
		height: auto;
	}
	.tab-bd2>li>ul>li a{width: 75%;}
	.links{min-height:200px;height: auto;}
	.erjibanner{height: 11em;}
	.pic_list ul li{margin-bottom: 10px;}
	.tabBg,.banner, .container{height: 400px;}
	.switch-content{right: 0;}
.tab-hd>li{width:85px;}
.tab-hd .animal{width:95px;}

}
@media only screen and (max-width:992px ){
	
	.news_right, .sys_right, .articl_right{width: 65%;}
	.tab-hd>li{margin-right: 3px;}
	.tab-bd2>li>ul>li a{width: 70%;}
.nav ul li > a{
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media only screen and (max-width:945px ){
	.news_right, .sys_right, .articl_right{width: 58%;}
	
}
@media only screen and (max-width:799px ){
	.news, .download,.system, .articl{
		width: 98%;
		margin: 20px 1%;
		max-width: 98%;
	}
	.news_right, .sys_right, .articl_right{width: 70%;}
	.notice_title{width: 98%;margin: 0px 1%;}
	.line1, .line2{width: 35%;}
	.notice{margin-top: 20px;}
}
@media only screen and (max-width:768px ){
	#nav{display: none;}
	.logo{
		width: 80%;
		margin-left: 5%;
	}
	.logo img{width: 100%;}
	.top_left{margin-left: 15px;}
	.top_right{
		float: left;
		margin-bottom: 20px;
	}
	.top_right ul li{
		margin-top: 0px;
	}
	.search{margin-top: -3px;}
	.demo-2{display: block;    position: relative;
    z-index: 999;}
	.tab-bd2>li>ul>li{width: 96%;margin: 0px 2%;margin-bottom: 10px;}
	.tab-bd2>li>ul>li a{width: 80%;}
	.journal, .med{width: 98%;margin: 0px 1%;max-width: 98%;}
	.main{margin-top: 20px;}
	.journal ul li{width: 31%;margin-left: 1%;}
	.notice{height: 860px;}
	.zi{display: none;}
	.tabBg,.banner, .container{height: 300px;}
	.links{height: 270px;}
	.abstract{    
		line-height: 25px;
    	margin-bottom: 10px;
    }
    .bian p{margin-top: 10px;}
    .qikan_title h2{    font-size: 20px;}
    .qikan_title p{font-size: 12px;
    word-spacing: 5px;}
}	
@media only screen and (max-width:660px ){
	.erjinav a{
		width: auto;
	    padding: 0 1.3em;
	    height: 2em;
	    line-height: 2em;
	    margin:5px 10px; 
	}
	.pic_list ul li{width: 47%;}
	
}
@media only screen and (max-width:620px ){
	.logo{
		
		margin-left: 2%;
	}
	.dl-menuwrapper button{
		top: -55px !important;
		right: 30px !important;
	}
	.notice{height: 930px;}
	.news_pic, .sys_pic, .articl_pic{width: 25%;height: auto;}
	.news_right, .sys_right, .articl_right{width: 65%;height: auto;}
	.zhong{width: 100%;}
	.line1{margin-right: 2%;}
	.line2{margin-left: 2%;}
	.tab-hd2 li{margin-right: 2%;}
	.sys_right ul li{padding-left: 5px;padding-right: 5px;}
	.bottom_lists>ul>li a{width: 70%;}
	.bottom_lists>ul>li span{width: 30%;}
	.zhu ul li{width:27%;margin: 10px 2%;}
	.zhu ul li p{font-size: 14px;}
}

@media only screen and (max-width:522px ){
	.search{margin-top: 15px;margin-left: 20px;}
	.dl-menuwrapper button{
		right: 10px !important;
	}
	.date{width:15%;}
	.tab-bd2>li>ul>li a{width: 70%;}
	.tab-hd{margin-top: -44px;margin-right: 20px;}
	.tab-bd{margin: 105px 20px 20px;}
	.med ul li h3{width: 80%;}
	.tab-hd2{width: 100%;}
	 .links{height: 270px;}
	.links ul li{
		width: 48%;
		margin-left: 1%;
		margin-right: 0px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}   
	.qikan_pic{width: 60%;margin: 0px 20%;max-width: 60%;}
	.qikan_title h2{font-size: 16px;}
	.qikan_right{width: 96%;max-width: 96%;margin: 0px 2%;}
	.qikan>ul>li{padding: 20px 0px;}
	.bian p{width: 100%;}
	.qikan_right ul li{padding-left: 5px;padding-right: 5px;}
}
@media only screen and (max-width:420px ){
	.date{width:20%;}
	
	.contact,.team,.about{
		width: 98%;
		margin: 0px 1%;
	}
	.line1, .line2{width: 33%;}
	.erjinav a{
		width: 7em;
	    height: 2em;
	    line-height: 2em;
	    padding: 0 0.8em;
	    font-size: 0.88em;
	    -moz-border-radius: 12px;
	    -webkit-border-radius: 12px;
	    border-radius: 12px;
	    margin: 2px 0px;
	}
	.erjibanner{height: 9em;}
	.bottom_lists>ul>li a{width: 65%;font-size: 14px;}
	.bottom_lists>ul>li span{width: 35%;font-size: 14px;}
	.names,.area{line-height: 30px;}
	.tabBg,.banner, .container{height: auto;}
	.tabBg img{height: auto;}
}
@media only screen and (max-width:350px ){
	.top_right ul li{
		margin-bottom: 5px;
	}
	.dl-menuwrapper button{
		width: 2.5pc !important;
		height:40px !important;
		top: -45px !important;
	}
	.dl-menuwrapper button:after{
		top: 8px !important;
		height: 4px !important;
	}
	.top_left{line-height: 40px;}
	.line1, .line2{width: 30%;}
	.date{width: 22%;}
	.tab-bd2>li>ul>li a{width: 68%;}
	.tab-hd{width: 100%;float: left;}
	.tab-hd>li{width: 32%;margin-right: 1%;}
}
