@charset "utf-8";
/* CSS Document */
body{ font:12px Arial, Helvetica, sans-serif; background:url(../images/bg.jpg) repeat-x left top; color:#333; line-height:16px;}
img{ border:none;}
ul,li{ list-style:none;}
*{ margin:0; padding:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
.img_a{ float:right; margin-left:15px; margin-top:10px; padding:1px; border:1px solid #ccc;}
h2{ font-size:16px;}
.clear{ clear:both;}
p{ padding-bottom:6px;}
.table, .table2{ width:98%; height:auto; background:#dad9d9; float:left; margin-bottom:10px;}
.table1{ width:53%; height:auto; background:#dad9d9; float:left; margin-bottom:10px;}
.table td, .table1 td, .table2 td{margin-bottom:3px; text-align:left; padding:0px 3px;}
.table2 td{ text-align:center;}
.table tr, .table1 tr, .table2 tr{ background:#fff;}
.table tr.top_t, .table1 tr.top_t, .table2 tr.top_t{ background:#f4f2f2;}

#header{ width:956px; height:82px; margin:0 auto;}
.top{ float:left; width:100%; height:16px; line-height:16px;}
.top a{ color:#666; margin:0px 5px; font-size:10px;}
.logo{ float:left; width:66px; height:52px; margin-top:8px;}
.companyname{ float:left; width:400px; height:auto; margin-left:10px; margin-top:25px;}
.language{ float:right; width:300px; height:15px; line-height:15px; margin-top:10px;}
.language a{ margin-right:5px; color:#333;}
#menu{ width:956px; height:28px; line-height:28px; background:url(../images/menu.jpg) repeat-x; margin:0 auto; border:1px solid #8b8b8b; border-top:none;}
#menu ul li{ float:left;}
#menu ul li a{ color:#333; font-weight:bold; padding:0px 45px; display:block;}
#menu ul li a.dq,#menu ul li a:hover{ color:#284778; text-decoration:underline;}
#banner{ width:986px; height:148px; background:url(../images/banner.jpg) no-repeat; margin:0 auto; margin-top:5px; color:#104277; font-weight:bold;}
#banner .disc{ float:left; padding-left:30px; padding-top:50px; width:250px}
#container{ width:956px; height:auto; margin:0 auto; margin-top:5px;}
.left{ float:left; width:312px; height:auto; background:#d8dde3;}
.left_t{ width:302px; height:42px; background:url(../images/about_h.gif) no-repeat; padding:100px 0px 0px 10px; font-size:16px; font-weight:bold; color:#fff; border-bottom:1px dotted #fff;}
.about_h{ width:292px; height:auto; padding:10px;}
.cont{ width:91%; height:auto; padding:10px;}
.cont p{ line-height:20px;}
.cont a{ color:#333; text-decoration:underline;}
.con{ height:30px; line-height:30px;}
.con a{ font-size:16px; font-weight:bold; font-style:italic; color:#FF8000; text-decoration:underline;}
.center{ float:left; width:312px; height:auto; margin-left:10px; border:1px solid #c9ccd1;}
.center_t, .right_t{ width:302px; height:38px; line-height:38px; font-size:14px; padding-left:10px; border-bottom:1px dotted #955a50; font-weight:bold;}
.pro{ width:312px; height:auto; overflow:hidden;}
.pro ul{ float:left; width:302px; height:auto; padding:10px 0px 5px 0px; border-bottom:1px dotted #955a50;}
.pro ul.last{ border-bottom:none;}
.pro ul li{ float:left; width:auto; height:auto; margin-left:10px; display:inline;}
.pro ul li.t{ width:165px; height:auto;}
.pro ul li.img{ margin-top:18px;}
.pro ul li a{ color:#333; font-weight:bold; display:block;}
.right{ float:right; width:307px; height:auto; margin-left:9px; border:1px solid #c9ccd1; background:#e6e7e6;}
.right_t{ width:297px; border-bottom:1px dotted #9d9e9c; background:#fff;}
.right p{ padding:5px 10px;}
.right p img{ margin-bottom:5px;}
.right p.img{ margin-left:10px;}
.right .ser{ margin-left:25px;}
#navigation{ width:936px; height:auto; margin:0 auto; background:#728da3; overflow:hidden; margin-top:10px; padding:10px;}
#navigation ul{ float:left; width:25%; height:auto;}
#navigation ul li{ float:left; width:230px; height:auto;}
#navigation ul li a{ color:#ccc; display:block; font-weight:normal; padding:1px 0px;}
#navigation ul li.f a{ font-weight:bold; color:#f0b982;}
#navigation ul li.s a{ color:#fff; font-weight:bold;}
#navigation ul li.t a{ color:#fff;}
#footer{ width:956px; height:auto; margin:0 auto; background:#728da3; margin-top:1px;}
#footer .qlink{ float:left; width:902px; height:auto; padding-top:10px; text-align:center; margin:0 auto; color:#ccc;}
#footer .qlink a{ color:#ccc; text-decoration:underline;}
#footer .qlink a:hover{ text-decoration:underline;}
.toplink{ float:left; width:30px; background:url(../images/icon.gif) no-repeat left center; padding-left:15px; margin-top:15px;}
.toplink a{ color:#FF8000; font-weight:bold;}
#footer .link{ float:left; width:932px; height:auto; padding-top:10px; text-align:center; color:#eee;}
#footer .link a{ padding:0 10px; color:#eee; font-weight:bold;}
#footer .link a:hover{ text-decoration:underline;}
#footer #otherlink{ float:left; width:400px; height:30px; padding-top:5px; margin-left:300px; display:inline;}
#footer #otherlink div{ float:left; margin-left:10px; text-align:center; margin-top:6px; height:11px; line-height:17px;}
#footer #otherlink div a{ text-decoration:none; color:#ccc; font-weight:normal; font-size:11px;}
.sidebar{ float:left; width:210px; height:auto; background:#f7f7f7;}
.list{ float:left; width:200px; height:auto; padding:10px 5px;}
.list ul li{ float:left; width:195px; padding-left:5px; border-bottom:1px dotted #ccc;}
.list ul li.f{ width:200px; background:#425d8c; padding-left:0px; border:none;}
.list ul li.s{ width:195px; background:url(../images/icon.jpg) no-repeat 3px center; padding-left:5px;}
.list ul li.t{ width:195px; padding-left:5px; background:url(../images/icon1.jpg) no-repeat 3px center;}
.list ul li a{ color:#333; display:block; height:auto; line-height:15px; padding:5px 0px; padding-left:5px;}
.list ul li.f a{ color:#fff; font-weight:bold;}
.list ul li.s a{ }
.list ul li.t a{ color:#000;}
.list ul li a:hover, .list ul li a.dq{ color:#41699c; text-decoration:underline;}
.list ul li.f a:hover, .list ul li.f a.dq{ color:#fff;}
.content{ float:right; width:735px; background:#fff;}
.title{ width:96%; line-height:18px; padding:5px 0px; color:#000; font-weight:bold; border-bottom:1px solid #eee; margin-left:10px;}
.title a{ color:#000;}
.title a:hover{ text-decoration:underline;}
.about{ padding:10px;}
.about h2{ font-size:16px; color:#FF8000; height:auto; line-height:20px; padding:10px 0px;}
.rel{ width:97%; height:auto; padding:10px 0px 10px 10px; overflow:hidden;}
.rel .re{ height:25px; line-height:25px; background:#eee; padding-left:5px; font-weight:bold; margin-bottom:5px;}
.rel ul{ float:left; width:177px; height:auto;}
.rel ul li{ float:left; width:170px; height:auto;}
.rel .product1 ul{ float:left; width:49%; height:auto;}
.rel .product1 li{ float:left; width:124px; height:auto;}
.rel .product1 li.txt{ width:210px;}
.rel ul li img{ padding:1px; border:1px solid #ccc;}
.rel ul li a{ display:block; font-weight:bold; color:#3f6491;}
.cer{ padding-left:55px; margin-top:20px;}
.cer a{ margin-right:10px;}
.tit{ width:96%; height:20px; line-height:20px; border:1px solid #ccc; background:#f5f5f5; padding-left:10px; color:#000; font-weight:bold;}
.gallery{ width:690px; height:auto; margin-top:5px; margin-bottom:7px; overflow:hidden;}
.gallery ul{ float:left; width:112px; height:auto;}
.gallery ul li{ float:left; width:102px; padding-bottom:3px; text-align:center; color:#000;}

.gallery a img{ padding:1px; border:1px solid #eee;}
.gallery a:hover{ color:#3e8ad0;}
.ybtc{ float:left; border:1px solid #eee; padding:1px;} 
.con_all{width:137px; height:auto; margin-top:10px; display:block; float:right;}
.rr{ float:right; width:308px; margin-top:10px; margin-right:10px; _margin-right:5px; padding-top:10px; margin-left:15px;}
.rr .xxtp{ width:298px; float:left; padding:3px; background:#f5f5f5; overflow:hidden; border:1px solid #eee; border-top:none;}
.rr .xxtp a{ float:left; padding:3px 2px 3px 3px; _padding:3px 2px;}
.rr .xxtp img{ border:1px solid #ccc; padding:1px;}
.product ul, .product1 ul{ float:left; padding:5px 0px; border-bottom:1px solid #ddd;}
.product1 ul{ width:50%; padding:12px 0px;}
.product ul li, .product1 ul li{ float:left;}
.product ul li.txt, .product1 ul li.txt{ width:580px; height:auto; margin-left:10px;}
.product1 ul li.txt{ width:210px;}
.product ul li a, .product1 ul li a{ display:block; color:#000; font-weight:bold;}
.product ul li img, .product1 ul li img{ padding:1px; border:1px solid #ccc;}
.sitemap{ width:100%; height:auto; background:#fff;}
.sitemap ul{ padding:10px;}
.sitemap ul li{ padding-bottom:5px;}
.sitemap ul li.f{ padding-bottom:0px;}
.sitemap ul li.s{ width:50%; height:auto;}
.sitemap ul li a{ color:#333; font-weight:bold; text-decoration:underline; }
.sitemap ul li.f a{ color:#000; text-decoration:none;}
.sitemap ul li.f1 a{ color:#333; text-decoration:none;}
.sitemap ul li.f2 a{ color:#666; text-decoration:none;}
.dis{ width:98%; height:auto; padding-top:2px;}
.discrip{ float:left; width:480px; height:auto; padding-left:10px; padding-bottom:10px;}
.rr1{ float:left; width:203px; height:auto; border:1px solid #eee; padding:1px;}
.rr1 .tt{ width:200px; height:23px; line-height:23px; float:left; background:#EBEEEE; color:#000; padding-left:3px; margin-top:5px;}
.rr1 .xxtp{ width:195px; height:auto; float:left; padding:3px; background:#eee; overflow:hidden; padding-left:5px;}
.rr1 .xxtp a{ float:left; padding:3px 2px;}
.rr1 .xxtp img{ border:1px solid #ccc; padding:1px;}
.rr1 .more{ width:297px; float:left; height:auto; text-align:right; background:#f9f9f9; padding-right:5px;}
.rr1 .more a{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#e77918; font-style:italic; font-weight:bold; font-size:11px;}
.rr1 .more a:hover{ text-decoration:underline;}
.components{ width:715px; height:auto; overflow:hidden; padding-bottom:15px;}
.components ul{ float:left; width:100%; height:auto; border-bottom:1px dashed #ccc; padding:15px 0px 3px 0px;}
.components ul li{ float:left; width:104px; height:auto; margin-bottom:3px; text-align:center; margin-right:10px; color:#000;}
.components ul li img{ padding:1px; border:1px solid #ccc; margin-bottom:3px;}
#demo{ float:left; background:#a0cbd5; overflow:hidden; width:600px; margin-left:70px; margin-top:30px;}
#indemo {float:left;width: 800%;}
#demo1 {float:left;}
#demo1 a, #demo2 a{ margin-right:10px;}
#demo2 {float:left;}