body {margin:0px auto; font-size:12px; line-height:24px; color: #333;text-align:center; background:url(images/bgmenu.jpg) repeat-x;font-family:Arial; }
* {margin:0; padding:0; border:0px; font-family:Arial;color: #333;}
.left {float:left}
.right { float:right;}
.clear { clear:both;}
a:link { color:#50504f;text-decoration:none;}/**/
a:visited { color:#50504f;text-decoration:none;}
a:hover { color:#931419; text-decoration:underline;}
a:active { color:#50504f;text-decoration:none;}
.ys{ color:#69bce2;}
ul { list-style:none; float:left;}
ul li { float:left;}
.s1 { text-transform:uppercase;font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:500; color:#fdff4e}
.s2 {font-size:13px;font-weight:bold; color:#FFFFFF}
.about-bg1 {width:531px; height:35px; background:url(bq-line.jpg) repeat-x; float:left}
.more {width:46px; height:11px; margin-top:5px; margin-right:15px; float:right; line-height:11px;}
.more1 {width:46px; height:11px; margin-top:10px; margin-right:3px; float:right; line-height:11px;}
.right-title { width:140px; height:35px;text-align:center; line-height:24px; float:left; background:url(bq-bg.jpg) repeat-x}
#left-main {width:710px;}
#content {width:730px; float:left; text-align:left;line-height:20px; color:#4c4c4c; font-size:12px; font-family: Arial, Helvetica, sans-serif; margin-top:20px;}
#content1 {width:678px; border:1px solid #e3e3e3; padding:15px; float:left;}
#content-top {width:730px; height:43px;}
#content-top .aa {width:131px; height:43px; text-align:center; font-size:13px; line-height:34px; font-weight:bold; color:#FFFFFF; float:left;}
#content-top .bb {width:571px; height:43px; text-align: left; float:left}
#content-top .cc {width:6px; height:43px; background:url(zi-last.jpg) no-repeat; float:left;}
.position {height:40px; line-height:40px;color:#ffffff; width:1000px; text-align:left; font-size:14px; font-weight:bold; margin: 0 auto}
.position a{height:40px; line-height:40px;color:#ffffff; width:1000px; text-align:left; font-size:14px; font-weight:bold; margin: 0 auto}
.position a:hover{height:40px; line-height:40px;color:#ffffff; width:1000px; text-align:left; font-size:14px; font-weight:bold; margin: 0 auto}
.ye {width:570px; height:30px; line-height:30px; float:right;margin-top:10px; text-align:right;}/**/

.STYLE1 {color: #FF3300;}
.STYLE2 { width:652px; height:28px; line-height:28px;color: #FF3300;margin-bottom:6px; font-size:14px; background:#eaeaea; font-weight:bold;}
/*头部*/
#top { width:100%; height:118px; background-color:#fff;}
#top0 { width:1000px; height:118px; margin:0px auto;background:#fff; }
#logo-all { width:340px; height:105px; float:left; margin-top:8px;}
#top-pic {width:226px; height:31px;float: right; margin-top:50px;}
#com-name { width:535px; height:64px;text-transform:uppercase; line-height:64px; float:left; font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#004e9c}
/*导航*/
#menu-center { height:30px; width:982px; margin:0px auto;}
#menu-center ul li { text-align:center; width:100px; height:27px; line-height:27px;background:url(menu-out.jpg)}
.mm a:link {width:98px; height:27px; line-height:27px; background:url(menu-out.jpg); color:#FFFFFF;text-decoration:none;display:block; float:left;}
.mm a:visited {width:98px; height:27px; line-height:27px; background:url(menu-out.jpg); color:#FFFFFF;text-decoration:none;display:block; float:left;}
.mm a:hover {width:98px; height:27px; line-height:27px; background:url(menu-hover.jpg); color:#003c78;text-decoration:none;display:block; float:left;}
.mm a:active {width:98px; height:27px; line-height:27px; background:url(menu-out.jpg); color:#FFFFFF;text-decoration:none; display:block; float:left;}
.ge {width:2px; height:27px; background:url(menu-ge.jpg) no-repeat; float:left;}
/*主体*/
#con {width:1000px; margin: 0 auto; height:569px; background:url(images/main_bg.jpg) repeat-y;}
#con0 {width:1000px;; height:580px; background:url(images/main_bg.jpg) repeat-y; margin:0px auto;}
.content{ width:1000px; height:519px; margin:0 auto;}
.content_left{ width:700px; height:509px; float:left; margin-top:10px; margin-left:30px;}
.content_left_title{ width:700px; height:80px; line-height:40px; color:#014a81; font-size:24px; font-family:"Bookman Old Style"; text-align:left; font-weight:200}
.content_left_title0{ width:230px; height:40px; line-height:40px; color:#014a81; font-size:24px; font-family:"Bookman Old Style"; text-align:left; font-weight:200}
.content_left_content{ width:700px; height:420px; line-height:20px; color:#4c4c4c; font-size:12px; font-family: Arial, Helvetica, sans-serif; text-align:left;}
.content_right{ width:240px; height:509px; float:right;}
.content_right_menu {
	width:220px;
	height:452px;
	background: url(images/_21.jpg) repeat-x;
	margin-left: 10px;
	margin-top: 20px;
}
.content_right_menu_list{ width:216px;color:#931419; font-size:13px; font-family:Arial, Helvetica, sans-serif; background:url(images/right_menu.jpg) repeat-x; height:36px; line-height:36px; text-align:left; margin-left:8px;}
.content_right_news{ width:240px; height:130px; margin-top:10px; background-color:#ededed}
#con-left { width:700px; float:left; margin-left:20px;}
#con-ge { width:9px; height:600px; float:left}
#con-right {width:262px;border-left:1px solid #d6d6d6; float:left;}
#flash {width:710px; height:222px; margin-top:5px; margin-bottom:10px;}
/*⑨thispage⑨*/
#about {width:710px;}
.about-top {width:710px; height:35px;}
.about-bg {width:179px; height:35px; text-align:center; background:url(bq-bg.jpg) repeat-x; line-height:24px; float:left;}
#about-con {width:690px; float:right;padding-left:10px; padding-right:9px;padding-bottom:10px;padding-bottom:6px\9;*padding-bottom:10px;_padding-bottom:6px;color:#50504f;}
/*滚动*/
#demo {
background: #FFF;
overflow:hidden;
border: 0px dashed #CCC;
width: 710px;
}
#demo img {
border: 2px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
margin-top:10px;
float: left;
}
#demo2 {
margin-top:10px;
float: left;
}
/**/
/*产品*/
#pro {width:710px;}
.pro-ll {width:182px; padding-right:8px; float:left;}
.pro-pic {width:182px; height:134px; border:2px solid #e0e0e0}
.pro-text {width:190px; height:26px; line-height:26px; text-align:center; background:#e6e6e6}

#zi-product {width:678px; float:left;}
.pro-ll1 {width:214px; padding:5px; height:194px;float:left;}
.pro-pic1 {width:210px; height:160px; border:2px solid #e3e3e3; clear:both;}
.pro-pic1 img {width:210px; height:160px;}
.pro-text1 {width:214px; height:30px; line-height:30px; text-align:center; clear:both;}

#zi-productshow { width:678px; float:left;text-align:left;}
#pro-pic {width:210px; height:160px; border:2px solid #e0e0e0;}
#zi-pro-pic {width:210px; height:160px; border:2px solid #CCCCCC; float:left;}
#zi-pro-ge {width:18px; height:120px; float:left}
#zi-pro-inf {width:445px; height:120px; float:left}
#zi-pro-inf ul li {width:445px; height:24px; line-height:24px;}
#pp-jianjie {width:678px; float:left; margin-top:10px;}
#pp-jianjie ul li {width:678px;}

/*新闻*/
#news {width:262px;}
.news-top {width:261px; height:35px; margin-top:5px;}
#news-li {width:230px; margin-left:10px;}
#news-li ul{ width:240px;}
#news-li ul li {width:230px; height:28px; line-height:28px; margin-left:8px!important;margin-left:4px; text-align: left; font-size:12px; font-family:"微软雅黑"}
.style3 {width:60px; text-align:center; height:28px; line-height:28px; float:right;}
#zi-news {width:678px; float:left;text-align:left;}
#zi-news ul li {width:678px; height:30px; line-height:30px; background:url(wx.png) left center no-repeat; border-bottom:1px dashed #c8c8c8;}
.news-title {width:586px; height:30px; line-height:30px; text-align:left;float:left;}
.news-time {width:92px; height:30px; line-height:30px; text-align:center; float:left}

#zi-newshow {width:678px;}
#newshow-title {width:678px; height:36px; font-size:14px; color:#E20000; font-weight:bold; line-height:36px; text-align:center;}
#newshow-time {width:678px; height:24px; color:#666666; text-align:center; background:#e3e3e3;margin-bottom:15px;}
#newshow-con {width:678px;text-align:left;}

/*登录*/
#login {width:261px; margin-top:10px;}
.login-top {width:261px; height:35px;}
#login-con { width:250px; padding-left:11px;}
#login-center {width:236px; height:137px; line-height:12px; text-align:center; padding-top:12px; padding-right:6px;padding-left:6px; margin-top:4px; border:1px solid #e3e3e3; background:#f7f7f7}
#login-center form { text-align:left; padding-left:20px; line-height:20px; display:block;}
#login-center form p {margin-bottom:8px;}
#login-center form input {width:145px; height:20px; border:1px solid #c1ced9; }
#login-center form input.yanzheng {width:100px; height:20px; border:1px solid #c1ced9; }
#login-center form input.button {width:75px; height:25px; background:url(login.gif) no-repeat; border:0px;}
#login-center form input.button1 {width:75px; height:25px; background:url(regist.gif) no-repeat; border:0px;}

.small-menu {width:225px; margin-left:6px; margin-top:10px; margin-bottom:10px; margin-right:19px; background:url(small-menubg.jpg) repeat;}
.small-menu ul li {width:193px; height:27px; background:url(small-menugif.jpg) left center no-repeat;  line-height:27px; font-weight:bold; padding-left:32px;}

/*调查*/
#survey {width:261px; margin-top:10px;}
#survey-con { width:250px; padding-left:11px;}
#survey-center {width:230px; line-height:12px;  padding-top:10px; padding-right:6px;padding-left:12px; margin-top:4px; border:1px solid #e3e3e3; background:#f7f7f7}
#survey-question {width:230px; height:30px; line-height:30px; background:url(survey.jpg) left center no-repeat;}
#survey-select {width:210px; padding-left:20px;}
#survey-select p {margin-bottom:12px;margin-bottom:10px\9;*margin-bottom:7px;_margin-bottom:7px;}
#survey-select form input.bb {width:44px; height:20px; background:url(b.gif) no-repeat; border:none;}
/*连接*/
#link {width:982px; background:#f4f4f4; margin:0px auto; margin-top:10px; display:block;}
.link-bg {width:982px; background:#f4f4f4;float:left;border:1px solid #d8d8d8;}
#link-top {width:982px; height:27px; float:left}
#link-title { width:289px; height:27px; background:url(link.jpg) no-repeat; font-size:13px; font-weight:bold; color:#004486; text-align:center; float:left}
#link-con { width:972px;padding-left:10px;padding-top:10px; float:left; display:block;}
#link-con ul li { width:127px; height:40px; padding-right:10px; padding-bottom:10px; float:left;}
/*⑨thispage⑨*/
#cc {width:600px; margin-left:35px; margin-top:26px; line-height:23px;}
#zi-contact {width:678px; height:354px;height:354px\9;*height:363px;_height:363px; float:left;}

/*招聘*/
.job {width:652px; padding:12px; background:#FFFFFF; border:1px solid #e1e1e1;  margin-bottom:10px;text-align:left;}


/*留言*/
#gustbook {width:550px; margin-left:60px; margin-top:30px; line-height:35px;}
#gustbook form input {width:290px; height:20px; line-height:20px;border:1px solid #c1ced9}
#gustbook form textarea {width:390px;  border:1px solid #c1ced9}
#gustbook form p {margin-bottom:15px;}
.STYLE1 {color: #E40C0D}
#gustbook form input.bb {width:44px; height:20px; background:url(b.gif) no-repeat; border:none;}


#zi-lyshow {width:678px;text-align:left;}
#see {width:678px; text-align:center;}
.g-name {width:678px; background:#edeeef; height:25px; line-height:25px; margin-bottom:6px;}
.g-name1 {width:300px; height:25px; line-height:25px; float:left; padding-left:6px;}
.g-name-pic {width:40px; height:25px; background:#820000; float:left; text-align:center; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}
.g-name-time {width:150px; height:25px; color:#666666; float:right; text-align:center;}
.g-danwei {width:632px; height:24px;padding-left:46px;}
.g-tel {width:300px;padding-left:46px; height:24px; float:left}
.g-email {width:320px;padding:6px; height:12px; line-height:12px; float:left}
.g-message {width:632px; height:24px;padding-left:46px;}
.g-reply {width:578px; height:24px; padding-left:100px;}
/*底部*/
#bottom {width:100%;; height:80px;text-align:center; background:url(images/_28.jpg) repeat-x; font-size:12px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif}
#bottom0 {width:1000px;;; height:80px;text-align:center; background:url(images/_28.jpg) repeat-x; margin: 0 auto;}
#navcont { width:100%; height:43px; margin:0px auto; background:url(images/_13.jpg) repeat-x}
#nav { width:1000px; height:43px; margin:0px auto; background:url(images/_13.jpg) repeat-x}
#nav ul { list-style-type:none; height:43px;}
#nav ul li { float:left; position: relative; height:43px; line-height:43px; font-weight:bold;}
#nav ul li a {  padding-left:34px; padding-right:34px; display:block; text-decoration:none; text-align:center; color:#ffffff;  height:43px; line-height:43px; font-size:14px; font-family:"Arial"}
#nav ul li a:hover {color:#fff;  height:43px; line-height:43px; background:url(images/_11.jpg) no-repeat;} 
#nav ul li ul {display: none;}
#nav ul li:hover ul {display: block; position: absolute; top:43px; min-width:190px; left:0;} 
#nav ul li:hover ul li a {display:block; background:#0f2757; color:#ffffff; width: 150px; text-align: left;}
#nav ul li:hover ul li a:hover { background:#6dc7ec; color:#ffffff; }
.top {}
 /*  This piece of code is for a third level drop down menu and is not included in this tutorial  #nav ul 
li:hover ul li ul {display:none;}
 #nav ul li:hover ul li:hover ul {display:block; position: absolute; top:-1px; left: 151px;}*/
 /* Ignore this last piece of code */