@charset "utf-8";
/* CSS Document */
* { margin:0px; padding:0px; }
body { background-color: #ffffff; line-height: 18px; color:#5b5b5c; width:970px; margin:10px auto;font-family:Verdana, Geneva, sans-serif;font-size:11px;}
ul { margin:0px; padding:0px; }
li { list-style-type:none; }
a { text-decoration:none; color:#666666; behavior:url(scripts/linknoborder.htc); }
a:hover { color:#cc0000; }
a:focus { -moz-outline-style: none; }
img { border:none; }
.clear { clear: both; float: none; font-size:0px; height:0px; line-height:0px; }
.float_l { float:left }
.float_r { float:right }
.font_en { font-family: Arial, Helvetica, sans-serif}
.font_b { font-weight:bold }
.font_12{ font-size:12px;}
.font_red{ color:#cc0000}
.black{ color:#000}
h1 { height:35px; line-height:35px; margin:22px 0 30px; font-size:16px; font-weight:bold; color:#08437c; border-bottom:2px solid #999999;  border-top:2px solid #999999; text-indent:5px;}
h2,h6{ background:url(../images/foot_bg_03.gif) no-repeat center left; height:18px; font-size:12px; color:#000; text-indent:25px; font-weight:normal}
h3 { }
h4 { height:20px; text-align:center; background:#f2f2f2; font-size:12px; color:#cc0000}
h5 { background:url(../images/h5_bg_03.gif) repeat-y; width:114px; font-weight:bold; font-size:10px; line-height:11px; padding:2px 0px 3px 10px; float:right;}
h6{background:url(../images/index_03.jpg) no-repeat center left; }
.align_r{ text-align:right}
.blank1 { height:1px; line-height:1px; }
.blank10 { height:10px; line-height:10px; }
.blank15 { height:15px; line-height:15px; }
.blank20 { height:20px; line-height:20px; }
.line{ background:#cccccc; height:1px; line-height:1px; margin:0 10px;}

/*通用定义*/
#head{ padding:0 12px 0px 4px; height:50px;}
#head img{ float:left; margin-bottom:2px;}
#head  .title{ margin:37px 20px 2px 22px;float:left; width:605px; }
.font_40{color:#404040}
#search{ height:22px; float:left; margin-top:28px; background:url(../images/search_16.gif) no-repeat center right; width:160px}
#input_search{ width:90px; height:18px; border:#a5acb2 1px solid; padding-left:2px; line-height:18px;}
#put-in{ border:none; width:47px; font-size:11px; background:#fff; font-family:Verdana, Geneva, sans-serif; color:#999999; cursor:pointer; font-weight:bold}

#menu{ height:25px;background:#5b5b5c; padding-top:7px}
#menu ul {background:#08437c; height:25px;}
#menu ul li{ color:#fff; float:left; line-height:25px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
#menu ul li a{ color:#fff; padding:0 18px; margin:0 1px; height:14px;}

#menu a:hover{ color:#08437c; background:#ececec;}
#webabout #menu #about a,#webproducts #menu #products a,#webenquiry #menu #enquiry a,#webnews #menu #news a,#webclients #menu #clients a,#webservice #menu #service a,#webcontact #menu #contact a{ color:#08437c; background:#ececec;}

#index_main{ margin-top:13px; width:100%}
#part1{ width:272px; float:left;}
#part1 ul{ margin-top:12px;}
#part1 ul li{ width:255px; border:#f2f1f1 solid 1px; margin-bottom:1px; float:left; height:15px; text-indent:20px; padding-right:15px; line-height:15px;}

#part2{ width:266px; float:left; margin-left:18px; margin-top:5px;}
#part2 ul{}
#part2 ul li{ background-image:url(../images/jt_21.gif); background-repeat: no-repeat; background-position: 1px 7px; padding-left:14px; padding-right:22px; width:230px; float:left; line-height:15px;}
#part2 .name{height:20px; line-height:18px; text-indent:20px; color:#cc0000; font-weight:bold; margin-bottom:5px;background:#e6e6e6; padding:0; line-height:18px; width:266px;}
#part2 ul li.no-bg{ background-image:none;}
.index_more{ text-align:right; padding-right:22px;}

#part3{ width:175px; float:left; border-left:#cccccc 1px solid; border-right:#cccccc 1px solid; margin-left:10px;margin-top:5px; padding:0 8px 0 12px;}
#part3 img{ margin-bottom:7px;}
#part3 img.big{ margin-top:7px; border-top:1px solid #dbd8d5; display:block; padding:10px 12px 0 }
#part3 p{ border-top:1px solid #dbd8d5; border-bottom:1px solid #dbd8d5; margin-bottom:12px; text-align:center; font-size:10px; line-height:12px; padding:5px 0}


#part4{ width:195px; float:right; border:#cdcdcd 1px solid;margin-top:5px; background:url(../images/index_bg_32.gif) repeat-x bottom}
.name{ height:20px; background:#e6e6e6; font-weight:bold; color:#cc0000; text-indent:20px;}
table.indexform{ color:#555555; padding:0 5px}
table.indexform td{ padding-bottom:5px;}
.order_text{ width:180px; height:17px; border:#cdcdcd 1px solid; padding-left:3px;}
.order_message{width:180px; padding-left:3px; border:#cdcdcd 1px solid; height:90px}
.submit{background:url(../images/index_24.gif) center right; width:22px; height:22px; border:none; cursor:pointer}
#part4 .cont{ height:65px; width:185px; border-top:#cdcdcd solid 1px; margin:5px auto 0}
.cont p.t, .cont p.e{ padding-left:30px; font-weight:bold; color:#4d4d4d; font-size:10px}
.cont p.t{ margin-top:15px; background:url(../images/index_28.gif) no-repeat 8px 2px}
.cont p.e{ background:url(../images/index_31.gif) no-repeat 8px 2px}

#foot{ height:22px; background:#08437c; color:#fff; padding-top:5px}
#foot p{ height:22px; background:#484a49; line-height:22px; padding:0 20px; font-size:10px;}
#foot a{ color:#fff}

#link{ margin:10px 0;}
#link span{ color:#000; font-size:12px; height:18px; background:url(../images/foot_bg_03.gif) no-repeat center; height:18px; display:block; text-indent:25px;}
#link p{color:#999999;}
#link a{color:#999999}
#link a:hover{color:#cc0000}
/*webindex css*/

#main{ margin-top:5px; width:100%}
#left{ margin-top:15px; float:left; width:272px;}
#main #part1,#main #part4{clear:both;float:none}
#main #part1 ul li{ background:#fdfdfd}
#main #part4{ width:270px;}
#main #part4 table.indexform{padding:0 18px}
#main #part4 .order_text,#main #part4 .order_message,#main #part4 .cont{ width:228px}
#main .cont p.t,#main .cont p.e{ background-position:12px 2px; text-indent:15px; font-size:11px}
.contact{ background:url(../images/contact_bg_03.gif) center no-repeat; display:block; height:18px; font-size:12px; color:#000; text-indent:20px; margin-bottom:10px;}

#content{ margin-left:21px; width:658px; float:left; overflow:hidden}
.crumb{ height:14px; line-height:14px; color:#a6a6a6}
#content p{ padding:0 10px;}
/*webabout css*/

#content .p_case{ text-align:center;}
#content .p_case img{ margin:0 12px; margin-top:30px;}
#content ul.case{ margin:0 5px;}
#content ul.case li{ border:#e8ebed 1px solid; width:141px; height:33px; float:left; margin:0 9px 30px;}
/*webclients css*/

#content .line_24{ line-height:21px;}
#content .gray{ height:20px; background:#888888; margin:0 10px; color:#FFF; font-weight:bold}
#content .font_33{ color:#333}
/*webcontact*/

#content .ordertext{ border:1px solid #e6e6e6}
#content .sub,#content .sub_a,#content .reset,#content .reset_a{ width:100px; height:25px; border:none; cursor:pointer}
#content .sub{ background:url(../images/sub.gif) no-repeat center left}
#content .sub_a{background:url(../images/sub_a.gif) no-repeat center left}
#content .reset{background:url(../images/reset.gif) no-repeat center left}
#content .reset_a{background:url(../images/reset_a.gif) no-repeat center left}
/*webenquiry*/

#content .blue{ color:#0d5eae}
.font_9{ font-size:9px;}
.margin10{ margin:0 10px; line-height:24px;}
/*webservice*/

.news{}
.news ul{}
.news ul li{ width:628px; display:inline-block; padding:0 10px; background:url(../images/point_03.gif) no-repeat left 6px; margin-bottom:25px;}
.news ul li a{width:628px; position:relative; display:block;line-height:45px; height:30px; overflow:hidden; color:#0d5eae; font-weight:bold}
.news ul li a:hover{ color:#cc0000}
.news ul li span{display:inline-block; position:absolute; line-height:16px; left: 0px; top: 0px;}
#content .news p{ padding:0px; line-height:18px; margin-top:5px;}
/*webnews*/

.point{background:url(../images/point_03.gif) no-repeat left 6px;}
.newscont{ margin:0 10px;}
.newscont span{ display:block; padding:0 10px;}
#content .newscont p{ margin-bottom:12px;}
/*webnews danye*/

#content ul.proall{ margin:0 10px; display:block}
#content ul.proall li{ width:207px; float:left; margin-bottom:20px; height:105px; margin-right:5px; display:block}
#content ul.proall li img{ float:left; margin-left:5px;}
#content ul.xinghao{ float:right; width:124px; margin-top:5px;}
#content ul.xinghao li{width:123px; text-indent:10px; margin:0; height:18px;}
/*webproducts all*/

#content ul.prolist{ padding:0 10px; margin-top:10px;}
#content ul.prolist li{ width:198px; float:left; margin-right:20px;}
#content ul.prolist li.last{ margin-right:0px;}
#content ul.prolist li img{ margin:10px 20px 10px; display:block}
#content ul.prolist a.more{ background:url(../images/more_03.gif) no-repeat center; height:20px; display:block}
#content ul.prolist a.more:hover{ background:url(../images/more_a_03.gif) no-repeat center;}
#content .xuxian{ background:url(../images/xuxin_03.gif) repeat-x; margin:30px 10px; height:1px; line-height:1px; display:block}

.pro1 .li1 a,.pro2 .li2 a,.pro3 .li3 a,.pro4 .li4 a,.pro5 .li5 a,.pro6 .li6 a,.pro7 .li7 a,.pro8 .li8 a,.pro9 .li9 a,.pro10 .li10 a,.pro11 .li11 a,.pro12 .li12 a,.pro13 .li13 a,.pro14 .li14 a,.pro15 .li15 a,.pro16 .li16 a{ color:#cc0000}
/*webproducts list*/

#content .prodetail{ padding:0 10px}
#content .prodetail span{ width:485px; float:right;}
#content .prodetail .descri{background:#f2f2f2; font-size:12px; font-weight:bold; margin-top:20px; }
#content .prodetail ul.detali{ margin:10px 0}
#content .prodetail ul.detali span,#content .prodetail .note span{ width:auto; float:none}
#content .prodetail ul.detali li{ padding-left:10px;}
#content .prodetail ul.point2 li{ background:url(../images/snow_red_07.gif) no-repeat 10px 6px; padding-left:20px;}
#content .prodetail ul.point2 li.nopo{ background:none}
#content .prodetail table.Speci{ margin:10px 10px 20px;}
#content .prodetail .note{ border-top:#dbd8d5 1px solid}
/*webproducts detail*/

#content ul.other{}
#content ul.other li{ width:120px; margin-right:9px; display:block}
#content ul.other li img{ margin:15px}

#content table.para{ margin-top:10px;border-right:1px solid #e2e2e2}
#content table.para td{ border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
#content table.para td.r{}
#content table.para td.tr1{ background:#f2f2f2; border:#cccccc 1px solid; text-align:center; font-weight:bold}
#content table.para td.nobor{ border-right:none}
/*webproducts other*/