/* CSS Document */
/**/

html {background:#ccc;}
body {text-align:center; background:url(../img/bgGradient.gif) repeat-x 0 0; font-size:12px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td ,img{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
table {font-size:inherit;font:100%;}
input,select {font:100% arial,helvetica,clean,sans-serif;;}
button {overflow:visible}
th,em,strong,b,address,cite {font-style:normal;font-weight:normal;}
li{list-style:none;}
form,img,fieldset {border:0;}
ins {text-decoration:none;}
body a{ text-decoration:none; color:#999;}
body a:hover{ text-decoration:underline;}
.clear{ clear:both; padding:0; overflow:hidden;}

/* Clear Fix 万能float闭合*/
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }
.clearfix {
  display:inline-block;
 }
/* Hide from IE Mac */
.clearfix {
  display:inline;
 }
/* End hide from IE Mac */
/* end of clearfix */

/**/
.header{ margin:5px auto 0 auto; width:938px; padding-top:10px;background:url(../img/bgGradient.gif) repeat-x 0 0; height:89px;}
.logo{ float:left; width:292px;}
.login{
	float:left;
	width:646px;
	padding-top:15px;
	
}
.loginleft,.loginright{ float:right;}
.loginleft{
	width:450px;
	padding:10px 0 0 10px;
	color:#FFFFFF;
}
.loginleft li{ float:left; width:130px;text-align:left;}
.loginright{
	width:450px;
	padding:0 0 10px 10px;
	margin-top:8px;
}
.loginright li{ float:left; width:130px; text-align:left;}
.loginright li.ddsssd,.loginleft li.ddsssd{ width:90px; color:#FFFFFF;}
.loginleft li.ddsssd a{ padding:0 6px 0 0; color:#FFFFFF;}
.loginright li.xiao2,.loginleft li.xiao2{ width:100px;}
.loginright li input{ width:115px; height:16px;}
.loginright li input.dneeed{ border:none; width:79px; height:21px; background: url(../img/btnLogin.png) no-repeat 0 0;}
.logi{ background: #767676; border:1px #8B8B8B solid ; color:#FFFFFF;}
.pswcolor {
	font-size: 12px;
	color: #F00;
	text-decoration: none;
	clear: both;
}
.qqbody{ width:940px; margin:0 auto;}

/**/
.navflash{ width:938px; background:#FFFFFF; margin:auto; padding:5px 0;}
.nav{ width:938px; margin:0 auto; background:url(../img/menu_bj_2.gif) no-repeat 0 0; padding:0; height:46px; line-height:54px; vertical-align:bottom; margin:0px 0px 3px 0px; }
.nav ul,.nav li{ float:left;}
.nav li{ width:102px; display:block; background:url(../img/menu_bj_1.gif) no-repeat 0 50%; padding-left:2px;}
.nav li.bgno1{ background:url(../img/menu_over.jpg) no-repeat 2px 0px;  color:#FFFFFF;padding-left:2px;}
.nav li.bgno{ background:url(../img/menu_bj_4.gif) no-repeat 0 0px;  color:#FFFFFF;padding-left:2px;}
.nav li.bgcolor a{ color:#ecde29;}
.nav li.bgcolor a:hover{ color:#ecde29;}
.nav li,.nav li a{float:left;font-size:14px; color:#FFFFFF;}
.nav li a{font-weight:bold; color:#fff;width:100px; text-align:center;padding-left:1px;}
.nav li a:hover{ text-decoration:none;background:url(../img/menu_over.jpg) no-repeat;
color:#fff;}
.nav li.bgno a{ color:#fff;}
/** flash变换 **/
.flash{ height:258px; width:926px; margin:auto; }


#focus_change { position:relative;width:926px; height:258px; overflow:hidden; }
#focus_change_list { position:absolute; width:3704px; height:258px;}
#focus_change_list li { float:left; }
#focus_change_list li img { width:926px; height:258px;  }
.focus_change_opacity { position:absolute;  width:636px; height:30px; top:228px; left:-1px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; }
#focus_change_btn {position:absolute;width:926px;height:30px;top:224px;left: 782px;}
#focus_change_btn li { display:inline; float:left; margin:0 5px; padding-top:10px; }
#focus_change_btn li img { width:25px; height:15px; }
/*  #focus_change_btn .current { background: url(../images/zhishi.png) no-repeat 50% 2px; }   */
#focus_change_btn .current img { border-color:#fff; }
/** flash变换结束 **/

.content{ width:928px; padding:5px;margin:10px auto 0 auto; background:#fff;}
.contact{ width:236px; float:left; border:solid 1px #ccc; padding: 0 5px; height:366px; padding-top:75px; background:url(../img/telbg1.png) no-repeat -6px 2px;}
.contact p{ font-size:12px; color:#000; font-weight:bold; text-align:left; height:30px; line-height:30px; border:1px solid #333;}
.contact p span{ color:#999; float:left; font-size:14px;}
.contact p a{ float:right;} 
.contact  
.contact li{ height:30px; line-height:30px; text-align:left;}
.contact li a{ font-size:12px; height:20px; line-height:20px; text-align:left; color:#333;}
.contentright{ width:673px; float:right;}
.fontcolor {
	color: #F00;
	font-weight: bold;
}

.news{ width:423px; margin-left:8px; float:left; height:110px; border:1px solid #E9E9E9; padding:40px 240px 0 0; background:url(../img/w672bg.jpg) no-repeat 0 100%;}
.news ul{ width:423px;}
.news li{ height:20px; line-height:20px; width:200px; float:left;text-align:left;}
.news li a{ font-size:12px; color:#333; }

.adv{
	width:662px;
	padding:40px 0px 10px 0px;
	margin:10px auto 0 auto;
	background:url(../img/cgal.gif) no-repeat 0 15px;
	float: left;
	margin-left:8px;
}
.adv ul{ padding-left:3px;}
.adv li{ float:left; width:100px; height:98px; text-align:center; background:url(../img/item.gif) no-repeat 0 0; margin-bottom: 5px;padding:10px 18px 10px 13px;}
.adv li productimg{ width:100px; height:60px;}
.adv li p{ height:20px; line-height:20px;font-size:12px;}
.adv li p span{ color:#FF3300;}
.adv li p a{ font-size:12px; color:#666;}

.liucheng{width:925px; margin:auto; height:335px; padding-bottom:6px; }
.liuchengtop{ background:url(../img/bian.jpg) no-repeat 0 0; padding-top:6px; height:330px;}
.net{ height:30px; border-left:1px solid #bbcddb; border-right:1px solid #bbcddb;}
.net li{ float:left; height:30px; line-height:30px; width:430px; padding-left:30px; font-size:12px; color:#7aa0be; text-align:left;}
.netimg{ height:150px;}
.netimg img{ margin-left:-8px;}

.link{ width:920px; height:30px; line-height:30px;}
.linkleft{ padding:0 10px; float:left; font-size:12px; color:#666; width:50px;}
.linkright { float:left; width:850px;}
.link a{ font-size:12px; padding:0 10px; float:left;}

#scroll_div {width:850px; height:30px;overflow:hidden; white-space: nowrap; position:relative;bottom:0px;}
#scroll_div img {width:100px;height:30px;}
#scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li{ float:left;overflow: hidden;}


.footerbg{ width:100%; background:url(../img/footer.gif) repeat-x 0 0;}
.footer{background:url(../img/footer.gif) repeat-x 0 0; width:938px; margin:auto; height:120px;}
.footerimg{ float:left; width:206px; height:81px;}
.footerlist{ width:727px; float:left; padding:30px 0 0 211px; background:url(../img/foot-logo.jpg) no-repeat 0 12px;}
.footerlist li{ float:left; height:14px; line-height:14px; padding:0 10px; border-right:1px solid #fff;}
.footerlist li.footerno{ border:none;}
.footerlist li a{ font-size:12px; color:#fff;}
.footerlist p{ height:14px; line-height:14px; font-size:12px; padding-left:10px;width:717px; float:left; text-align:left; color:#666;}


.qqbg{ position:absolute; left:0; top:50%;}
.qq{ width:20px; height:30px; padding-top:105px; background:#339900; position:relative; background:url(../img/kefu.png) 0 0 no-repeat;}
.qq input{ border:none; width:20px; height:30px;}
.qq .close{ height:20px; background:#333;}
.qqcontent{ width:200px;padding:5px; background:#000; position:absolute; left:20px; top:0; display:none;}
.wangzhan p,.guanggao p{ font-size:14px; height:20px; line-height:20px; color:#CCCCCC; font-weight:bold; padding-left:10px; border-bottom:1px solid #fff; text-align:left; margin-bottom:10px;}
.wangzhan,.guanggao{ padding:10px 5px; margin-bottom:25px;}
.wangzhan li,.guanggao li{ width:90px; float:left; height:20px; line-height:20px;color:#fff;font-size:12px;}
.wangzhan li a,.guanggao li a{ font-size:12px; color:#fff;}

.ho,.wta{ width:236px;}
.ho p,.wta p{ height:25px; line-height:25px; border:none; margin-bottom:5px; border-bottom:1px solid #5555ae;}
.ho p{ border-bottom:1px solid #5555ae;}
.ho li,.wta li{ line-height:20px; text-align:left; text-indent:5px;}
.ho li.hospan{ padding-left:20px; text-indent:0; color:#333;}
.ho li span{ width:60%;}
.wta p span{ color:#000000; font-size:12px; font-weight:bold; float:left;}
.wta li{ padding-left:15px;}
.wta li.shuzi1{ background: url(../img/shuzi.png) no-repeat -3px -3px;}
.wta li.shuzi2{ background: url(../img/shuzi.png) no-repeat -5px -26px;}
.wta li.shuzi3{ background: url(../img/shuzi.png) no-repeat -5px -50px;}
.wta li.shuzi4{ background: url(../img/shuzi.png) no-repeat -5px -70px;}
.wta li.shuzi5{ background: url(../img/shuzi.png) no-repeat -5px -95px;}
.wta p a{ float:right;color:#333; font-size:12px; }

#kf {position:absolute;left:8px;top:180px;z-index:100;font-size:13px;width:200px;}
#kf div{ float:left}
#kf .head {
	/*background: url(../img/qqheader.gif) no-repeat;*/
	width:192px;
	height:56px;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #1d4776;
	border-right-color: #1d4776;
	border-bottom-color: #1d4776;
	border-left-color: #1d4776;
}
#kf .head a{ width:20px; height:20px; float:right; display:block}
#kf .c{background:#f2f2f2; width:192px;  line-height:31px; margin-top:-10px; border:4px solid #1d4776; padding:10px 0 0 0;}
#kf .c p{font-family:tahoma; margin:0; text-align:left; width:182px; float:left; height:30px; line-height:30px; padding-left:10px;}
#kf .c p a{ color:#000; text-decoration:none;display:block;text-align:left; width:91px; float:left; font-size:14px;height:30px; line-height:30px;}
#kf .c p img{display:inline-block;text-align:center; padding-left:10px; margin-top:4px;}
#kf .c .lef,#kf .c .rieght{ width:192px;}
#kf .c .lef{padding-bottom:10px;}
#kf .c .rieght{ border-top:4px solid #1d4776; padding-top:10px;}
#kf .c .bottom{height:30px; width:192px;}
#kf .c .bottomtop{ font-size:30px; background:#1d4776; color:#fff; font-weight:bold; height:40px; line-height:40px;}

DIV#contactable {
	Z-INDEX: 100000; LEFT: 0px; MARGIN-LEFT: -12px; OVERFLOW: hidden; WIDTH: 36px; CURSOR: pointer; TEXT-INDENT: -100000px; POSITION: absolute; TOP: 110px; HEIGHT: 131px
}
/*DIV#contactable:hover {
	BACKGROUND: url(../img/bg_online.gif) no-repeat right bottom
}*/
#contactList {
	PADDING-LEFT: 20px; Z-INDEX: 99; LEFT: 0px; MARGIN-LEFT: -280px; OVERFLOW: hidden; WIDTH: 260px; COLOR: #ffffff; PADDING-TOP: 8px; POSITION: absolute; TOP: 110px; HEIGHT: 220px; BACKGROUND-COLOR: #b5b5b5; moz-border-radius-bottomright: 10px
}
#contactList H3 {
	FONT-SIZE: 12px; MARGIN: 2px 0px; HEIGHT: 22px ; text-align:left;
}
#contactList P {
	PADDING-RIGHT: 20px; MARGIN-TOP: 15px; FONT-SIZE: 16px; TEXT-ALIGN: right
}
#contactList UL {
	BACKGROUND: url(../img/bg_line.png) repeat-x left bottom; MARGIN: 0px 20px 2px 0px; height:60px;
}
#contactList UL LI {
	DISPLAY: inline; FLOAT: left; MARGIN-RIGHT: 6px
}.clearfix:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
.clearfix {
	DISPLAY: inline-block
}
 HTML .clearfix {
	HEIGHT: 1%
}
.clearfix {
	DISPLAY: block
}

.linesupport{ position:absolute; right:0px; top:0; z-index:9999;} /* Moz */
* html .linesupport{ position:absolute; right:-30px; top:0; z-index:9999;}/* IE6 */
*+html .linesupport{ position:absolute; right:0px; top:0; z-index:9999;}/* IE7 */


.linesupport_text{Z-INDEX: 9999; RIGHT: 27px; background:url(../img/QQ_bj_03.jpg) no-repeat; POSITION: absolute; TOP: 0px; HEIGHT:380px; width:208PX; padding-top:30PX;}
.linesupport_text p{Z-INDEX: 9999; PADDING:0px 0 3px 0;text-align:left;}
.linesupport_text p a{ margin-left:19px;}

#demo {
background: #FFF;
overflow:hidden;
border: 0px;
width: 850px;
}
#indemo {
float: left;
width: 700%;
}
#demo1 {
float: left;
}
.lu{ float:left;}
#demo2 {
float: left;
}
