@charset "utf-8";
/* CSS Document */

body {font: 12px/20px Microsoft YaHei, Helvetica, sans-serif; position: relative; z-index: 1;}
#head {width: 100%;height: 78px;background-image:url(../images/topBg.jpg);}
.clearfixed:after {content: ".";visibility: hidden;display: block;width: 0;height: 0;clear: both;}
.clearfixed {*zoom:1;}
div.center {width: 1000px;height: 78px;margin: 0 auto;}
div.logo {float: left;width: 310px;height: 78px;}
div.menu {display: inline;float: right;width: 680px;}
div.menu ul a {text-decoration: none;display: block;width: 100%;height: 78px;color: #000;}
div.menu ul a i {color: #000;display: block;line-height: 20px;font-size: 12px;padding-top: 20px;}
div.menu ul a span {color: #000;font-size: 14px;}
div.menu ul li {width: 103px;float: left;text-align: center;padding-right: 6px;position: relative;line-height: 18px;}
div.menu li a:hover {background: url(../images/bgNav.png) no-repeat -100px 0;transition: all 0.2s linear;}
div.menu ul a.current {background: url(../images/bgNav.png) no-repeat 0 0;}
div.nav {position: absolute;top: 78px;left: 0;width: 100%;height: 175px;background:#E0D772;display: none;}
div.nav ul {float: none;width: 100%;}
div.nav ul li {text-align: center;width: 100px;line-height: 30px;}
div.nav ul li a {height: 30px;display: block;}
div.nav ul li a:hover {background: none;color: #000;text-decoration: underline;}
.banner {width: 100%;height: 466px;}
.bannercont {width: 100%;height: 466px;margin: 0 auto;overflow: hidden;}
#bntextbox {width: 100%;height: 28px;background:transparent;position: absolute;bottom: 0;}
.banner1 {width: 100%;height: 350px;}
.bannercont1 {width: 100%;height: 350px;margin: 0 auto;overflow: hidden;}
#bntextbox {width: 100%;height: 28px;background:transparent;position: absolute;bottom: 0;}
.wid1000 {width: 1000px;height: 28px;margin: 0 auto;position: relative;}
.wid1000 ul {width: 100px;height: 22px;float: right;padding-top: 5px;}
.wid1000 ul li {width: 12px;height: 12px;margin-left: 10px;background: #FFF;float: left;border-radius: 50%;}
.wid1000 ul li.focus {background: #000;transition: all 1s linear;}
/*顶部导航和banner*/
div.header {background: url(../images/bg_03.jpg) repeat-x;height: 65px;}
div.content {width: 1000px;height: 65px;margin: 0 auto;}

#wrappermain { width: 100%; min-width: 1000px; height: 330px; }
#wrappermain .main { width: 1000px; height: 336px;  margin: 0 auto; }
#wrappermain .main .cases { float: left; width: 649px; height: 296px; position: relative; }
#wrappermain .main .cases #hdChoice { width: 350px; height: 30px; margin-left: 210px; border-bottom: 1px dashed #CCC; position: relative; z-index: 2;}
#wrappermain .main .cases #hdChoice li { float: left;}
#wrappermain .main .cases #hdChoice li a { display: block; width: 80px; text-align: center; font-size: 12px; line-height: 30px; color: #000; }
#wrappermain .main .cases #hdChoice .focus { border-bottom: 2px solid #000; }
#wrappermain .main .cases #hdChoice li a:hover {}
#Choice1, #Choice2, #Choice3 { display: none; }
#wrappermain .main .cases .choice { position: absolute; top: 0; left: 0; }
#wrappermain .main .cases .choice h3 { font-family:"宋体";font-size:18px; line-height: 40px; color: #333; border-top:#CCC  solid 1px; }
#wrappermain .main .cases .choice h3 b { color:#333; font-family:"宋体"; font-size:18px;padding-right: 8px; }
#wrappermain .main .cases .choice .item { width: 649px; height: 120px; padding-top: 20px; }
#wrappermain .main .cases .choice .item img { float: left; }
#wrappermain .main .cases .choice .item dl { float: left; width: 348px; padding-left: 20px; line-height: 18px; }
#wrappermain .main .cases .choice .item dl dt { color: #333; font-size: 12px; }
#wrappermain .main .cases .choice .item dl dd { color: #666; font-size: 12px; padding-top: 6px; }
#wrappermain .main .cases .choice .item dl dd a { display: block; width: 65px; height: 24px; padding-left: 8px; background: url(../images/more.png); line-height: 24px; color: #666; }
#wrappermain .main .cases .choice .item dl dd a:hover { color:#000; }
#wrappermain .main #news {border-top:#CCC  solid 1px; float: left; width: 340px; height: 296px; padding-left: 6px; border-left: 1px solid #DDD; }
#wrappermain .main #news h3 { height: 18px; padding-bottom: 18px; font-size: 18px;line-height: 40px; color: #000; position: relative; }
#wrappermain .main #news h3 b { color: #333; padding-right: 8px;}
#wrappermain .main #news h3 a { position: absolute; right: 0px; top: 8px; width: 44px; height: 17px; border: 1px solid #dadada; border-radius: 4px; background: #ededed; text-align: center; font-size: 12px; font-weight: normal; line-height: 17px; color: #666; }
#wrappermain .main #news h3 a:hover { background: #666; color: #FFF; }
#wrappermain .main #news .item { padding: 8px 0; border-top: 1px dashed #DDD; font-size: 12px; line-height: 18px; color: #666; }
#wrappermain .main #news .item .title { height: 36px; }
#wrappermain .main #news .item .cont { height: 70px; display: none; }
#wrappermain .main #news .item .cont img { display: inline-block; width: 70px; height: 70px; vertical-align: top; }
#wrappermain .main #news .item .cont span { display: inline-block; width: 220px; height: 70px; padding-left: 8px; }
#wrappermain .main #news .item .cont span p { font-family: Microsoft YaHei; font-size: 12px; line-height: 20px; color: #000; }
#wrappermain .main #news .default { border: none; }
#wrappermain .main #news .default .title { display: none; }
#wrappermain .main #news .default .cont { display: block; }
#wrappermain .bar2 { width: 1000px; height: 21px; margin: 0 auto; background: url(../images/bg.png) no-repeat 0 -263px; }
.marquee {width:1000px;margin:0 auto;height:210px;overflow:hidden; }
.marquee li{ display:inline; float:left; margin:5px;}
.marquee li a{ padding-top:10px;width:180px; height:180px; display:block; float:left; text-align:center; font-size:12px; }
.marquee a:hover{background-color:#333; height:188px; width:200px;}
.footbg{ background-image:url(../images/foot.png); max-width:100%; height:60px; color:#000; font-size:12px; }
.footbg p{text-align:center;padding-top:10px; line-height:25px;}
.clearfixed:after { content: "."; visibility: hidden; display: block; clear: both; width: 0; height: 0; }

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
	color:#000;

}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
i{ font-style:normal;}
fieldset,
img {
	border:0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,b {
	font-style:normal;
	font-weight:normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
	list-style:none;
}

caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}
a{ text-decoration:none;}