/* CSS Document */
* { font-family:"宋体", sans-serif; color: #000; margin: 0; padding: 0; border: 0;}
html,body{ height:100%; text-align:center; font-size: 12px; }
fieldset { border:0;}
legend { display:none;}
#box { text-align:center; width: 976px; margin: 0 auto; position: relative; background:#FFF}
#head{
float:left;
width:976px;
}
#top_line{
float:left;
background:url(../images/top_line.gif) no-repeat top left;
width:976px;
height:65px;
padding-bottom:10px
}
#top_logo{
float:left;
margin-top:10px
}
#top_logo img{
width:186px;
height:62px
}
#top_menu{
float:right;
width:976px;
background:#FFF;
margin-top:10px;
height:62px;
}
#Headcompany{ width:976px; float:right; padding-top:5px; clear:both; text-align:left}
#top_menu table{
margin-top:5px;
float:right;
clear:right;
}
#top_menu a{ text-decoration:none}
#menu{
clear:both;
background:url(../images/topbg.gif) repeat-x bottom left;
width:976px;
float:left;
margin-top:5px
}
#menu ul{ margin-left:20px}
#menu li{ float:left; list-style:none; padding:10px 5px 0 0; background:url(../images/menubg.gif) no-repeat top left; width:80px; height:22px}
#menu a{ text-decoration:none; color:#FFFFFF; font-weight:bold; }
#bra{ float:left; background:url(../images/flash_bg.gif) repeat-x top left; width:100%; height:229px }
#cut-off{
clear:both; width:976px; background:#71747A; height:10px; _height:0; float:left; _margin-top:-10px
}
#proheadlink{
float:left;
background:#FFF;
width:976px;
text-align:left;
clear:left
}
#probg{
float:left;
width:976px;
background:url(../images/probg.gif) repeat-x top left;
height:158px;
}
#probg table{ float:left}
#probg td{
border: 4px #C8C9CD solid;
width:145px
}
#probg img{
width:153px;
height:158px
}
#main{
clear:both;
width:976px;
float:left
}
#proleft{
float:left;
clear:left;
width:212px;
height:100%;
background:#F7F7F7;
margin-top:12px!important;
margin-top:5px;
}
#promenu{
text-align:left;
width:200px;
}
.pro_m li{
line-height:150%;
padding:0 20px;
list-style:none;
border-bottom:1px dotted #CCCCCC
}
.pro_m a{ text-decoration:none}
#proright{
float:right;
clear:right;
width:760px;
margin-top:12px!important;
margin-top:5px;
}
#company{
float:left;
clear:left;
width:568px;
height:420px;
background:#F7F7F7
}
#aboutas{
float:left;
}
#aboutas img{ width:236px; height:160px}
#aboutas dt{
float:right;
background:url(../images/aboutus_imgbg.gif) no-repeat top left;
width:244px;
height:166px;
padding-right:2px
}
#aboutas dt img{
padding:2px
}
#aboutas dd{
text-align:left;
padding:5px;
line-height:2em
}
#search{
float:right;
clear:right;
width:185px;
height:420px;
background:url(../images/searchbg.gif) no-repeat top left
}
#search_pro{
float:left;
text-align:center;
width:154px;
padding-left:20px
}
#search_pro img{
margin-top:3px
}
#search_pro table{ float:left}
.SearchBtn{ background:url(../images/searchbutton.gif) no-repeat; cursor:pointer; width:56px; height:13px}
.t_border{ border:1px solid #666}
#contact{
float:left;
clear:left;
width:154px;
margin-top:5px;
padding-left:10px
}
#contact table{ float:left; width:154px}
#contact td{ line-height:150%; padding:0 2px}
.Icont{ background:url(../images/mail.gif) no-repeat center left; padding-left:15px; border-bottom:3px solid #FF0000}
#contact img{ width:144px}
#contact a{ font-weight:bold; text-decoration:none}
#foot{
float:left;
background:url(../images/footbg.gif) no-repeat top left;
width:976px
}
#footmenu{ margin-top:30px}
/*-- company start --*/
#company_head{
float:left;
clear:both;
width:976px;
background:#F7F7F7;
margin-top:8px;
_margin-top:0
}
#c_search{
float:left;
width:270px;
height:359px;
background:url(../images/companysearchbg.gif) no-repeat top left
}
#c_search_pro{
text-align:center;
width:200px
}
#c_search_pro img{
margin-top:3px
}
#c_contact{
float:left;
width:200px;
margin-top:5px;
padding-left:20px
}
#c_contact a{ font-weight:bold; text-decoration:none}
#c_company{
float:right;
width:700px;
height:100%;
background:#F7F7F7;
padding-bottom:200px
}
/* contacts start */
#contacts_list{
float:right;
width:700px;
}
#contacts_list .c_l_t{ margin-top:5px;border-top:3px #F0F0F0 solid; border-left:3px #F0F0F0 solid; background:#FFFFFF; }
#contacts_list span{ color:#CC0000}
#c_l { background:#F4F4F4; width:630px; padding:5px;text-align:left; margin-top:10px}
#c_l_h{ float:left; margin:10px; border-bottom:1px solid #000000; width:100%}
#c_l_h li{ float:left; list-style:none; height:20px}
#c_l_h span{ font-weight:bold; font-size:14px; padding:7px 0 0 5px}
#c_b{
border:1px solid #CCCCCC;
margin:5px;
writing-mode: tb-rl;
text-align:center;
height:90px;
padding:0 40px 0 0px;
width:40px;
font-size:14px;
font-weight:bold
}
#sure{ background:url(../images/suer_b.gif) no-repeat top left; width:55px; height:17px; cursor:pointer}
#clear{ background:url(../images/clear_b.gif) no-repeat top left; width:55px; height:17px; cursor:pointer}
#s_c{ margin-bottom:5px}
#search_con{
float:left;
width:270px;
height:450px;
background:url(../images/cbg.gif) no-repeat top left;
}
#honor_head{
float:left;
clear:both;
width:976px;
background:#fff;
text-align:left
}
#honorShow{ background:url(../images/line.gif) no-repeat; clear:both; width:563px; margin-top:10px}
.honorShowkind dl{ margin-top:10px}
.honorShowkind dd{ float:left; padding-left:5px}
.honorShowkind img{ width: 130px; height:172px; }
#orderhead { text-align:center; width:630px}
.o_l{ float:left; }
.o_l li{ float:left; list-style:none}
.o_1{padding-top:2px}
#product{
float:right;
width:760px;
margin-top:12px!important;
margin-top:5px;
background:#DFDFDF;
padding-bottom:10px;
}
#procont td{ padding-left:2px}
#prolist{ width:570px; text-align:center; float:left; padding:5px 0 0 95px}
.prowrite{
width:566px;
float:left;
border:#CCC 1px solid;
background:#EEE;
padding:5px;
margin:10px 0 10px 0;
font-weight:bold;
font-size:14px
}
.prowrite p{
padding-left:5px;
text-align:left;
float:left;
clear:left;
width:500px
}
#prowritematter{
line-height:200%;
text-align:left;
padding:5px 0 0 10px;
border-top:#CCC 1px solid;
width:556px;
background:#FFF;
font-weight:normal;
float:left
}
#prowritematter span {
color:#000;
padding:0 5px 0 5px;
font-weight:inherit
}
/* 产品图片的显示，带阴影的 */
.showprokind{
float:left;
width:170px;
height:200px;
margin:5px 2px 10px 15px;
*margin:8px 2px 15px 10px
}
.showprokind ul{ width:150px;}
.showprokind li{
list-style:none;
text-align:center;
line-height:150%
}
.showprokind a{ text-decoration:none;color:#999;}
.showprokind a:hover{ text-decoration:none; color:#FF3300}
.proshowkind{ float:left; background:url(../images/shadowAlpha.png) no-repeat bottom right;_background:url(../images/shadow.gif) no-repeat bottom right; width:155px; height:160px; }
.proshowkind img{
display: block;
width:150px;
height:150px;
padding:2px;
background-color: #fff;
border: 1px solid #ccc;
}
.ProMenuButton{ background:url(../images/More_Button.gif) no-repeat; width:54px; height:23px; cursor:pointer}
.corporation_introduce_img
{
width:240px;
height:164px;
}
.corporation_workshop_img
{
width:300px;
height:200px;
}
.rollBox
{
width: 100%;
overflow: hidden;
/* padding: 5px 0 5px 6px;*/
height:158px;
}
.rollBox .LeftBotton
{
height: 158px;
width: 15px;
background: url(../images/job_mj_069.gif) no-repeat left top;
overflow: hidden;
float: left;
display: inline;
margin: 0 0 0 0;
cursor: pointer;
}
.rollBox .RightBotton
{
height: 158px;
width: 15px;
background: url(../images/job_mj_068.gif) no-repeat left top;
overflow: hidden;
float: right;
display: inline;
margin: 0 0 0 0;
cursor: pointer;
}
.rollBox .Cont
{
width: 96.8%;
overflow: hidden;
float: left;
}
.rollBox .ScrCont
{
width: 10000000px;
}
.rollBox .Cont .pic
{
width: 132px;
float: left;
text-align: center;
}
.rollBox .Cont .pic img
{
padding: 4px;
background: #fff;
border: 1px solid #ccc;
display: block;
margin: 0 auto;
}
.rollBox .Cont .pic p
{
line-height: 26px;
color: #505050;
}
.rollBox .Cont a:link, .rollBox .Cont a:visited
{
color: #626466;
text-decoration: none;
}
.rollBox .Cont a:hover
{
color: #f00;
text-decoration: underline;
}
.rollBox #List1, .rollBox #List2
{
float: left;
}
#apDiv1 {
position:absolute;
width:60px;
height:60px;
z-index:1;
float:right;
text-align:center;
color:#FC0;
right: 5px;
top: 40px;
}
#leftlx {
background: url("../images/searchbg2.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
clear: left;
float: left;
height: 420px;
width: 238px;
}
#main .right {
float: right;
text-align: left;
width: 738px;
}
#contactleft{
float:left;
clear:left;
width:228px;
margin-top:25px;
padding-left:3px
}
.you_box_dh {
background: url("../img/dh_di.jpg") no-repeat scroll left bottom rgba(0, 0, 0, 0);
color: #1F1F1F;
float: left;
font-size: 14px;
height: 24px;
padding: 8px 0 0 20px;
width: 95%;
}
.nlist {
background: url("../img/pro_bj.jpg") repeat-x scroll center top #F0EFF0;
border: 1px solid #DCDCDC;
float: left;
line-height: 24px;
margin-top: 6px;
padding: 10px;
width: 95%;
}