@charset "utf-8";
.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;
}
.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;
}

.menu {
    width:100%;
	height:50px;
	line-height:50px;
	z-index:9999;
	background:#3b4162;
}

.menu ul{ 
    width:1100px;
    margin:0 auto;
	font-family:"Microsoft YaHei";
	font-size:14px;
} 
.menu>ul>li{ 
    width:auto;
	display:block;
	text-align:center;
	float:left;
	font-size:16px;
	position:relative;
	margin-right:1px;
} 
.menu>ul>li>a:link, .menu>ul>li>a:visited {
	text-decoration:none;
	display:block;
	color:#fff;
}
.menu ul li a:after{content: '';width:2px;height:12px;background-color: #696969;left: 0px;position: absolute;margin-top: -15px;transition: all 0.3s ease 0s; display: block; opacity: 0;}

.menu>ul>li span {
    padding:0 26px;
}

.menu>ul>li b {
	position:absolute;
	left:45%;
	z-index:9999;
	display:block; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #41517a; position:absolute; bottom:2px;
}
.menu>ul>li:hover b, .menu>ul>li.navthis> b{
	display:block; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #ddd; position:absolute; bottom:2px;
}


.menu>ul>li:hover,.menu>ul>li>a:hover, .menu>ul>li>a:active, .menu>ul>li.navthis>a{
	background:#41517a;
	color:#fff;
	transition:0.3s; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;
} 

/* 下拉的菜单栏 */ 
.menu>ul>li ul{ 
    display:none; 
    width:116px; 
    position:absolute; 
    background:#41517a;
    color:#fff; 
    box-shadow:2px 2px 10px #333; 
    -webkit-box-shadow:2px 2px 10px #333; 
    -moz-box-shadow:2px 2px 10px #333;
    z-index:9999;
	-webkit-border-radius:0 0 5px 5px; 
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	padding-bottom:3px;
	font-size:14px;
} 
/* 下拉菜单的菜单项 */ 
.menu .arrow{
	position:absolute;
	right:-10px;
    color:#ddd;
	font-family:"宋体"
}
.menu>ul>li>ul li{
	position:relative;
	text-align:left;
	line-height:30px;
	border-bottom:1px solid #3b4162;
} 
.menu>ul>li>ul li>a{
	color:#fff;
	padding-left:15px;
	display:block;
} 
.menu>ul>li>ul li:hover,.menu>ul>li>ul li.mcur {
	color:#ff0;
	background:#333;
	border-bottom:1px solid #333;
} 
.menu>ul>li>ul li a:hover,.menu>ul>li ul li:hover .arrow {
	color:#ff0;
}

/* 三级及以下的菜单项的定位 */ 
.menu>ul>li>ul>li ul{
	left:116px;
	top:0px;
} 
.classpic {
    height:300px;
	overflow:hidden;
}
.classpic a {
	display:block;
	height:300px;
}
.procon {
    padding:5px 0;
	overflow:auto;
	overflow-x: hidden; 
	overflow-y: hidden;
}
a:hover .hover {
	bottom:0;
	-webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;
}
.hover {
	background: #000; transition:0.3s; left: 0px; bottom: -80%; width: 100%; height: 100%; text-align: center; color:#fff; position: absolute; transition: .3s;-o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; FILTER: alpha(opacity=70); opacity: 0.7; line-height:25px;-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.hover p {
	text-align:left;
	padding:5px;
}
.stb{position:absolute;bottom:0px;left:0px;z-index:1;width:100%;height:100%;background:#000;opacity:0;filter:alpha(opacity=0);transition:all 0.5s ease;-moz-transition: all 0.5s ease;	-webkit-transition: all 0.5s ease;	-o-transition: all 0.5s ease;transform:scale(0,0);-moz-transform:scale(0,0);	-webkit-transform:scale(0,0);	-o-transform:scale(0,0);-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}
.procon li:hover .stb{opacity:0.8;filter:alpha(opacity=80);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);transform:scale(1,1);}

.procon ul li {
	position: relative;
	overflow: hidden;
	float:left;
	text-align:center;
	margin:0 4px;
	margin:0 5px\9;
	_margin:0 4px;
	display:block;
	margin-bottom:5px;
	border:1px solid #ddd;
	line-height:25px;
	-webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:5px;
}
.procon ul li:hover {
	border:1px solid #c00;
    box-shadow:2px 2px 10px #888;
    -webkit-box-shadow:2px 2px 10px #888; 
    -moz-box-shadow:2px 2px 10px #888;
	overflow:hidden;
}
.procon ul li a img {
	-webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:5px;
}
.procon ul li a:hover {
    color:#eee;
}
/*
.procon ul li:hover img {
	transform:rotate(360deg) scale(1);
}
*/
.procon ul li:hover {
    background:#c00;
	cursor:pointer;
	color:#eee;
	display:block;
}


.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:#41517a solid 1px; background:#41517a;color:#fff;}
.pagelist a:hover{ color:#fff; border:#41517a solid 1px; background:#41517a;text-decoration:none;}
.pagelist select {border:0; padding:2px 0;}

.artitle {
    font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:25px;
	border-bottom:1px solid #fff;
	margin:0 10px;
	letter-spacing:2px;
	padding-top:10px;
	font-family:"Microsoft YaHei";
}
.artitle h1 {
    font-size:14px;
}
.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;
	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,.case_01_c img{max-width:600px;autoimg:expression(onload=function(){this.style.width=(this.offsetWidth > 600)?"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;
}