body {margin:0px auto; font-size:12px; line-height:24px; color:#50504f; font-family:΢ÈíÑźÚ;text-align:center; }
* {margin:0px; padding:0px; font-size:12px; }

a {margin:0px; border:0px;}
.left {float:left}
.right { float:right;}
.clear { clear:both;}
a:link { color:#50504f;text-decoration:none;}/*link*/
a:visited { color:#50504f;text-decoration:none;}
a:hover { color:#E20000; text-decoration:underline;}
a:active { color:#50504f;text-decoration:none;}
ul { list-style:none; float:left;}
ul li { float:left;}

.position { height:32px; line-height:32px; float:right; background:url(position.gif) left center no-repeat;}
.ye {width:570px; height:30px; line-height:30px; float:right;margin-top:10px; text-align:right;}
/*bq*/
.bq {width:244px; height:39px;height:41px\9;*height:37px;_height:37px; line-height:39px; border-bottom:1px solid #CCC;}
.bq1 {width:244px; height:25px; line-height:25px; background:url(s-bq.jpg) left center no-repeat;}
.s1 {font-weight:bold; font-size:13px;  color:#000; }
.s11 {font-weight:bold; font-size:14px; color:#000000; float:left }
.s2 {font-size:14px; text-transform:uppercase; color:#4574CB; font-family:Arial, Helvetica, sans-serif;}
.more { width:47px; height:11px; margin-top:12px; margin-right:6px; float:right;}

/*top*/

#top { width:1100px;   height:100px;   margin:0px auto;}
.company-name { width:590px; height:60px; padding-top:15px; line-height:60px;margin-left:10px;float:left;text-transform:uppercase;font-size:32px; font-family:Arial, Helvetica, sans-serif; color:#000000;}
.logo { padding-top:15px; float:left}
.home {width:280px; height:100px; line-height:100px; float:right; padding-right:20px;}
.home-top { width:280px;text-align:right; display:block; padding-top:5px;}
.search { width:280px; height:35px; margin-top:10px; }
.search form input.ss { background:url(search-bg.jpg) no-repeat; color:#999999; padding-left:30px; padding-top:2px; line-height:23px; width:171px; height:23px; float:left;}
.search form input.bb { background:url(go.jpg) no-repeat; padding-left:30px;width:43px; margin-top:2px; margin-left:10px; height:19px; float:left;}

/*menu*/

#m1-all {width:100%; text-align:center; height:40px; background:#666; margin:0px auto;}
.nav{width:1100px; margin:0 auto; float:none;height:40px;}

#m1-all ul li {  text-align:center; width:122px; height:40px; line-height:40px; position: relative; }
#m1-all ul li dl.drop-down{ padding:10px 0; line-height:30px; position:absolute; color:#666; top: 40px; left:0;  width: 122px; background:#eee; z-index:-10000; }
dl.drop-down a{ color:#666; display:block; height: 100%;  font-size:14px; border-bottom:1px dashed #999;}
#m1-all ul li dl.drop-down a:hover{background: #ccc; color: #666; text-decoration:none;}
#m1-all ul li>a{  width:122px; height:40px; line-height:40px; color:#FFF;text-decoration:none;display:block; float:left; font-size:14px;}
.nav-hover{  width:122px; height:40px; line-height:40px; color:#FFF;text-decoration:none;display:block; background:#333; float:left;}


.small-menu {width:219px;  margin-top:10px; margin-right:13px; }
.small-menu ul li {width:197px; height:27px; border-bottom:1px solid #CCC;  line-height:27px; font-weight:bold; padding-left:32px; text-align:left}

/*flash*/


/*main*/

#main {width:1050px; margin:20px auto 20px;}
#left { width:254px; float:left;}
#left-main { width:244px; width:255px\9;*width:255px;_width:255px; margin-right:15px;  padding-bottom:10px;}
#left-main ul{width:230px; margin-top:5px; }
#left-main ul li{width:200px; float:none; text-align:left; line-height:30px;  padding-left:30px; background:url(li_bg.png) center center no-repeat;}
#left-main ul li.top-bg{background-position: center top;}
#left-main1 { width:244px; width:255px\9;*width:255px;_width:255px; margin-right:15px;  padding-bottom:10px;}
#left-main1 ul{width:230px; margin-top:10px; }
#left-main1 ul li{width:230px; float:none; text-align:left; line-height:25px; }
#left-bot {width:253px; width:264px\9;*width:264px;_width:264px; height:3px; background:url(left-bot.jpg) no-repeat;}
#right { width:750px; margin-left:6px; float:left;}
#right1 { width:1050px; margin-left:6px; float:left;}
.left-top {width:253px; height:2px; overflow:hidden; background:url(bq-top.jpg) no-repeat;}
#left-main h2{  width:253px; height:30px; text-align:left; padding-left:10px; padding-top:5px; font-size:14px;}
#left-main h2 span{color: #4293d4;font-family: Arial,Helvetica,sans-serif;font-size:14px; font-weight:normal;}
#left-main p{ width:233px; height:25px; text-align:left; padding:0 10px;}



/*login*/
#login { width:244px;}
#login-center {width:243px; line-height:12px; text-align:center; padding-top:12px; padding-right:6px;padding-left:6px; margin-top:4px; }	
#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;}

/*survey*/

#survey { width:255px; margin-top:10px; padding-bottom:12px;}
#survey-center {width:245px; line-height:12px; padding-top:2px;padding-left:10px;}
#survey-question {width:245px; height:30px; line-height:30px; background:url(survey.jpg) left center no-repeat;}
#survey-select {width:220px; 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;}

/*about*/
#right-top {width:750px;}
#about { width:430px; float:left; margin-right:40px; margin-bottom:20px;}
.about-top {width:430px; height:2px; overflow:hidden; background:url(bq-top.jpg) no-repeat;}
.about-bq {width:430px; height:32px;}
.bq-center {width:430px; height:32px; float:left; line-height:32px;}
.bq-left { width:12px; height:32px; background:url(about-left.jpg) left center no-repeat;float:left;}
.bq-right { width:8px; height:32px; background:url(about-right.jpg) no-repeat; float:left;}
.bq-last {width:433px; height:29px;line-height:29px;float:left;}
.pro-center {width:684px; height:32px;line-height:32px;float:left;}
#about-con {width:395px;margin-top: 10px; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:5px; border-radius:10px ;border: 5px solid #DCD7D6;}

/*news*/
#news {width:242px; margin-left:15px;margin-left:15px\9;*margin-left:15px;_margin-left:15px; float:right;}
.news-top {width:242px; height:2px; background:url(bq-top.jpg) no-repeat; overflow:hidden;}
#news-bq {width:220px; height:36px; padding-left:15px;  line-height:36px; color:#000; font-size:13px; font-weight:bold;}
#news .pic {width:229px; height:67px; margin:0px auto;margin-bottom:10px; margin-top:8px;  }
#news-li {width:229px; padding-bottom:10px; margin:0px auto;}
#news-li ul li {width:219px; height:28px; padding-left:10px; background:url(123.jpg) left center no-repeat; line-height:26px; border-bottom:1px dashed #ababab;}
.news-c {font-weight:bold; font-size:13px; display:block; float:left;color:#3c3c3c; }
.news-e {font-size:14px; text-transform:uppercase; display: block; float:left; color:#4293d4; font-family:Arial, Helvetica, sans-serif;}

#zi-news {width:675px;text-align:left;}
#zi-news ul li {width:730px; height:32px;   border-bottom:1px dashed #d5d5d5;  background:url(123.jpg) left center no-repeat;}
.t1 { width:650px; height:32px; line-height:32px; float:left; }
.t2 {width:70px; height:32px; line-height:32px; text-align:center; float:left;}


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

/*guestbook*/
#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:672px;text-align:left;}
#see {width:672px; text-align:center;}
.g-name {width:672px; 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:#fc611e; 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:626px; height:24px;padding-left:46px;}
.g-tel {width:300px;padding-left:46px; height:24px; float:left}
.g-email {width:314px;padding:6px; height:12px; line-height:12px; float:left}
.g-message {width:626px; height:24px;padding-left:46px;}
.g-reply {width:572px; height:24px; padding-left:100px;}

/*job*/
.job {width:642px; padding:10px;text-align:left;}
.job-title {font-size:14px; font-weight:bold; color:#FF3333; width:640px;  margin-bottom:8px;height:30px; line-height:30px; border:1px solid #d7d7d7; background:#e1e1e1;}

/*products*/
#product {width:708px; border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb; background:url(bq-bg.jpg) repeat-x; margin-top:10px;padding-bottom:10px;}
.pro-bq {width:708px; height:32px; }
.pro-top {width:708px; height:2px; background:url(product-bq.jpg) no-repeat;overflow:hidden;}
.bq-text1 { width:170px; height:25px; line-height:25px; border-bottom:1px solid #0984ad; float:left;}
.bq-last1 {width:535px; height:25px; text-align:right; line-height:25px;  border-bottom:1px solid #000000; float:left;}
.pro-ll {width:146px; padding-right:8px; float:left;}
.pro-pic {width:140px; height:105px; border:2px solid #e0e0e0}
.pro-text {width:146px; height:20px;  margin-top:5px;line-height:20px; text-align:center; background:#dad9d9}

#zi-product {width:675px; float:left;}
.pro-ll1 {width:214px; padding-left:10px; 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:210px; height:30px; line-height:30px; text-align:center; clear:both;}


#zi-productshow { width:672px; float:left;text-align:left;}
#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:439px; height:120px; float:left}
#zi-pro-inf ul li {width:439px; height:24px; line-height:24px;}
#pp-jianjie {width:672px; float:left; margin-top:10px;}
#pp-jianjie ul li {width:672px;}

#demo {
background: #FFF;
overflow:hidden;
margin-left:10px;
margin-right:10px;
width: 686px;
}

#indemo {
float: left;
width: 800%;
}
#demo1 {
margin-top:10px;
float: left;
}
#demo2 {
margin-top:10px;
float: left;
}
.documentation {
	width: 1100px;
	margin: 0px auto;
	padding: 100px 0px;
}




/*contact*/
#contact-inf {width:632px; height:345px; line-height:32px; font-size:14px; padding-left:40px; padding-top:20px; background:url(contact-bg.jpg) right bottom no-repeat;}


/*zi*/
#main-con {width:750px; padding-left:10px; border-left:1px solid #ccc; margin-bottom:10px;}
#main-con1 {width:1050px; padding-left:10px; margin-bottom:10px;}
#con-bq { width:750px; height:39px; border-bottom:1px solid #ccc; }
#con-bq1 { width:1050px; height:39px; border-bottom:1px solid #ccc; }
.main-b {width:38px; height:39px; background:url(main-b.jpg) no-repeat; float:left;}
.main-bq {width:740px; height:39px;  float:left; line-height:36px;}
.main-bq1 {width:1040px; height:39px;  float:left; line-height:36px;}
.main-end {width:9px; height:39px; background:url(main-end.jpg) no-repeat; float:left; line-height:36px;}
#con-con {width:730px; padding:10px; min-height:300px; text-align:left;}
#con-con1 {width:1010px; padding:10px; min-height:300px; text-align:left;}



/*bottom*/
.img_b1{ width:100%; height:260px; background:url(img_b1.jpg) center center no-repeat; margin:0 auto;}
.img_b3{ width:100%; height:260px; background:url(img_b3.jpg) center center no-repeat; margin:0 auto;}
.img_b5{ width:100%; height:260px; background:url(img_b5.jpg) center center no-repeat; margin:0 auto;}
.img_b6{ width:100%; height:260px; background:url(img_b6.jpg) center center no-repeat; margin:0 auto;}
.img_b7{ width:100%; height:260px; background:url(img_b7.jpg) center center no-repeat; margin:0 auto;}
.img_b8{ width:100%; height:260px; background:url(img_b8.jpg) center center no-repeat; margin:0 auto;}
.img_b10{ width:100%; height:260px; background:url(img_b10.jpg) center center no-repeat; margin:0 auto;}
.img_news{ width:100%; height:260px; background:url(img_news.jpg) center center no-repeat; margin:0 auto;}
.img_newss{ width:100%; height:260px; background:url(img_newss.jpg) center center no-repeat; margin:0 auto;}

#bottom { width:100%; height:163px; margin:0px auto; text-align:center; line-height:25px; background:url(footbj.jpg) repeat-x; color:#717171; font-size:12px;}
#link-all {width:1004px; height:30px;margin:0px auto; background:#e6e6e6; border:1px solid #FFFFFF}
#link {width:115px; height:30px;background:#0065b4; line-height:30px; text-align:center; font-size:16px; font-weight:bold;color:#FFFFFF; float:left}
#links {width:855px; height:30px; margin-left:10px; line-height:30px; float:left}
#foot {width:1004px; line-height:25px; background-color:#F2F2F2; text-align:center; padding-top:10px; padding-bottom:5px; margin:0px auto;}

.product_index{ width:275px; float:left; margin-right:30px; }
.pr-center{float: left;height: 32px;line-height: 32px;width:255px; padding-bottom:10px; border-bottom:2px solid #DCD7D6;}
.product_index h2{ width:275px;}
.product_index ul{ width:120px; float:left; margin-top:10px; margin-right:10px; }
.product_index ul li{  width:110px; float:none; text-align:left; line-height:28px; border-bottom:1px dashed #E0E0E0; padding-left:10px; }