@charset "utf-8";
@import url(base.css);/*reset*/
@media all and (min-width:640px){
body{width:640px;margin:0 auto;}
}
/* Font and Color */
body{ font:12px/1.5em "微软雅黑";color:#282828}
a,a:hover{color:#282828}
a{text-decoration:none;}
h1,h2,h3,h4,h5,h6{}
.bar{}
span.more{ float:right; margin-right:10px;}
.bg{}
* {-webkit-touch-callout: none;-webkit-user-select: none; }
input {-webkit-user-select: auto; }

/* itemSet */
.logo,#nav,.contact{height:auto;overflow:hidden;}
.pcshow{display:none;}
/* End Layout */
/* -------------- Public End --------------  */

/* Header */
header{width:100%; position:relative; overflow:hidden;}
header img{width:100%;height:auto;}



/* banner css -------------------------------------- */
	#banner{width:100%; height:auto; max-width:640px;/*设置焦点图最大宽度 */ overflow:hidden; position:relative; }
	#banner .hd{width:100%;height:28px; line-height:28px; position:absolute; bottom:0; left:0; z-index:1;  text-align:center;}
	#banner .hd ul{ display:inline-block;}
	#banner .hd li{ display:inline-block; width:12px; height:12px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; background:#c8c8c8; text-indent:-9999px; overflow:hidden; margin:6px 10px;}
	#banner .hd li.on{ background:#FFF;  }
	#banner .bd{ position:relative; z-index:0; height:auto }
	#banner .bd li{ position:relative; text-align:center; width:100%; height:auto;  }
	#banner .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%; height:auto;/* 图片宽度100%，达到自适应效果 */}
	#banner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }
.banner{width:100%; max-width:640px;}
.banner img{width:100%;height:auto;}
/* Main */
.indexmain{width:100%;background:#f3f3f3;position:relative;zoom:1;overflow:hidden;}
.indexabout{ margin:10px; text-align:left;}
.indexbtn{width:100%;background:#037ad6; padding:12px 0; overflow:hidden;}
	.indexbtn dl{width:20%;float:left;margin:0;display:inline-block;overflow:hidden;}
	.indexbtn dl dd img{width:50%;height:auto;}
	.indexbtn dl dt{height:20px;margin-top:4px;font:12px/20px "微软雅黑";color:#FFF}
	
.indexpro{margin:10px;position:relative;zoom:1;}
	.indexpro .bar{width:100%;height:27px;background:url(/images/images/bar.jpg) repeat-x; -moz-background-size:1px 100%;-webkit-background-size:1px 100%;-o-background-size:1px 100%;background-size:1px 100%; overflow:hidden;}
	.indexpro .bar,.indexpro .bar a{ color:#FFF;}
	.indexpro .bar h2{font:15px/27px "微软雅黑";float:left; text-indent:10px;}
	.indexpro .bar h2 span{font-size:12px;margin-left:4px;}
	.indexpro .bar .more{ float:right; font:12px/27px "微软雅黑"; padding:0 13px; border-left:3px solid #FFF;background:url(/images/images/more.jpg) repeat-x; -moz-background-size:1px 100%;-webkit-background-size:1px 100%;-o-background-size:1px 100%;background-size:1px 100%; }
	.indexpro .box{ overflow:hidden; background:#FFF;margin-top:10px;}
		.proclass {width:100%;margin:overflow:hidden; text-align:center;}
		.proclass li{float:left;width:50%;font:12px/32px "微软雅黑"; text-align:left;background:url(/images/images/arrow01.png) no-repeat 95%; overflow:hidden;}
		.proclass li a{ display:block;border-bottom:1px dashed #8c8c8c; text-indent:10px;}
		.proclass .first a{border-right:1px dashed #8c8c8c;}
		.proclass .end a{border-bottom:none 0}
		.proclass li,.proclass li a{color:#282828}
		.proclass li a .tit{width:90%; text-indent:15px;overflow:hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
		
#main{width:94%;max-width:600px;position:relative;zoom:1;overflow:hidden;margin-top:10px;margin-bottom:70px;}
	#pagebar{width:100%;height:27px;background:url(/images/images/bar.jpg) repeat-x; -moz-background-size:1px 100%;-webkit-background-size:1px 100%;-o-background-size:1px 100%;background-size:1px 100%; overflow:hidden;margin-top:10px;}
	#pagebar,#pagebar a{ color:#FFF;}
	#pagebar h2{font:15px/27px "微软雅黑";float:left; text-indent:10px;}
	#pagebar h3{font:12px/27px "微软雅黑";float:left;margin-left:4px;}
		#pagebar .more{ float:right; font:12px/27px "微软雅黑"; padding:0 13px; border-left:3px solid #FFF;background:url(/images/images/more.jpg) repeat-x; -moz-background-size:1px 100%;-webkit-background-size:1px 100%;-o-background-size:1px 100%;background-size:1px 100%; }
		
.infocontent table{ background:none;}
/* 标题栏 */
	#page-bar{position:relative;margin:0 10px; overflow:hidden;}
		/* 内容 */
	#page-list{position:relative;min-height:150px; overflow:hidden;}
	.infobox{width:100%; overflow:hidden; margin:10px auto;}
		.aboutlist{}
		.aboutlist img{width:100%;margin:10px 0;}

		.cataList{width:100%; text-align:left;padding:10px 0;}
		.cataList li{height:32px;font:12px/32px "微软雅黑";margin-bottom:8px;
		border-bottom:1px dashed #c8c8c8;background:url(/images/images/arrow02.png) no-repeat 97% center; }
		.cataList li,.cataList li a{color:#086cc4}
		.cataList a{ display:block;width:90%; text-indent:15px;overflow:hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
		.picList{width:47%;margin:10px 6% 10px 0;float:left;overflow:hidden; }
		.picList.last{margin-right:0;}
		.picList .pic{line-height:0;overflow:hidden;border:1px solid #d2d2d2;padding:4px;}
		.picList .pic img{width:100%;height:auto;}
		.picList .tit{height:32px;font:12px/16px "微软雅黑";margin-top:12px;}
		.picList .tit a{color:#282828;}

		.titList{position:relative;text-align:left;}
		.titList li{font:12px/44px "微软雅黑";height:44px; border-bottom:1px dashed #DDD; background:url(/images/arrow02.png) no-repeat left; overflow:hidden;}
		.titList .tit{ float:left;width:70%;margin-left:16px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
		.titList .tit,.titList .tit a{}
		.titList i,.titList i a{color:#8c8c8c;}
		.titList i{ float:right; font-style:normal;}
		
	/*页码、返回*/			
	.line{ clear:both;width:100%; padding: 0 0 0 0; height:0; line-height:0;}
	.footpage,.goback{width:100%;font:100 1em/20px "微软雅黑"; display:block; clear:both; _zoom:1; text-align:center; margin-bottom:20px;}
	.footpage,.footpage a{color:#646464}
		.footpage span{display:inline-block;margin:0 6px;border:1px solid #c8c8c8;}
		.footpage .num a{color:#2d2d2d;}
		.footpage .num{width:20px;}
		.footpaget .redcolor{}
		.footpage .redcolor a{color:#0f73c4}
	.footpage .prev,.footpage .next{
		padding:0 5px; 
		-moz-border-radius: 2px;
    	-webkit-border-radius: 2px;
    	border-radius:2px
		}
			
	/*内容页*/	
	#page-content{margin:0 10px; overflow:hidden;position:relative; }
			.infotitle{ font-size:16px; margin-top:10px;}
			.infocontent{min-height:150px;text-align:left;}
			.gotopbox,.goback{}
	/* subpage right↑ */
/* Footer */
.footwrap{width:100%;overflow:hidden;position:fixed; left:0; bottom:0;}
.indexfoot{width:100%;height:52px; text-align:left; background:#015699 url(/images/images/tel.png) no-repeat 10px center;}
.indexfoot .tit,.indexfoot .tel{margin-left:60px;}
.indexfoot .tit{font:12px/24px "微软雅黑";}
.indexfoot .tel{font:21px/24px "微软雅黑";}
.indexfoot .tel .last{margin-left:10px;}
.indexfoot,.indexfoot a,footer,footer a{color:#FFF;}
footer{
	width:100%;
	margin:0 auto;
	max-width:640px;
 	background:#037ad6;
	overflow:hidden;
}
.nav{width:100%;text-align:center;overflow:hidden;}
.nav a{width:15%;display:inline-block; overflow:hidden;margin:12px 0 0 0;}
.nav dd img{width:50%;height:auto; }
.nav dt{height:20px;margin-top:4px;font:12px/20px "微软雅黑";color:#FFF}

@media screen and (max-width: 640px) { 
	.picList .pic img{height: 200px}  
} 
@media screen and (max-width:480px) { 
	.picList .pic img{height: 100px}  
} 
@media screen and (max-width: 320px) { 
	.picList .pic img{height: 100px}  
}