/*   公用样式    */
body { margin:0; padding:0; font-size:12px; background:  #fff url("../images/bg.jpg") no-repeat center 150px; background-attachment: fixed; color:#000; font-family:"宋体", arial; text-align: center; }
div,ul,ol,li,dl,dt,dd,form,img,p { margin:0; padding:0; border:0; }
li { list-style-type:none; }
H1,H2,H3,H4,H5,H6,input { margin:0; padding:0; }
table,tr,td,th { font-size:12px; }

/*左右浮动样式*/
.left{ float:left;}
.right{ float:right;}
.fleft{ text-align:left;}
.fcenter{ text-align:center;}
.fright{ text-align:right;}

/*   左右边距/填充   */
.leftpadding { padding-left:20px;}
.rightpadding { padding-right:20px;}
.leftmargin { margin-left:20px;}
.rightmargin { margin-right:20px;}
.topmargin { margin-top:10px;}

A:link { color: #000; text-decoration: none; }
A:visited { color: #000; text-decoration: none; }
A:hover { color: #f60; text-decoration: underline; }
A:active { color: #000; }

H2 { FONT-SIZE: 12px; line-height: 24px; text-align: left; }

.cRed { color: #f0c; }
A.cRed:link { color: #f0c; }
A.cRed:visited { color: #f0c; }

.cgreen { color:#00cc00;}
A.cgreen:link { color:#00cc00;}
A.cgreen:visited { color:#00cc00;}

.cwhite { color:#ccc;}
A.cwhite:link { color:#ccc;}
A.cwhite:visited { color:#ccc;}

.cblue { color:#0000ff; text-decoration: underline;}
A.cblue:link { color:#0000ff; text-decoration: underline;}
A.cblue:visited { color:#0000ff; text-decoration: underline;}

.cqianlan { color:#3269CE; text-decoration: underline;}
A.cqianlan:link { color:#3269CE; text-decoration: underline;}
A.cqianlan:visited { color:#3269CE; text-decoration: underline;}

.indexlink { color: #960; font-weight:bold;}
A.indexlink:link { color: #960; font-weight:bold;}
A.indexlink:visited { color: #960; font-weight:bold;}

.fred { color:#ff0000;}
.fblue { color:#0000ff;}
.fgreen { color:#009900;}
.fanhong{ color:#c00;}
.f666 { color:#666;}
.fwhite { color:#fff;}
.fhuang { color:#fc0;}

.f14 { font-size:14px;}
.f18 { font-size:18px;}
.fb { font-weight:bold;}

.left_suojin { padding-left:10px;}
.noem { font-style: normal;}  /*   去除斜体   */
.nobg { background-image:none;}

.clear{ clear:both; font-size:0px; width:1px; height:0px; visibility: hidden; line-height:0px;}  /*    清除浮动--浏览器兼容使用   */

/*  loading  */
.loading { width:100%; height:657px; background:url("../images/indexbg.jpg") no-repeat center top; overflow:hidden;}
.loadinglanguage { width:600px; margin:100px auto;}
.loadinglanguage li{ float:left; margin:0 15px;}
.loadinglanguage span{ display:block; margin:5px 0;}

/*  main  */
.mainwidth { width:851px; margin:auto;}
.main { background:#fff; overflow:hidden; padding-bottom:10px;}
.mainleft { width:186px; float:left; text-align:left; overflow:hidden;}
.mainleft div{ padding-left:8px; padding-right:8px;}
.maincenter { width:458px; float:left; margin:0 10px;}
.mainright { width:186px; float:right; text-align:left; overflow:hidden;}
.mainright div { padding-left:8px; padding-right:8px;}

.listmainright { width:655px; float:right;}

.h2icon { background:url("../images/icon_title.gif") no-repeat left 6px; line-height:25px; font-size:14px; padding-left:18px;}

/*  nav  */
.nav { background:url("../images/navbg.gif"); height:57px; position:relative; margin:auto;}
.nav ul{ margin-left:6px; overflow:hidden; position:absolute; left:0;}
.nav li{ float:left; width:94px; height:57px; background:url("../images/navlibg.gif") no-repeat left 8px; line-height:50px; margin-top:7px; font-weight:bold; margin-left:-2px;}
#nav a{ color:#fff;}

/*  left  */
.login { background:url("../images/lefttopbg.gif") no-repeat right top; padding-top:15px; padding-bottom:15px;}
.login table{ margin:auto;}
.login h2{ margin-bottom:15px;}
.logininput { width:90px; height:17px; border:0; background:#ebebeb; margin:2px 0;}
.loginsubmit { width:44px; height:38px; border:0; background:url("../images/submitbg.gif") no-repeat; color:#fff; font-weight:bold;}
.login td span{ float:left; width:50px; line-height:20px; height:20px; margin:15px 0; background:url("../images/icon_login.gif") no-repeat left 6px; padding-left:15px; overflow:hidden;}

.psidelist h2,.online h2,.nsidelist h2{ background-color:#FFEFBB;}
.psidelist ul{ padding:10px 0; line-height:22px;}
.psidelist ul li{ background:url("../images/icon_left.gif") no-repeat 5px 8px; padding-left:17px; border-bottom:1px solid #ebebeb;}
#mainleft .psidelist a{ color:#555;}

.online { text-align:center; padding-bottom:8px;}
.online h2{ margin-bottom:8px;}

/*  center  */
.dh { text-align:right; line-height:25px; border-bottom:1px solid #ddd; margin-bottom:5px;}
.dh h2{ padding-bottom:5px;}
.bigpic { border-bottom:1px solid #ddd;}

.product h2{ margin-bottom:5px; margin-top:5px;}
.ppic { margin:5px 0;}
.ppic img{ padding:1px; border:1px solid #ededed; margin:0 3px; width:100px; height:100px;}

/*  right  */
.language { padding-top:15px; background:url("../images/righttopbg.gif") no-repeat left top;}
.language ul{ line-height:25px; margin:5px 0 15px 30px;}
.lzh { background:url("../images/zh.gif") no-repeat left 8px; padding-left:30px;}
.lko { background:url("../images/ko.gif") no-repeat left 8px; padding-left:30px;}
.lja { background:url("../images/ja.gif") no-repeat left 8px; padding-left:30px;}
.len { background:url("../images/en.gif") no-repeat left 8px; padding-left:30px;}

.nsidelist ul{ padding:10px 0; line-height:22px;}
.nsidelist ul li{ background:url("../images/icon_right.gif") no-repeat 5px 11px; padding-left:17px; border-bottom:1px solid #ebebeb;}
#mainright .nsidelist a{ color:#555;}

/*  footer  */
.footer { line-height:25px; background:#f0f0f0;}
.footnav { border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; background:#f7f7f7;}
.footnav a{ margin:0 10px; line-height:25px;}
.copyright{ background:url("../images/footlogo.gif") no-repeat 80px 10px; padding:20px 0;}
.copyright p{ text-align:left; margin-left:235px;}

/*  list  */
.listdh { background:url("../images/listdhbg.gif") no-repeat right bottom; line-height:30px; text-align:left; margin-bottom:10px; padding-left:20px;}
.contact { background:url("../images/contact.jpg") no-repeat; width:601px; height:377px; margin:5px auto;}
.contacttop li{ float:left; width:190px; height:60px; padding:60px 0 0 110px; font-size:14px; font-weight:bold; color:#666; text-align:left; }
.contacttop li span{ color:#7B0007; font-size:18px;}
.contactbottom { font-size:14px; font-weight:bold; color:#666; text-align:left; padding:30px 0 0 50px; line-height:25px;}

.productclass { border-bottom:1px dashed #ccc; padding-bottom:10px; overflow:hidden;}
.productclass ul{ clear:both; width:100%; padding-bottom:10px; overflow:hidden;}
.productclass li{ float:left; margin:0 10px;}
.productclass li img{ width:100px; height:100px;}
.productclass li h2{ width:100%;}
.productclass li h2,.productclass li p{ text-align:left;}
.productclass li p{ line-height:20px; width:505px; color:#555; text-indent:25px;}

.pages { text-align:center; margin:5px; clear:both;}
.pages a{ padding:0 3px 0 3px;}
.pages_nonce { font-size:14px; font-weight:bold; margin:0 3px 0 3px;}

.newslist { float:left; width:500px; margin:10px 0;}
.newslist li{ background:url("../images/icon_right.gif") no-repeat 15px 15px; padding-left:27px; line-height:30px; text-align:left;}
.newspic { float:right; width:155px;}
.newspic li{ padding:5px;}

.newsarticle { margin:10px 20px 10px 5px;}
.newsarticle h1{ line-height:50px; font-size:18px; border-bottom:1px solid #ccc;}
.article { line-height:1.8em; color:#333; text-align:left; margin:20px 0;}

.articletitle { width:330px; line-height:24px; padding:2px 0 0 58px; background:url("../images/articletitlebg.jpg") no-repeat; margin:20px auto; overflow:hidden}
.articletitle span{ float:left; font-weight:bold; width:126px;}
.articletitle .spanhove{ background:url("../images/articletitlespanbg.gif") no-repeat left 2px;}

/*  滚动CSS  */
#demo { background:#FFF; overflow:hidden; width:445px;}
#indemo { float:left; width:800%;}
#demo1 { float:left;}
#demo2 { float:left;}
#demo_ { background:#FFF; overflow:hidden; width:445px;}
#indemo_ { float:left; width:800%;}
#demo1_ { float:left;}
#demo2_ { float:left;}
