@media only screen and (max-width:1280px)
{
	.main{max-width: 96%;}
	.bo .words h2{font-size: 3rem;color: #f9f9f9; font-weight: normal;line-height: 4rem;}
	.bo .words h3{font-size: 2rem;color: #f9f9f9; }
	
}
@media only screen and (max-width:980px)
{
	body{font-size: 12px;}
	.bo img{min-height: 200px;}
	.habout li{float:left; width:50%; text-align:center; }
	.habout dd img{margin-right:0;}
	.list_news ul li a{}
	.list_news ul li{padding:1.6rem 0;line-height: 1.6rem;}
	.bo .words h2{font-size: 2.5rem; text-align: center; line-height: 2.3rem}
	.bo .words h3{font-size: 1.5rem;text-align: center;}
}

@media only screen and (max-width: 768px)
{
	.logo{margin:0.2rem 0 0 0.8rem; margin-bottom:10px; }
	.logo img{width:7rem;}
	.nav,.topr{display:none}
	.sp_nav{display: block;}
	.sjj_nav{display: block;}
	.main{max-width: 90%; margin: 0 auto;}
	.home h3{font-size: 1.7rem;}
	.home h4{font-size: 1rem;}
	.list_news{ margin:2rem 0rem;}
	.home .more{top:1%;width:35%;}
	.pclass a{padding:5px;color: #999;}
	
	.list_img li{width:48%;}
	
	.bo .words{text-align: center; }
	
	.pg span{width: 100%;}
	.about ul{margin-top: 0.5rem;}
	.about ul li .desc{margin: 2rem 0;}
	.about .main ul li{width: 100%;}
	
	.detail #le{width:100%; margin: 0 auto;}
	.detail #ri{width:100%; margin: 0 auto; background-color:#f8f8f8;}
	.tab_fix{position:relative;}
	.classlist a{border:1px #f2f2f2 solid; padding:0.2rem 1rem; }
	
	.contact .d1 dd{width: 98%;margin: 2rem 0;}
	.contact .d2{margin: 3rem 0;} 
	#dituContent{height:300px;}
	
	.foot{padding: 0 2%;}
	.foot .d1{display: none}
	.foot .d1 .le{width: 100%; text-align: center;margin: 2rem 0 1rem 0;}
	.foot .d1 .ri a{margin-right: 0.5rem;}
	.foot .d2 .ri{margin: 2rem 0;font-size: 0.8rem;color: #aaa;}
}