* {
word-wrop:break-wrod;
}
html,body {
background: #FFFFFF;
text-align: center;
}
/*
content:
*/
.content {
padding: 10px;
overflow: hidden;
text-align: left;
}
body, td, input, textarea, select, button {
color: #545454;
font: 12px/1.6em Tahoma,Arial, sans-serif;
line-height:20px;
}
input, textarea, select, button{
vertical-align:middle;
}
body, ul, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
}
.div-1{
align: left;
text-align: left;
margin-left:20px
}
.alignleft {padding-left:10px; }
.alignleft li {margin-left:30px; margin-right:5px;}
.alignleftli {padding-left:20px; }
.alignleftli li {margin-left:30px; margin-right:5px; }
img{
vertical-align:middle;
padding: 5px;
}
.hr{ border-top:1px solid #ccd5de; height:0 ; margin:15px 0; font-size:0; line-height:0;}
h1, h2, h3, h4, h5, h6 {
font-size: 1em;
}
.c1 img{float:left;}
.c2 img{float:right;}
h1{
background:url(images/h1-bg.gif) no-repeat bottom left;
font-family:Tahoma, Arial, sans-serif;
font-size:14px;
padding-bottom:12px;
margin-bottom:15px;
}
a {
color: #387db4;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color:#333;
}
a img {
border: none;
}
.clear{
clear:both;
font-size:0;
line-height:0;
height:3px;
}
/*
wrap:
*/
.wrap {
width: 900px;
background: #708aa1 url(images/bg.gif) repeat-y left;
}
/*
content:
*/
.content {
padding:10px;
}
.main{
float:right;
width:715px;
}
.side{
float:left;
width: 185px;
}
/*
pic:
*/
.index-pic {background:url(images/index-pic.jpg) no-repeat;height:205px;}
.about-pic {background:url(images/about-pic.jpg) no-repeat;height:150px;}
.product-pic {background:url(images/product-pic.jpg) no-repeat;height:150px;}
.cs-pic {background:url(images/cs-pic.jpg) no-repeat;height:150px;}
.news-pic {background:url(images/news-pic.jpg) no-repeat;height:150px;}
.ad-pic {background:url(images/ad-pic.jpg) no-repeat;height:150px;}
.announce-pic {background:url(images/announce-pic.jpg) no-repeat;height:150px;}
.contact-pic {background:url(images/contact-pic.jpg) no-repeat;height:150px;}
.link-pic {background:url(images/link-pic.jpg) no-repeat;height:150px;}
.job-pic {background:url(images/job-pic.jpg) no-repeat;height:150px;}
.faq-pic {background:url(images/faq-pic.jpg) no-repeat;height:150px;}
/*
top:
*/
.top {
background:#ffffff;
}
.top-logo {
height: 74px;
width:900px;
position:relative;
border-bottom:4px solid #f29901;
background:url(images/logo.gif) no-repeat 40px 2px;
}
#comm_io{}
#comm_io li{list-style:none; margin:0px 0px 10px 0px;}
#comm_io p{margin:10px 0;}
.board_title{width:20%;}
.board_input{width:79%;float:right;}
.menu {position:absolute;right:0;bottom:0;z-index:100;background:#f29901;color:#fff;padding:0 8px;font-size:10px;display: block}
.menu ul{list-style:none;}
.menu li {float:left;position:relative;}
.menu ul ul {visibility:hidden;position:absolute;left:2px;top:22px;}
.menu table {position:absolute; top:0; left:0;}
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
.menu a{display:block;padding:0px 8px;margin:2px;color:#fdfdfd;text-decoration:none;}
.menu a:hover{background:#f0ad3b;border:1px solid FF88C4;color:#fdfdfd;text-decoration:none;}
.menu ul ul{}
.menu ul ul li {width:80px; clear:both;text-align:left;background:#f0ad3b;}
.menu ul ul li a{display:block;margin:0;border:0;border-bottom:1px solid FF88C4;}
.menu ul ul li a:hover{border:0;border-bottom:1px solid #fff;color:#fdfdfd;}
/*
menu:
*/
.left-menu {
color:#fff;
width:170px;
float:right;
margin-top:45px;
}
.left-menu ul{
list-style:none;
}
.left-menu ul li{
list-style:none;
line-height:28px;
text-align:right;
border-bottom:1px solid #b3bfcb;
padding-right:40px;
}
.left-menu ul li a{
color:#fff;
}
.left-menu ul li a:hover{
color:#fff;
font-weight:bold;
text-decoration:none;
}
.tabOn {background:#f39801 url(images/menu-bg.gif) no-repeat 140px;font-weight:bold;}
.tabOff {}
.link {
padding:20px 0;
clear:both;
text-align:center;
}
/*
index:
*/
.index-left {
width:320px;
float:left;
padding:10px 10px 5px 15px;
}
.index-right {
width:320px;
float:right;
padding:10px 15px 5px 10px;
}
.news-list {
list-style:none;
text-align: left;
}
.news-list li{
line-height:24px;
padding-left:3px;
clear:both;
}
.news-list li span{
font-size:11px;
color:#999;
margin-right:5px;
}
.down-list {}
.down-list li {border-bottom:1px #ccc dotted;line-height:24px;margin:10px 0px 0px 15px;padding-left:0px;clear:both;}
.down-list li span {float:right;font-size:12px;color:#999;margin-left:20px;}
.listPic {float:left;width:93px; height:100px; margin:0 20px 0 0; padding:2px 0 0; text-transform: uppercase;text-align: center;}
.listDesc {margin:0 0 25px 0; color:#979680;}
.com_time {float:left; margin:0; padding:0; text-transform: uppercase;text-align: center;}
.com_text {border-bottom:1px #eee dotted;margin:0 0 10px 0; color:#979680;}
/*
box:
*/
.box {
padding:10px 15px;
}
.box2 {
}
.box1 {
text-align:justify;
text-justify:inter-ideograph;
text-indent:24px;
}
.gotop {
text-align:right;
padding:10px 10px 0 10px;
}
.table {
background:#cfd9e2;
}
.table1 {
background:#f4f4f4;
}
.table th{ padding-left:10px; font-weight:normal;}
.table td{ padding:3px 0 3px 10px;}
.td1 {
background:#fff;
}
.td2 {
background:#e6ebf1;
}
.title {
padding:10px 0;
text-align:center;
font-size:14px;
}
.title span {
font-size:12px;
color:#999;
}
/*
news-menu:
*/
.news-menu {
border-bottom:1px solid #ccd5de;
height:25px;
margin-bottom:20px;
list-style:none;
clear:both;
}
.news-menu li{
display: block;
padding:0 15px;
line-height:25px;
background:#e6ebf1;
float:left;
margin-right:2px;
}
.foot {
padding-right:20px;
text-align:right;
line-height:20px;
border-top:2px solid #eee;
color:#959595;
font-size:10px;
}
.red{
color:#f39801;
}
#pagebar1 {
margin-top: 20px;
font-size: 12px;
padding: 2px;
color: #aaa;
text-align: center;
}
#pagebar1 ul {
display: inline;
}
#pagebar1 ul li {
display: inline;
list-style-type: none;
padding: 1px 4px;
}
#messagebox {
margin: 0 auto;
padding: 1px;
margin-top: 150px;
width: 500px;
background: #fff;
}
#messagebox-border {
padding: 1px;
border: 1px solid #999;
}
#messagebox-title {
color: #fff;
font-weight: bold;
/*background-image: url(images/head.gif);*/
background:#DD7C3B;
padding: 5px;
}
#messagebox-content {
color: #227fb7;
background:#fdfdfd;
padding: 10px;
padding-bottom: 20px;
text-align: left;
}
#messagebox-content ul li {
list-style-type: disc;
margin: 20px 40px;
}
#messagebox-bottom {
color: #fff;
background-color: #E6A359;
padding: 5px;
text-align: center;
}
#comment_form {margin:0px;width:50%}
#comment_form hr,#comment_list hr {border:1px #ccc dotted;}
#comment_list ul hr {border:1px #eee dotted;}
#comment_list ul i {color:#ccc;}
#comment_list {float:right;margin-left:10px;width:46%}
#comment_list span {float:right;}