/* CSS Document */
html {font-family: Arial, Helvetica, sans-serif;font-size:12px;}
body {margin:0;padding:0; margin:0; background-color:#000000;}
img { border:0;margin:0; padding:0;}
a {text-decoration:none; color:#8C8C8C;} 
a:hover {text-decoration: underline; color:#FF7500;} 
p { line-height:24px;}
ul,ol {list-style:none;margin:0; padding:0;}
.clear{ clear:both;}
input,textarea {font-size:12px;}
.overflow{overflow:auto;zoom:1;}

.font{ color:#797979; line-height:24px;}
#box{ margin:0 auto; width:1003px;}

.nav{ background: url(../images/nav_04.jpg) left top repeat-x; height:41px;}
.nav ul{ list-style:none; padding:0px; margin:0px; text-align:center; margin-left:22px;}
.nav ul li{float:left;line-height:41px; text-align:center;  width:115px; background:url(../images/index_05.gif) left top no-repeat; margin-top:1px;}
.nav ul li a{ font-size:14px; font-weight:bold; text-decoration:none; color:#ffffff;height:36px;width:105px; display:block;}
.nav ul li a:hover{text-align:center;width:115px;color:#ffffff; background:url(../images/hover_05.jpg) left top no-repeat; line-height:41px; height:41px;}
.main{ background:url(../images/about_bj_14.gif) left top repeat-x; height:240px; border-bottom:solid 0px #fff;}
.left{ width:710px; float:left; margin-top:20px;}
.left h2{ background:url(../images/left_h2_20.gif) left top no-repeat; height:40px; padding-top:9px; padding-left:47px;}
.left h2 span{ color:#4C442A; font-size:14px; font-weight:bold; float:left;}
.left h2 a{ font-size:12px; font-weight:normal; text-decoration:none;color:#4C442A; float:right; padding-right:42px;}

.left h2 a:hover{ font-size:12px; font-weight:normal;color:#FF0C06; text-decoration:none;}

.pic{ border:1px solid #cccccc; width:158px;}
.pic img{ width:158px; height:126px;}
.desc{ text-align:center}
.left ul li{border:solid 1px #F00;width:58px;float:left}


.right{ float:right; width:266px;margin-top:20px; margin-right:12px; margin-bottom:12px;}
.right h2{ background: url(../images/left_a_22.jpg) left top no-repeat; height:40px; padding-top:9px; padding-left:47px;}
.right h2 span{ color:#4C442A; font-size:14px; font-weight:bold; float:left;}
.right h2 a{ font-size:12px; font-weight:normal; text-decoration:none;color:#4C442A; float:right; padding-right:6px;}
.right h2 a:hover{ font-size:12px; font-weight:normal; text-decoration: underline;color:#FF0C06;}
.right p{ color:#777777; padding:0 12px 12px 12px;}
.foot{ width:1003px; background:#000000;}
.foot p{ float:left; color:#8C8C8C; line-height:22px; padding:15px;}
.foot img{ float: right;padding:15px;}

.about-top{ margin-top:12px;}
.about-main{background: url(../images/about_bj_04.gif) left top repeat-x;background-color:#FFFFFF; margin:0 auto;}
.about-left h2{ background:url(../images/about_05.gif) left top no-repeat; width:195px; height:24px; color:#FFFFFF; font-size:12px; font-weight:bold; line-height:24px; text-align:center;}
.about-left{ width:195px; float:left; margin-left:15px!important; margin-top:15px!important;margin-left:8px; }
.about-left{ background: url(../images/left-bj_17.gif) left top repeat-y; margin-bottom:12px;}
.about-left ul li{ border-bottom:solid 1px #ECECEC; padding-top:12px; padding-left:26px;}
.about-left ul li img{ padding-right:8px; }
.about-right{ width:760px; float: left; background: url(../images/right_bj_24.gif) left top repeat-y;margin-left:15px!important; margin-top:15px!important; margin-bottom:12px;}
.about-right h2{ border-bottom:solid 1px #EBEBEB; color:#202021; font-size:12px; font-weight:normal; padding:0; margin:0;padding-left:20px; padding-bottom:12px; }
.about-right h2 img{ padding-right:10px;}
.about-right p{ padding:0 16px 0 16px;color:#777777;}
.yp img{ padding-top:10px; background-color:#FFFFFF;}

.products ul li{ float:left; margin-left:16px;_margin-left:11px; margin-top:15px;}
.tp{ border:1px solid #cccccc; width:230px;}
.tp img{ width:230px; height:183px; text-align:center;}
.ad{ text-align:center}
.prostxt{ text-align:center; padding-top:10px;}

.proo-al{ float:left; margin-left:18px;_margin-left:8px; margin-top:12px;}
.chakan { text-align:center; line-height:25px;}
.chakan a{ text-decoration:underline;}
.proo-a{ width:730px;}
.proo-ar{ width:323px; margin-left:12px; float:right; margin-top:5px;}
.proo-ar1 { float:left;}
.proo-ar1 li{ border-bottom:#D6D9E6 solid 1px; height:28px; line-height:28px;width:323px;}
.proo-ar1 li.imgg{_padding-top:8px;_height:20px;}
.proo-ar1 li.imgg img{ margin:0 5px;}

.proo-ar2 li{ padding:8px 0 0; font-weight:700; width:200px;}
.proo-ar2 li img{ margin-right:5px; margin-bottom:-5px;}

.proo-bl{  padding-top:18px;*padding-top:10px; padding-left:20px;}
.proo-bl h2,.proo-b h2{ border-bottom:#D6D9E6 solid 1px; color:#0063AA; background:url(../images/web_icon_003.gif) left no-repeat; padding-left:22px;}
.proo-bl h2 span{ font-size:14px; font-weight:bold; padding:0; margin:0;}
.proo-bl p{ margin-bottom:20px; padding:12px;}

.proo-b li{ float:left; width:204px;margin:14px!important;margin:10px;}
.proo-b a{ display:block;border:#e3e3e3 solid 1px;}
.proo-b span a{background:#EEE;text-align:center;line-height:30px; border-top:0;}


.proo-bl ul li{ float:left; margin-left:17px!important;margin-left:12px; margin-top:12px;}
.pic{ border:1px solid #cccccc; width:158px;}
.pic img{ width:158px; height:126px;}
.desc{ text-align:center}
.news ul{ margin-top:12px;}
.news ul li{ background:url(../images/news.gif) center top no-repeat; width:726px; height:28px; margin-left:17px; line-height:26px;}
.news ul li a{ padding-left:20px;}
.newsnei2 p{ font-size:13px;}
.newsnei2 h1{ font-size:16px; text-align:center; border-bottom:#D6D9E6 solid 1px; padding-bottom:10px; margin-bottom:10px;}
.newsnei2 span{ margin:8px;}

.about-right ul li{ float:left; margin-left:16px;_margin-left:11px; margin-top:15px;}
.tp{ border:1px solid #cccccc; width:350px;}
.tp img{ width:350px; height:279px;}
.ad{ text-align:center}