﻿.tbold { font-weight:bold;}
.tred {color:#F00;}
.tblue {color:#0066FF}
.tem {font-style:italic}
input {
	border:1px solid #ddd;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:0 2px;
}
.inp {
    height:25px;
	line-height:25px;
	padding:0 2px;
	border:1px solid #ccc;
}
.dat {
	border:1px solid #ccc;
	background:url(../images/date.gif) no-repeat right bottom #FFF;
}
textarea {
	border:1px solid #ccc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:2px;
}
.formurl {
	line-height:21px;
}
.formurl td {
	padding:2px;
}
.formurl td img {border:1px solid #eee}
.subit {
    cursor:pointer;
	border:1px solid #ddd;
	height:25px;
	line-height:25px;
	padding:0 5px;
	background:#eee;
}

.area {
	border:1px solid #ddd;
}
.code {
	width:60px;
    height:20px;
	line-height:20px;
	padding:0 2px;
	border:1px solid #ccc;
}

.pagelist{padding-top:10px;padding-bottom:10px;text-align:center; font-size:0px; clear:both;}
.pagelist span,.pagelist a,.pagelist strong{text-align:center; vertical-align:middle; font-family:Arial; font-size:12px;
display:inline-block; padding:4px 12px;margin:0px 2px;border:#cccccc solid 1px;color:#333333; border-radius:3px;}
.pagelist var{height:21px;line-height:21px; display:inline-block;margin:0px 3px 0px 3px;}
.pagelist strong,.pagelist .thispage{font-weight:100;margin-right:3px;border:#0382db solid 1px; background:#0382db;color:#fff;}
.pagelist a:hover{ color:#fff; border:#0382db solid 1px; background:#0382db;text-decoration:none;}
.pagelist select {border:0; padding:2px 0;}

.artitle {
    font-size:16px;
	font-weight:bold;
	text-align:center;
	margin:0 10px;
	letter-spacing:2px;
	padding-top:10px;
	font-family:"Microsoft YaHei";
}
.artitle h1 {
    font-size:20px;
	color:#f60;
	line-height:100px;
}
.update {
    height:20px;
	line-height:20px;
	text-align:center;
	width:98%;
    color:#aba4b4;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin-top:20px auto 5px auto;
	background:#f0f0f0
}
.aba4b4 a:link, .aba4b4 a:visited {
	color:#aba4b4
}
.aba4b4 a:hover{
    color:#99CC00
}

.arcon {
    text-align:left;
	padding:10px 5px;
	font-size:14px;
	line-height:180%;
	font-family: "Microsoft YaHei";
}
.arcon img{max-width:1000px;autoimg:expression(onload=function(){this.style.width=(this.offsetWidth > 1000)?"600px":"auto"}); display:block; margin:0 auto;}
.arcon p{ text-indent:2em;}
.arlist {
	width:96%;
    height:40px;
	line-height:20px;
	border-top:1px dashed #ddd;
	padding:5px;
margin-top:15px;
}
.newslist{width: 100%;font-family:"Microsoft YaHei";}
.newslist dl{padding: 10px;background: #fff;box-sizing: content-box; margin-top:1px;}
.newslist dl a{display: block;}
.newslist dl dt{float: left;text-align: left;padding:10px 10px 0 0;color:#aba4b4;}
.newslist dl dt span{font-size: 22px;display: block;}
.newslist dl dt p{font-size: 14px;padding-top:10px; }
.newslist dl dd{overflow: hidden;border-left:1px solid #aba4b4; padding-left:10px;}
.newslist dl dd b{font-size: 15px;display: block; hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 8px;}
.newslist dl dd p{font-size: 12px;overflow: hidden;color: #888;}
.newslist dl:nth-of-type(odd){ background: #f9f9f9}
.newslist dl:nth-of-type(even){ background: #fff;}
.newslist dl:hover{ background: #f7f7f7;}

.slideBox{ width:450px; height:300px; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ height:25px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:25px; height:25px; line-height:24px; text-align:center; background:#f0f0f0; cursor:pointer; 	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;}
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideTxtBox{ width:99%; border:1px solid #ddd; text-align:left;  }
		.slideTxtBox .hd{ height:40px; line-height:40px;  background:#f4f4f4; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative; }
		.slideBox .bd img{ margin:0 auto; display:block;  }
		.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:41px;   }
		.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
		.slideTxtBox .hd ul li.on{ height:42px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
		.slideTxtBox .bd ul{ padding:15px;  zoom:1;  background:#fff; }
		.slideTxtBox .bd ul dl{ border-bottom:1px solid #ddd; font-size:15px; line-height:25px;}
		.slideTxtBox .bd ul dl dd {padding-left:25px;}
.con1 {width:100%; margin-bottom:20px; overflow:hidden;}
.slideBox {width:99%; height:600px; margin:0 auto; background:#fff;}
.con2 {width:99%; line-height:22px; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
@media (min-width: 385px){
.slideBox {height:300px;}	
.slideBox .bd img{ width:auto; height:385px; display:block;  }
}
@media (min-width: 585px){
.slideBox {height:400px;}	
.slideBox .bd img{ width:auto; height:400px; display:block;  }
}
@media (min-width: 785px){
.slideBox {height:500px;}	
.slideBox .bd img{ width:auto; height:500px; display:block;  }
}
@media (min-width: 985px){
.con1 {width:1180px; margin-bottom:20px; overflow:hidden;}
.slideBox {width:560px; height:400px; float:left; background:#fff;}
.slideBox .bd img{ width:auto; height:400px; display:block;  }
.con2 {width:600px;float:right;}
}
.procon {
    padding:5px 0 10px 0;
	width:100%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:hidden;
}

.procon ul li {
	float:left;
	text-align:center;
	margin:0 4px;
	margin-bottom:10px;
	width:96%;
	border:1px #ddd solid;
    -webkit-border-radius:10px; 
    -moz-border-radius:10px; 
    border-radius:10px;
	overflow:hidden;
}

.procon ul li a img {
	width:100%;
             height:160px;
    -webkit-border-radius:10px 10px 0 0; 
    -moz-border-radius:10px 10px 0 0; 
    border-radius:10px 10px 0 0;
}
.procon ul li a:hover img {
	padding:0px;
}
@media (min-width: 270px) {
.procon ul li {
	width:45%;
	margin:5px 3px 5px 7px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:100px;
}
}
@media (min-width: 330px) {
.procon ul li {
	width:46%;
	margin:0 0 5px 7px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:130px;
}
}
@media (min-width: 420px) {
.procon ul li {
	width:46%;
	margin:5px;
	margin:0 0 5px 12px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:170px;
}
}
@media (min-width: 560px) {
.procon ul li {
	width:23%;
	margin:0 0 5px 8px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:100px;
}

}
@media (min-width: 680px) {
.procon ul li {
	width:23%;
	margin:0 0 5px 10px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:150px;
}

}
@media (min-width: 880px) {
.procon ul li {
	width:23%;
	margin:0 0 5px 14px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:180px;
}

}
@media (min-width: 1110px) {
.procon ul li {
	width:23%;
	margin:0 0 8px 18px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:220px;
}

}
@media (min-width: 1260px) {
.procon ul li {
	width:23%;
	margin:0 0 8px 20px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:250px;
}

}
@media (min-width: 1340px) {
.procon ul li {
	width:23%;
	margin:0 0 8px 20px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:220px;
}

}
@media (min-width: 1430px) {
.procon ul li {
	width:23%;
	margin:0 0 8px 23px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:240px;
}

}
@media (min-width: 1580px) {
.procon ul li {
	width:23%;
	margin:0 0 8px 28px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:320px;
}

}