body {
font-size: 11px;
color: #555555;
font-family: Arial, Helvetica, sans-serif;
background:#cccccc;
text-align: center;
margin-top: 0;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
line-height:16px;
}
a:link {
color: #555555;
text-decoration: none;
}
a:visited {
color: #555555;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: none;
}
#web_top {
width: 1003px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: 130px;
background-image: url(images/top_bg.jpg);
clear:both;
}
.web-top-left {
width: 260px;
float: left;
height: 79px;
padding-top: 2px;
text-align: center;
}
.web-top-mid {
width: 505px;
float: left;
height: 46px;
background-image: url(images/menu_bg.jpg);
padding-top: 33px;
font-size: 13px;
}
.web-top-home {
float: left;
height: 19px;
width: 67px;
background-image: url(images/home_bg.jpg);
margin-left: 60px;
margin-top: 30px;
padding-left: 25px;
padding-top: 3px;
}
.web-top-home a:link {
color: #FFFFFF;
text-decoration: none;
}
.web-top-home a:visited {
color: #FFFFFF;
text-decoration: none;
}
.web-top-home a:hover {
color: #FFCC00;
text-decoration: none;
}
.web-top-cn {
float: left;
margin-top: 32px;
padding-left: 15px;
}
.web-top-en {
float: left;
margin-top: 32px;
padding-left: 5px;
}
.web-top-mid a:link {
color: #555555;
text-decoration: none;
font-weight: 500;
}
.web-top-mid a:visited {
color: #555555;
text-decoration: none;
font-weight: 500;
}
.web-top-mid a:hover {
color: #000000;
text-decoration: none;
font-weight: 500;
}
.web-top-search {
height:30px;
clear:both;
background-image:url(images/keyword_bg.jpg);
}
#web_mid {
width: 1003px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background: #ffffff;
height: 720px;
}
.web-mid-banner {
width: 739px;
float: left;
height: 236px;
background-image: url(images/banner-bg.gif);
text-align: left;
padding-left: 28px;
}
.banner-img {
border:1px solid #ffffff;
}
.web-top-key {
width: 765px;
height: 17px;
float: left;
margin-top: 6px;
margin-left: 30px;
text-align: left;
}
.web-search {
float: left;
margin-top: 3px;
width: 200px;
height:20px;
}
.input-keyword {
float: left;
height:16px;
line-height:13px;
font-size:9pt;
color:#555555;
margin-top: 5px;
width: 150px;
margin:1px 0px 0px 0px;
}
.input-search {
float: left;
margin:0px;
}
.form-search {
float: left;
margin:0px;
}
.pro-categories {
float: left;
width: 209px;
height: 233px;
padding-top: 1px;
}
.product-type {
font-size: 10pt;
height: 25px;
background-image: url(images/pro-class-bg.jpg);
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
padding-left: 30px;
padding-top: 7px;
text-align: left;
}
.banner-bottom {
width: 1003px;
}
.index-banner-bottom {
background-image: url(images/index-banner-bot-bg.jpg);
width:947px;
height: 136px;
margin:auto;
border:1px solid #CCCCCC;
padding-top: 30px;
}
.index-about {
height: 135px;
width: 537px;
float: left;
}
.index-about-right {
float: right;
width: 410px;
height: 135px;
}
.index-about-content {
text-align: left;
padding: 8px;
}
.index-about-img {
float:left;
margin-right: 10px;
}
.left-mid-img {
float:left;
margin-right: 5px;
margin-bottom: 50px;
}
.index-history {
height: 119px;
width: 89px;
background-image: url(images/index-picbg1.jpg);
float: left;
margin-left: 22px;
padding-left: 99px;
text-align: left;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
.index-service {
height: 119px;
width: 149px;
background-image: url(images/index-picbg2.jpg);
float: left;
margin-left: 17px;
padding-left: 10px;
text-align: left;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
.index-left {
margin-left: 27px;
width: 537px;
height: auto;
float: left;
margin-top: 5px;
}
.index-orga {
height: 130px;
width: 258px;
float: left;
border: 1px solid #CCCCCC;
}
.index-lmbt {
background-image: url(images/lm-bg.gif);
height: 17px;
padding: 3px;
text-align: left;
font-size: 12px;
font-weight: bold;
}
.jianju-20 {
width: 15px;
height: 20px;
float: left;
}
.index-right {
width: 387px;
float: left;
margin-top: 5px;
margin-left: 23px;
height: 270px;
border: 1px solid #CCCCCC;
background-image: url(images/pic-dq.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}
.index-prod {
margin-top: 5px;
height: auto;
float: left;
width: 100%;
background-color: #eeeeee;
padding-bottom: 8px;
}
.cptp-sy {
width: 95px;
margin-left: 10px;
float: left;
}
.cptp-sy-img {
margin-bottom: 5px;
}
.left-mid {
padding: 5px;
text-align: left;
height: 100px;
}
.syxw {
padding: 5px;
text-align: left;
}
#web-footer {
width: 1003px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: auto;
background: #FFFFFF;
padding-top: 20px;
text-align: left;
}
.footer-left {
width: 100px;
margin-left: 30px;
float: left;
}
.footer-mid {
width: 435px;
float: left;
}
.footer-right {
width: 387px;
margin-left: 23px;
text-align: right;
float: left;
margin-bottom: 10px;
}
.footer-menu {
padding-bottom: 5px;
}
.links {
font-size: 11px;
width: 942px;
height: auto;
margin-right: auto;
margin-left: auto;
clear: both;
padding: 5px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
}
.more-hist {
margin-top: 15px;
padding-left: 23px;
}
.more-serv {
margin-top: 15px;
padding-left: 87px;
}
#f_div {
MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 739px; HEIGHT: 234px;border:1px solid #ffffff;
}
#f_imgDiv {
FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 234px
}
#f_img {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
#f_infoDiv {
WIDTH: 100%; POSITION: relative; TOP: -20px
}
#f_buttonDiv {
MARGIN-TOP: -18px; DISPLAY: inline; FLOAT: right; OVERFLOW: hidden; WIDTH: 80px; MARGIN-RIGHT: 4px; HEIGHT: 20px; TEXT-ALIGN: left
}
#f_buttonDiv DIV {
FLOAT: right; WIDTH: 4px; HEIGHT: 16px
}
#f_buttonDiv .bg {
DISPLAY: inline; BACKGROUND: #000; FILTER: Alpha(Opacity=30); FLOAT: left; MARGIN-LEFT: 3px; WIDTH: 16px; HEIGHT: 16px
}
#f_buttonDiv A {
DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 14px; FLOAT: right; OVERFLOW: hidden; WIDTH: 16px; COLOR: #fff; POSITION: absolute; HEIGHT: 16px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#f_buttonDiv A:hover {
COLOR: #ddd
}
#f_textbg {
BACKGROUND: #000; FILTER: Alpha(Opacity=0); FLOAT: left; WIDTH: 760px; HEIGHT: 20px
}
#f_text {
FLOAT: left; MARGIN-LEFT: -760px; OVERFLOW: hidden; WIDTH: 184px; LINE-HEIGHT: 20px; HEIGHT: 20px; TEXT-ALIGN: center
}
#f_text A:link {
FILTER: Alpha(Opacity=100); COLOR: #fff; TEXT-DECORATION: none
}
#f_text A:visited {
FILTER: Alpha(Opacity=100); COLOR: #fff; TEXT-DECORATION: none
}
#f_text A:active {
FILTER: Alpha(Opacity=100); COLOR: #fff; TEXT-DECORATION: none
}
#f_text A:hover {
COLOR: #ddd; TEXT-DECORATION: none
}
.ftxt_l {
FLOAT: left; WIDTH: 230px; TEXT-ALIGN: right
}
.ftxt_space {
FLOAT: left; WIDTH: 14px; TEXT-ALIGN: center
}
.ftxt_r {
FLOAT: left; TEXT-ALIGN: left
}