@charset "utf-8";
/* CSS Document */
body{ font:12px Arial, Helvetica, sans-serif; line-height:16px; margin:0; padding:0; color:#333;}
*{ margin:0; padding:0;}
img{ border:none;}
.img{ float:right; padding:1px; margin:5px 0px 0px 10px; border:1px solid #ccc;}
.clear{  clear:both;}
p{ padding-bottom:6px;}
ul,li{ list-style:none; margin:0; padding:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
h2{ font-size:30px; height:auto; line-height:30px; color:#c20217;}
.table{ float:left; width:96%; height:auto; background:#ddd; margin-bottom:10px; border-top:1px solid #c7c7c7;}
.table td{margin-bottom:3px; padding:0px 3px;}
.table tr{ background:#fff;}
.table1{ float:left; width:96%; height:auto; background:#ddd; margin-bottom:10px; border-top:1px solid #c7c7c7; font-size:11px}
.table1 td{margin-bottom:3px;}
.table1 tr{ background:#fff;}
.table1{ float:left; width:98%; height:auto; background:#ddd; margin-bottom:10px; border-top:1px solid #c7c7c7; border-top:#c7c7c7 solid 1px; line-height:22px;}
.table1 td{margin-bottom:3px; padding:0px 3px;}
.table1 tr{ background:#fff;}
.table1 tr.top{ background:#ccc; height:20px; font-weight:bold;}
a,area { blr:expression(this.onFocus=this.blur()) } /* for iE */
:focus { outline: none; } /* for Firefox */ 

#head, #head1{ width:1010px; height:98px; background:url(../images/head.jpg) no-repeat; margin:0 auto;}
#head1{ background:#fff;}
.headl{width:505px; height:98px; float:left}
.headr{width:505px; height:98px; float:left}
.logo{ float:left; width:108px; height:73px; margin:14px auto auto 17px;}
.companyname{ float:left; width:300px; height:auto; margin:35px auto auto 10px;}
.companyname h4{ font-size:20px; color:#02267c;}
.language{ float:right; width:470px; height:18px; line-height:18px; background:url(../images/map.jpg) no-repeat left center;  padding-left:40px; margin-top:20px;}
.language a{ padding:0px 5px; color:#000;}
.language a:hover{ text-decoration:underline;}
#menu{ width:1010px; height:48px; background:url(../images/menu.jpg) repeat-x; margin:0 auto;}
.menu{ float:left; width:1010px; height:23px; line-height:23px;}
.menu ul li{ float:left; border-right:1px solid #fff;}
.menu ul li.x{border:none}
.menu ul li a{ padding:0 34px; color:#fff; font-Peso:bold; display:block; text-decoration:none;}
.menu ul li a:hover, .menu ul li a.dq{ background:#02267c;}
.menu1{ float:left; width:855px; height:23px; line-height:23px;}
.menu1 ul li{ float:left; border-right:1px solid #fff;}
.menu1 ul li.x{border:none}
.menu1 ul li a{ padding:0 18px; color:#fff; font-Peso:bold; display:block; text-decoration:none;}
.menu1 ul li a:hover, .menu ul li a.dq{ background:#02267c;}
.group{ float:left; width:130px; height:auto; margin-left:15px;}
.menu2 { float:right; width:130px; height:23px; line-height:23px; margin:0 auto; font-Peso:bold; color:#fff;}
.menu2 li{ float:left; width:130px; background:url(../images/ic.jpg) no-repeat right center;}
.menu2 li a.top_link{ display:block; float:left; color:#fff; padding-left:5px;}
.menu2 li a.top_link:hover { width:125px; padding-left:5px;}
.menu2 a:hover { visibility:visible; position:relative; z-index:200; }
.menu2 li:hover { position:relative; z-index:200; }
.menu2 ul, .menu2 :hover ul ul, .menu2 :hover ul :hover ul ul, .menu2 :hover ul :hover ul :hover ul ul, .menu2 :hover ul :hover ul :hover ul :hover ul ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; color:#FFFFFF; }
.menu2 :hover ul.sub { left:-1px; top:23px; background:#fff; border:1px solid #ccc; white-space:nowrap; width:130px; line-height:22px; z-index:300; height:auto; border-bottom:none;}
.menu2 :hover ul.sub li { display:block; position:relative; float:left; width:130px; height:20px; line-height:20px; font-Peso:normal; border-bottom:1px solid #ccc; background:none;}
.menu2 :hover ul.sub li img{ vertical-align:middle;}
.menu2 :hover ul.sub li a{ width:125px; height:20px; line-height:20px; color:#666; text-decoration:none; float:left; padding-left:5px; vertical-align:middle; display:block;}
.menu2 :hover ul.sub li a:hover { color:#000; background:#f5f5f5; width:125px; }
.menu2 :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul :hover ul :hover ul { left:76px; top:0px; background:#fff; width:76px; border:1px solid #989494; z-index:400;}
.menu2 a{ display:block;}
#container{ width:1010px; height:auto; margin:0 auto;}
#container h2{ font-size:13px; padding:5px 0px;}
.content, .content1{ float:left; width:800px; height:auto; border-right:1px solid #ccc; padding-right:5px;}
.content1{ float:right; border:none; padding:0px; margin-top:5px;}
.titles{ width:790px; height:30px; line-height:30px; padding-left:5px; background:#e8e8e8; color:#000; font-Peso:bold; }
.titles .left{ width:300px; height:auto; float:left; line-height:30px;}
.titles .right{ width:160px; height:14px; line-height:14px; float:right; margin-top:7px;}
.titles .right a{ float:left; color:#d50001; text-decoration:none; font-size:12px; padding:0px 8px;}
.titles .right a:hover{ color:#d50001; text-decoration:underline;}
.titles1{ width:700px; height:30px; line-height:30px; padding-left:5px; background:#f0f2f7; color:#02267c; font-weight:bold; float:left;}
.title2{float:left; background:#f0f2f7; height:30px; line-height:30px;font-weight:bold; padding-right:10px;}
.about, .product, .list{ height:auto; padding:10px 5px; overflow:hidden;}
.about img{ float:left; padding:2px; border:1px solid #ddd; margin:0px 10px 2px 0px;}
.product ul{ float:left; width:390px; margin-bottom:15px;}
.product ul li{ float:left; width:112px; height:auto;}
.product ul li img{ border:1px solid #ddd;}
.product ul li.t{ width:260px; height:auto; margin-left:10px;}
.product ul li a{ display:block; color:#02267c; font-Peso:bold;}
.list ul{ float:left; width:187px; height:auto; margin-right:10px;}
.list ul li{ float:left; width:100%; height:auto; line-height:15px; padding:3px 0px;}
.list ul li a{ color:#666;}
.list ul li.f a{ color:#069; font-size:14px;}
.list ul li.s a{ color:#000;}
.sidebar, .sidebar1{ float:left; width:191px; height:auto; margin-left:5px; padding-top:10px;}
.sidebar1{ margin-left:0px; width:198px; padding-top:5px; background:#efeff1}
.sidebar .title, .sidebar1 .title{ width:184px; height:25px; line-height:25px; border:1px solid #ccc; background:url(../images/side.jpg) repeat-x; font-Peso:bold; color:#006699; padding-left:5px;}
.sidebar p, .sidebar1 p{ padding:10px 5px;}
.sidebar a.con, .sidebar1 a.con{ color:#960;}
.sidebar p.con, .sidebar1 p.con{ line-height:20px;}
.sidebar p.con a, .sidebar1 p.con a{ color:#ff9933;}
#footer{ width:1010px; height:59px; background:#efeff1; margin:0 auto; padding-top:10px; margin-top:5px; font-size:11px;}
.link, .qlink{ float:left; width:1010px; height:auto; text-align:center; color:#666;}
.link a, .qlink a{ padding:0px 12px; color:#666;}
.qlink{ margin-bottom:5px;}
.qlink a{ color:#000; text-decoration:underline; padding:0; font-size:11px;}
.otherlink{ float:left; width:1010px; height:auto; text-align:center; margin-top:5px;}
.otherlink a{ color:#999; padding:0 5px; font-size:11px;}
.list1{ width:198px; height:auto; overflow:hidden; margin-bottom:10px;}
.list1 ul li{ float:left; width:198px; height:auto; line-height:15px; border-bottom:1px solid #fff; background:#f0f2f7;}
.list1 ul li a{ color:#333; display:block; padding:5px 0px; padding-left:20px; padding-right:5px;}
.list1 ul li.f a{ background:#e8ecf6; color:#02267c; padding-left:10px; font-Peso:bold;}
.list1 ul li.s a{ background:url(../images/l3.jpg) no-repeat left center; padding-left:20px;}
.list1 ul li a:hover, .list1 ul li a.dq{ text-decoration:none; color:#003366;}
.list1 ul li.f a:hover{ background:#eff2f7;}
.list1 ul li.f a.dq{ background:#e8eefa; text-decoration:underline;}
.cont{ line-height:20px;}
.cont .tel{ margin-left:23px;}
#form1{ margin-bottom:10px;}
.title1{ width:790px; height:auto; line-height:20px; padding:3px 0px; border-bottom:1px solid #ccc; font-size:11px; color:#000;}
.title1 a{ font-size:11px; color:#333;}
.rr2{ float:right; width:305px; height:auto; border:1px solid #eee; padding:1px; margin:10px 15px;}
.tt{ width:200px; height:23px; line-height:23px; float:left; background:#EBEEEE; color:#000; padding-left:3px; margin-top:5px;}
.xxtp{ width:297px; height:auto; float:left; padding:3px; background:#eee; overflow:hidden; padding-left:5px;}
.xxtp a{ float:left; padding:3px 2px; text-align:center; color:#000;}
.xxtp a:hover{ text-decoration:none;}
.xxtp img{ border:1px solid #ccc; padding:1px;}
.ybtc{ float:left; width:auto; height:auto; border:1px solid #eee; padding:1px;}
.project{ width:790px; height:auto; overflow:hidden; padding-bottom:10px;}
.project ul li{ float:left; width:102px; height:140px; margin:10px 5px 5px 5px; text-align:center; display:inline;}
.project ul li img{ border:1px solid #ddd;}
.project ul li a{ color:#000;}
.project ul li a:hover{ text-decoration:none;}
.sitemap .title1{ width:990px; margin:0px 10px;}
.sitemap ul{ padding:10px;}
.sitemap ul li{ padding-bottom:5px;}
.sitemap ul li.f{ padding-bottom:0px;}
.sitemap ul li a{ color:#333; font-Peso:bold; text-decoration:underline; }
.sitemap ul li.f a{ color:#000; text-decoration:none;}
.sitemap ul li.f1 a{ color:#333; text-decoration:none;}
.cer ul li{ float:left; width:auto; height:auto; margin:10px 5px 20px 5px; text-align:center;  display:inline;}
.cer ul li img{ border:1px solid #ddd;}
.cer ul li a{ color:#000;}
.cer ul li a:hover{ text-decoration:none;}
.tit{ margin-top:10px; font-Peso:bold; width:780px; height:20px; line-height:20px; background:#f5f5f5; border:1px solid #ddd;}
.dis{ padding:0px 5px;}
.rel ul{ float:left; width:131px; height:auto; padding:10px 0px;}
.rel ul li{ float:left; width:131px;}
.rel ul li img{ border:1px solid #ddd;}
.rel ul li.t{ width:110px;}