/* CSS Document */
body{ background:#F3F3F3; color:#666666; font-size:12px; line-height:25px; margin:0; padding:0}
ul,li,p,span,div{ margin:0px; padding:0px; list-style:none; overflow:hidden}

a:link,a:visited{ color:#333333; text-decoration:none}
a:hover,a:active{ color:#0066FF; text-decoration:underline}

.fl{ float:left}
.fr{ float:right}
.mt15{ margin-top:15px}
.mt10{ margin-top:10px}
.mt5{ margin-top:5px}
.mt8{ margin-top:8px}
.h220{ height:220px; overflow:hidden}

.h192{ height:192px}
.h173{ height:173px}
.h260{ height:260px; overflow:hidden}
.clear{ clear:both; font-size:0px; height:0px; overflow:hidden; line-height:0}
.space{ height:8px; font-size:0; overflow:hidden}
.blank10{ height:10px; font-size:0; overflow:hidden; clear:both}

.main{ width:1003px; margin:0 auto}

.banner{ height:42px; line-height:42px; border:#E3E3E3 1px solid; background:url(images/wp_9.gif) repeat-x center}
.banner .w960{ width:958px; margin:0 auto}
.banner .w960 ul{ list-style:none}
.banner .w960 ul li{ background:url(images/wp_7.gif) no-repeat center; width:102px; height:42px; float:left; text-align:center}
.banner .w960 ul li.line{ background:url(images/wp_6.gif); height:42px; width:5px; float:left}
a.title:link,a.title:visited{ color:#777777; font-weight:bold; text-decoration:none}
a.title:hover,a.title:active{ color:#023DD5; font-weight:bold; text-decoration:none}

.left1{ width:245px; float:left}
.center1{ width:522px; float:left; margin-left:15px}
.right1{ width:206px; float:left; margin-left:15px}

.daohangbg{ background:url(images/wp_21.gif) repeat-x center; height:27px; line-height:27px; overflow:hidden}
.daohangbg .titlebg{ background:url(images/wp_15.gif) no-repeat center; color:#0044AC; float:left; width:100px}
.daohangbg .titlebg span{ margin-left:15px}

.daohangbg .titlebg2{ background:url(images/wp_19.gif) no-repeat center; color:#FFFFFF; float:left; width:91px}
.daohangbg .titlebg2 span{ margin-left:15px}
.daohangbg .more{ float:right}
.daohangbg .more img{ border:0}


.newstitle{ background:#FFFFFF; padding:8px}
.newstitle ul li{background:url(images/wp_28.gif) no-repeat left; background-position:10px; height:22px; line-height:22px}
.newstitle ul li span{ margin-left:23px}

.contentbg{ background:#FFFFFF; padding:10px; overflow:hidden}
.contentbg .pic{ width:225px; float:left}
.contentbg .intro{ width:260px; float:left; margin-left:15px}
.contentbg .intro p{ text-indent:2em}

.contentbg ul.info{ background:url(images/wp_3.gif); line-height:28px}
.contentbg ul.info li{background:url(images/wp_28.gif) left top no-repeat;}
.contentbg ul.info li span{ margin-left:13px}
.contentbg ul.info li span.tt{ color:#0037BB; margin:0}

.sc img{ border:#E6E1DB 2px solid; padding:3px }

.contentbg ul.cj li{ width:245px; text-align:center; float:left}

.contentbg ul.product li{ width:180px; float:left; background:url(images/wp_4.gif) no-repeat center; height:170px; padding-left:10px; margin-left:5px; margin-bottom:10px; display:inline}
.contentbg ul.product li img{ border:#8CB5F3 1px solid; padding:2px}
.contentbg ul.product li .name{ height:30px; line-height:30px; color:#0038BB; font-weight:bold; text-decoration:none; text-align:center }
.contentbg ul.product li .name a{color:#0038BB; font-weight:bold; text-decoration:none;}

.contentbg .box{ width:310px; float:left; margin-left:15px; background:url(images/wp_43.gif) repeat-x top; display:inline; padding-top:8px}
.contentbg .box ul li{ background:url(images/wp_5.gif) no-repeat left; padding-left:25px; background-position:10px}

.friendlink{ background:url(images/wp_47.gif) repeat-x top; height:150px; padding:12px}
.friendlink tt{ height:32px; line-height:32px;}
.friendlink a.sq{ color:#4575c9}

.bottomlink{ height:30px; line-height:30px; text-align:center; background:#EBE8E1; overflow:hidden; }
.bottomlink .w660{ width:765px; margin:0 auto}
.bottomlink ul li{ width:100px; text-align:center; float:left}
.bottomlink ul li.line{ background:url(images/wp_20.gif) no-repeat center; width:3px; height:30px}

.bottominfo{ background:#FFFFFF; height:85px; text-align:center; padding-top:10px }

.left{ width:195px; float:left; background:url(images/wp_10.gif) no-repeat top; height:290px; padding-top:50px; padding-right:20px; display:inline}
a.menu:link,a.menu:visited{ width:134px; height:26px; background:url(images/leftbg2.gif) center; text-decoration:none; float:right; text-align:right; padding-right:30px; margin-top:4px; font-size:14px; color:#0037BB }
a.menu:hover,a.menu:active{ width:134px; height:26px; background:url(images/leftbg1.gif) center; text-decoration:none ; float:right; text-align:right; padding-right:30px; margin-top:4px; font-size:14px; color:#0037BB}

.left2{ width:195px; float:left; background:url(images/wp_18.gif) no-repeat top; height:290px; padding-top:50px; padding-right:20px; display:inline}
.left3{ width:195px; float:left; background:url(images/wp_29.gif) no-repeat top; height:290px; padding-top:50px; padding-right:20px; display:inline}

.mainright{ width:772px; margin-left:15px; float:left}

.mainright .link{ text-align:right; float:right; width:300px; padding-right:10px; }

.mainright .gsjj{ height:30px; background:url(images/wp_11.gif) no-repeat left}
.mainright .qyln{ height:30px; background:url(images/wp_12.gif) no-repeat left}
.mainright .sccj{ height:30px; background:url(images/wp_32.gif) no-repeat left}
.mainright .contact{height:30px; background:url(images/wp_14.gif) no-repeat left }
.mainright .probg{height:30px; background:url(images/wp_24.gif) no-repeat left}
.mainright .help{height:30px; background:url(images/wp_25.gif) no-repeat left}
.mainright .hdjl{height:30px; background:url(images/wp_26.gif) no-repeat left }
.mainright .order{height:30px; background:url(images/wp_27.gif) no-repeat left }
.mainright .process{height:30px; background:url(images/wp_33.gif) no-repeat left }
.mainright .knowledge{height:30px; background:url(images/wp_37.gif) no-repeat left }
.mainright .cases{height:30px; background:url(images/wp_30.gif) no-repeat left }
.mainright .sitemap{height:30px; background:url(images/wp_34.gif) no-repeat left }
.mainright .keyword{height:30px; background:url(images/wp_40.gif) no-repeat left }
.mainright .news{height:30px; background:url(images/wp_38.gif) no-repeat left; }
.mainright .news .title{ font-size:14px; font-weight:bold; color:#666666; padding-left:18px; float:left; width:150px}

.mainright .caselist{ width:730px; margin:15px auto}
.mainright .caselist td{ padding-left:10px}
.mainright .caselist tr.head{ background:#2E69C3; color:#FFFFFF; height:28px;}
.mainright .caselist tr.list{ background:#F3F3F3; height:28px}
.mainright .caselist tr.list2{ background:#FFFFFF; height:28px}

.mainright .newscontent .title{ font-size:22px; font-family:simhei; height:40px; line-height:40px; text-align:center; border-bottom:#CCCCCC 1px dotted}
.mainright .newscontent .newsinfo{ height:28px; line-height:28px; text-align:center; color:#999999}
.mainright .newscontent .content{ font-size:14px; line-height:25px; padding:20px; }
.mainright .newscontent .rnews{ width:330px; padding-left:30px}
.mainright .newscontent .rnews ul li{ background:url(images/wp_5.gif) no-repeat left; background-position:10px; padding-left:26px; border-bottom:#999999 1px dotted}
.mainright .newscontent .rnews ul li a{ font-size:14px}

.leftmenu .pnews ul li{ background:url(images/wp_5.gif) no-repeat left; background-position:10px; padding-left:26px; border-bottom:#999999 1px dotted}

.mainright .product_show .productname{ font-size:22px; font-family:simhei; height:40px; line-height:40px; text-align:center; border-bottom:#CCCCCC 1px dotted}
.mainright .product_show .productintro{ font-size:14px; line-height:25px; padding:20px;}

.mainright .textbg{ background:#FFFFFF; padding:30px; font-size:14px; overflow:hidden; }
.mainright .textbg p{ text-indent:2em}

.mainright .newslist{ background:#FFFFFF; margin-top:15px}
.mainright .newslist ul{width:700px; margin:0 auto; }
.mainright .newslist ul li{padding-left:10px; line-height:25px; padding-top:10px }
.mainright .newslist ul li span{ float:right; color:maroon}
.mainright .newslist ul li .title a{ font-size:14px; font-weight:bold; }
.mainright .newslist ul li .scontent{ padding:10px; border-bottom:#999999 1px dotted; padding-top:0}
.mainright .newslist ul li .scontent { text-indent:2em}

.mainright ul.prolist li{ width:160px; height:150px; border:#8BB4F2 1px solid; text-align:center; float:left; margin-left:13px; margin-top:15px; display:inline; padding:5px}
.mainright ul.prolist li .proname{ height:30px; line-height:30px; text-align:center; background:#5781C2; }
.mainright ul.prolist li .proname a { color:#FFFFFF; text-decoration:none}
.mainright ul.prolist li img{ border:none}

.mainright .tbform td{ height:30px; line-height:30px; }
.mainright .tbform td.l{ width:100px; text-align:right; padding-right:10px}
.mainright .tbform .txtbox{ height:21px; line-height:21px; border:#CCCCCC 1px solid}
.mainright .tbform td img,input{ vertical-align:middle}

.mainright .pagelink{ text-align:center}

.mainright .shuoming{ height:40px; border-bottom:#CCCCCC 1px dotted; line-height:40px; font-size:14px}
.mainright .tb{ margin-top:20px}
.mainright .tb td{ height:32px; font-size:14px; color:#0036BA}

.leftmenu{ width:216px; float:left; background:#FFFFFF}
.leftmenu .leftmenubg{ height:27px; line-height:27px; background:url(images/wp_22.gif) no-repeat left; color:#FFFFFF; padding-left:20px}

.leftmenu .classbg{ height:25px; line-height:25px; background:url(images/wp_23.gif) no-repeat left; padding-left:30px; color:#0044AB; font-weight:bold; margin-top:8px}

.leftmenu .classlist ul li{ background:url(images/wp_28.gif) no-repeat left; background-position:26px; border-bottom:#CCCCCC 1px dotted; padding-left:40px}
.leftmenu .zhichi ul li{ background:url(images/wp_16.gif) no-repeat left; background-position:16px; border-bottom:#CCCCCC 1px dotted; padding-left:35px}