.noimg img {display:none;}
@media screen and (max-width:640px){
	body{
		font-size: 1em;
	}
}
@media screen and (min-width:640px){
	body{
		font-size: 1.2em;
	}
}
.wrap{max-width: 630px; padding:0 5px; margin: 0 auto; min-width: 320px;}
.mt8{margin-top: 8px;}
#header{width:100%;display: block; position:fixed;top: 0;border-bottom: 1px solid #ccc;}
#footer{width:100%;position:fixed;bottom: 0; float: left;}

#content{}
#header{height:50px;line-height:50px;background: #fff;}
#header .logo{width:40px; height:40px; margin: 5px; display:inline-block; float: left;}
#header h1{font-weight:normal; font-size: 1.3em; display:inline-block;float: left; color: #1c70b2;}
#header .panel{width: 20px; height: 20px; display: block; float: right; margin: 5px;}

.rediv{ height: 50px; line-height: 50px; float: left; width: 100%;}

.nav{background: #005FB3; width: 100%; float: left;}
.nav ul li{width: 33.33%; line-height: 46px; float: left; text-align: center; border-right:1px solid #9e8538;border-bottom:1px solid #9e8538; margin:0 auto;z-index:-1; display:block; padding:1.5% 0; font-weight:bold }
.nav ul li:last-child a{color: #1c70b2;}
.product{width:100%;margin-top: 10px; float: left;}
.product ul{float:left;background: #fff;border: 1px solid #d8dfe5; padding: 5px; width:100%;}
.product ul li{float:left;width: 45%; margin: 5px;}
.product ul li img{display:block;padding:2px; border: 1px solid #ccc; margin: 2px;}
.product ul li span{display: block; text-align: center;}

.tel{width:100%; background: #277ec3; height: 40px; line-height: 40px; float: left; color: #fff;margin: 20px 0;}
.tel strong{ width: 30%; background: orange; display: block; float: left; margin-right:20px; text-indent: 20px; min-width: 110px;}
.news,
.about{width: 100%; float: left;}
.t1{ width:100%;height: 35px; line-height: 35px; background: orange; display: block;float: left;color: #fff;}
.t1 strong{background: #277ec3; display: block; padding: 0 15px; float: left;}
.t1 .more{float: right; padding-right: 15px; color: #fff; font-size: 0.8em;}
.newsbox,
.aboutbox{background: #fff;border: 1px solid #d8dfe5;float: left;}
.newsbox{ padding: 5px;}
.newsbox li{ width: 100%; float: left; line-height: 40px; height: 40px; border-bottom: 1px dotted #dedede; background: url(/wapimg/arrow.gif) 7px center no-repeat;}
.newsbox li a{ float: left; text-indent: 20px;}
.newsbox li span{ float: right; color: #999; font-size: 0.8em; font-weight: normal; padding-right: 15px;}
.about{}
.aboutbox{padding:10px;}
.aboutbox p{line-height: 28px; text-indent: 2em; font-size: 0.9em; margin: 5px 0;}
.ftnav{width:100%;height:50px; background:#2f3841; line-height: 50px;}
.ftnav li{width:25%;float:left;text-align: center;}
.ftnav li a{width:25%;height:50px;color: #89969f;}
.ftnav li a:active{background:red;}





.t2{width:100%;height: 40px; line-height: 40px;display: block;float: left; text-align: center;}
.t2 strong{ font-weight: normal; font-size:1em;}

.context{ float: left; width: 100%; margin: 10px 0;}
.context ul li{ width: 145px; height: 40px;padding:0 10px; line-height: 40px;  display: block; overflow: hidden; background: #d2d2d2; border-radius: 5px; text-align: center;}

.context ul li.prev{ float: left;}
.context ul li.next{ float: right;}
.aboutbox img{border:1px solid #dedede;padding: 3px;}
.yingxiao,
.contact{}
.yingxiaobox,
.contactbox{width: 100%;background: #fff;border: 1px solid #d8dfe5;float: left;padding:10px;}
.yingxiaobox dl,
.contactbox dl{ margin: 8px 0;}
.yingxiaobox dt,
.contactbox dt{line-height: 32px;color: #000; font-size:1.1em;}
.yingxiaobox dd,
.contactbox dd{line-height: 28px;font-size: 0.9em;}
.contactbox dd{ text-indent: 2em;}
.contactbox dd span{ color: #000;}
.map{padding: 3px; border:1px solid #dedede; width: 80%; margin: 5px auto; text-indent: 0;} 
.map img{display:block;}


.products p{width:100%;}
.products img,
.products p img{min-width:30%; min-height:30%;}


.nav-toggle{float:right; width:35px; height:35px; margin:5px 0; background:url(/wapimg/bars-black.png) center center no-repeat;}
.nav-collapse{position:absolute;width:100%;top: 50px;left:0;background:#005FB3; }
.nav-collapse ul{width:100%;}

.nav-collapse ul li{width: 100%;line-height: 18px; display: block;}
.nav-collapse ul li a{ color: #333; font-weight: normal;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    transition: background .3s ease;
    border-bottom: 1px solid rgba(0,0,0, .2);
    border-top: 1px solid rgba(255,255,255, .1);
    display: block;
    padding: .6em 2em;
    width: 100%;}
.nav-collapse a:hover { background: rgba(255,255,255, .1) }
.nav-collapse .active a { color: #fff; background: rgba(0,0,0, .3) }
.nav-collapse li:first-child a { border-top: 0 }
.nav-collapse li:last-child a {border-bottom: 0 }
/*


.nav-toggle { }*/