@charset "gb2312";
* { margin:0; padding:0; list-style:none;   -moz-user-select:none; }
body{ font-size:12px; font-family:"΢ÈíÑźÚ",Arial, Helvetica, sans-serif; margin:0; padding:0; }
img { border:none; }
a{color:#333333;text-decoration:none;}
.clear{ clear:both;}
body {-moz-user-select : none;-webkit-user-select: none;}/**·À¸´ÖÆ**/

.tWidth{height: 100%; width: 1200px; margin: 0 auto; background: #fff;}
.tagTop{}
.tagWidth{ margin:0 auto; padding:10px;}
.topLeft {color: #888;font: bold 20px/60px "΢ÈíÑźÚ",Arial,Helvetica,sans-serif;padding: 15px 0 15px 20px;text-align: center;}
.topLeft h1 {font-size: 30px;text-shadow: 2px 2px #ddd, 3px 3px #ccc;letter-spacing: 2px;display: inline-block;color: #333;}

.round10{-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius:4px;}

.siteTagTitle, .siteRelativeTitle{text-align:center;}
.siteTagTitle span, .siteRelativeTitle span {background: #333;color: #fff;display: inline-block; font: bold 14px/30px ""; -moz-border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0;-khtml-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; min-width: 200px; padding: 0 20px;}

.siteTagList, .siteTagPicList, .siteTagArtList {margin-bottom: 30px;border: 2px solid #333;background: #f4f4f4;padding: 10px;}
.siteTagList li{float: left; padding: 2px 1%; min-width: 16%; background: #fff; margin: 4px 1%; text-align: center; background:#fff;-moz-border-radius:4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
.siteTagList li a{ display:block;line-height:26px; padding:0 6px; }
.siteTagList li:hover{ background:rgba(0,0,0,0.4); -moz-border-radius:4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
.siteTagList li:hover a{ color:#fff;}

/*siteKeyword beigin*/
.siteTagSubTitle{padding-left: 20px;}
.siteTagSubTitle span{background: #fff; color: #000; display: inline-block; font: 14px/26px ""; padding: 0 20px; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius:  4px 4px 0 0; -khtml-border-radius:  4px 4px 0 0; border-radius:  4px 4px 0 0;}

.siteTagPicList{ padding:10px;}
.siteTagPicList li{border: 4px solid #fff; float: left; margin: 0 16px 16px 0; position: relative; text-align: center; width: 245px;-moz-border-radius:4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
.siteTagPicList li a{ display:block;}
.siteTagPicList li img{height: 180px; width: 245px;}
.siteTagPicList li span{background: url("touming.png") repeat; bottom: 0; color: #fff; left: 0; line-height: 24px; position: absolute; width: 100%;}
.siteTagArtList{ padding:10px;}
.siteTagArtList li{float: left; line-height: 28px; margin-right: 1%; width: 24%; margin-bottom: 6px; overflow: hidden; white-space: nowrap;}
.siteTagArtList li a{color: #fff; display: block; background: url("touming.png") repeat; padding-left: 6px;}
/*siteKeyword end*/

@media screen and (max-width: 767px){
	.siteTagTitle, .siteTagList { display:none;}
	.tagWidth{padding:0;}
	.topLeft{color: #fff; font: bold 2.0rem/4rem "΢ÈíÑźÚ",Arial,Helvetica,sans-serif; letter-spacing:0;} 
	.topLeft h1{font-size:2.4rem;text-shadow: 1px 1px #333,2px 2px #ccc; letter-spacing:0; display:inline-block;}
	
	.siteTagList, .siteTagPicList, .siteTagArtList{margin-bottom:2rem; border:none; padding: 1%;}
	
	.siteTagPicList ul{ padding:0.8rem 1%;}
	.siteTagPicList li{margin: 1% 0 !important; float: left;  width: 46%; text-align: center; border: 1px solid #ddd; padding: 1%; background: #fff;}
	.siteTagPicList li a{ display:block;}
	.siteTagPicList li img{width: 100%;display: block; height: 100%;}
	.siteTagPicList li span{display: block; line-height: 2.4rem; white-space: nowrap; overflow: hidden; position: inherit;}
	.siteTagPicList li:nth-child(2n){ float:right !important;}
	
	.siteTagArtList{ padding:2% 1%;}
	.siteTagArtList li{float: left; line-height: 2.4rem; margin-right: 1%; width: 48%; margin-bottom: 0.4rem; overflow: hidden; white-space: nowrap;}
	.siteTagArtList li a{color: #fff; display: block; background: url("touming.png") repeat; padding-left: 1%;}
	.siteTagArtList li:nth-child(2n){ float:right !important;}
}