@charset "utf-8";
/* CSS Document */


@media screen and (max-width:1222px){
	#lstnav ul li > a { padding:0 1.2em;}
}

@media screen and (max-width:1000px){
  .sy_news ul{width:100%;}
  .sy_news li{width:100%;}
  .nebox{width:85%; }
  .newspic{width:25%; height:auto;}
  .newstext{width:70%; padding-left:5%;}
  .mosga{width:8%;}
  
  .mr_frUl{ width:730px;}
}

@media screen and (max-width:980px) {
	.nav{  position:relative;}
	.lstheader{ background:rgba(255,255,255,0.8);}
	#lstnav, #lstsubnav{ display: none; }
	#padm_nav { display: block; height:82px; color:#fff; }
	#padm_nav p.whlangude{display:block;}
	#padm_nav .padm_navtit { line-height: 2.4em; font-size: 3em; text-align: center; white-space: nowrap; overflow: hidden; color:#333; }
	#padm_nav .padm_navbtn { float:right; width:40px; height:82px; position:relative;}
	#padm_nav .padm_navbtn:hover, #padm_nav .padm_navbtn.hv { background:#fff; }
	#padm_nav .padm_navbtn img { position:absolute; left:0; top:50%; transform:translate(0,-50%); cursor:pointer;}
	#padm_navm { position: fixed; width: 200px; height: 100%; right: -201px; top: 0; z-index:9999; overflow-x: hidden; overflow-y: auto; background: #333; border-left: 1px solid #4d4d4d; }
	#padm_navm dl { margin-bottom: 4em; border-bottom:1px solid #4d4d4d;}
	#padm_navm dd { text-indent: 2em; font-size: 1.2em; }
	#padm_navm a { display: block; border-bottom: 1px solid #1a1a1a; border-top:1px solid #4d4d4d; color: #fff; line-height: 2.5em; }
	#padm_navm a:hover { background: #1a1a1a; }
	.tab dd{ width:24.8%;}
	

	
}
@media screen and (max-width:640px) {
.tab dd div.tabBox{display:none;}
.tab dd > p{ display:block;}

.sy_news ul{width:100%;}
.sy_news li{width:100%;}
.nebox{width:90%; padding:5%; height:auto }
.newspic{width:100%; height:auto;}
.newspic img{width:100%;}
.newstext{width:90%; padding:0;}
.mosga{width:100%; height:30px; line-height:30px;}

.mr_frUl{ width:364px;}

.culture .cultureBox{ min-height:300px;}
.cultureBox h2{ margin:35px 0px 10px 0px;}
.cultureBox p{font-size:14px; font-weight:bold; line-height:30px;}
.cultureBox p.p30{ font-size:16px;}
.cultureBox p.p24{ font-size:14px;}
.honor li{ width:46%; margin:0 2% 10px;}
#tFocus,.go{ display:none;}
.websliderBox{ display:block;}
.caseBox{ width:95%; margin:0 auto;}
.caseBox li a,.caseBox li a.aLast{ float:none; margin:20px auto;}	
.tabMba > ul >li{ margin:0 6%;}
.contact dl dd,.contact dl dt{ width:90%; float:none; margin:10px auto 0;}
.newsPage img{ width:100%;}
.newsPage ul li{ width:90%; float:none; margin:0 auto 0px;}
.service li > img{ min-height:140px;}

}

@media screen and (max-width:414px) {
#lstlogo{ margin-left:0;}
.tab dd{ width:49.6%;}
.contact h2{ font-size:1.8em;}


}
@media screen and (max-width:375px) {
#lstlogo img{left:10px; width:240px;}
.ourBox li{ width:50%; margin-bottom:10px;}
.tabMba > ul >li{ margin:0 4%;}
.service li h2{ font-size:28px; }
.service li p{ font-size:16px;}
}
@media screen and (max-width:320px) {
#lstlogo img{ width:200px;}
.mr_frUl{ width:172px;}
.tabMba > ul >li{ margin:0 2.5%;}
}