﻿@charset "utf-8";
/** --------------
 * Copyright (c) 2010
 * 2010-01-25
--------------------  **/
div,td,span,ul,li,p{margin:0;padding:0;list-style-type: none;text-decoration: none;font-size:13px;color:#000;line-height:20px;}
body{margin:0;padding:0;font-family:Tahoma,arial, 宋体, verdanaf;font-size:13px;list-style-type: none;text-decoration: none;color:#000;background:url(../images/bg.gif) repeat;overflow-x:hidden;}
a{outline:none;}
a:link, a:visited{color:#551a8b;text-decoration: none;}
a:hover{color:#195a94;text-decoration:underline;}
h1, h2, h3, h4, h5, h6,form{border:0; padding:0; margin:0;}
.clear{line-height:1px;clear:both;visibility:hidden;}
img{border:0}

/* ------------------------ all css ------------------------ */
#container{width:100%;margin:0 auto;}
#header{width:100%;height:auto;padding:8px 0 12px 0;background-color:#FFF}
#header h1{width:1000px;height:50px;text-align:left;margin:0 auto;}
#header h1 p{width:250px;float:right; text-align:right;font-family:Tahoma,arial,verdanaf; font-weight:normal;font-size:14px; color:#CCC}
#header h1 p a{ color:#72A5B8;font-size:13px}

.nav_box{background:url(../images/box_bg.png) repeat-x #E1E6E9 top;}
.nav2{width:100%;height:31px;background:url(../images/top_bg.png) repeat-x top;}
.nav{width:1000px;height:31px;margin:0 auto;}
.nav ul{text-align:center;margin:0 auto;}
.nav li{display:block;float:left;line-height:31px;color:#fff;}
.nav ul li:hover ul,
.nav ul a:hover ul{visibility:visible;} 

#a1,#a2,#a3,#a4,#a5,#a6,#a7{color:#fff;display:block;width:115px;text-decoration:none;line-height:31px;font-family:Tahoma,arial,verdanaf; font-size:14px}
#a1,.nav ul li a:hover {color:#FFF;background:url(../images/top_over.png) repeat-x;width:115px;line-height:31px;height:31px;font-family:Tahoma,arial,verdanaf; font-size:14px}
.nav a:active{color:#fff;}

.nav ul ul{visibility:hidden;position:absolute;}   
.nav ul ul li {clear:both;text-align:left;}   
.nav ul ul li a{display:block;width:115px;line-height:31px;background-color:#305983;color:#fff; text-align:center;font-size:14px}   
.nav ul ul li a:hover{ background:none;background-color:#325BAC;line-height:31px;font-size:14px;text-decoration:none;}   

.nav_box h2{width:1000px;display:block;height:26px;margin:0 auto;background:url(../images/home.png) no-repeat;}
.nav_box h2 ul li{color:#000;float:left;background:url(../images/split.gif) no-repeat left; width:auto;line-height:26px; font-weight:normal; text-align:right;padding:0 12px;}
.nav_box .jianxi{ width:22px; background-image:none;padding:0;}
.nav_box img{ text-align:center; width:1000px;margin:0 auto; display:block}

/* ------------------------ home css ------------------------ */
#home_flash{width:100%;height:400px;margin:0 auto;background:url(../images/home_bg.png) repeat-x top #FFF;}
#home_flash h1{width:1000px;height:400px;margin:0 auto; background-color:#FFF}
#home_about{width:100%;height:auto;background:url(../images/bg_hp_main.gif) repeat-x top #FFF}
#home_about h2{width:100%;display:block;height:2px;background:url(../images/splitline.gif) repeat-x;margin:0 auto; font-size:0}
#home_about h3{width:1000px;display:block;height:30px;background:url(../images/bg_hp_c3.gif) no-repeat left;margin:0 auto;}
#home_about p{width:1000px; position:relative;margin:0 auto;padding:10px 0; text-indent:20px}
#home_product{width:100%;margin:0 auto;height:auto;background:url(../images/bg_hp_main.gif) repeat-x top #FFF}
#home_product h3{width:1000px;display:block;height:30px;background:url(../images/bestquiality.gif) no-repeat left;margin:0 auto;}
#home_product ul{width:1000px;margin:0 auto;padding:10px 0;overflow:hidden}
#home_product li{float:left;width:333px;height:auto;}
#home_product li p{width:280px;padding-top:10px;}
#home_product li img{border:#BAD2E9 3px solid}

/* ------------------------ news css ------------------------ */
#cont{width:960px;margin:0 auto;height:auto;padding:20px; background-color:#FFF}
#cont .content{ width:100%; height:auto;overflow:hidden}
#cont .content h3{ width:100%; display:block;height:28px;background:url(../images/news.gif) no-repeat left;}
#cont .content h4{text-align:center;margin:0 auto; font-size:14px}
#cont .content h5{text-align:center;margin:0 auto;padding:10px 0; font-size:12px; font-weight:normal; color:#999}
#cont .content ul{width:80%;margin:0 auto;padding:20px 0}
#cont .content li{width:100%;background:url(../images/list.gif) no-repeat left; text-indent:12px}
#cont .content ul li span{width:200px;float:right;text-align:right}


/* ------------------------ company css ------------------------ */
#cont{width:960px;margin:0 auto;height:auto;padding:20px; background-color:#FFF}
#cont .company{ width:100%; height:auto;overflow:hidden}
#cont strong{color:#990000; font-size:14px}
#cont .company p{padding:5px;}
#cont .company .cen{margin:0 auto; text-align:center; display:block}
#cont .sitemap{text-align:center;margin:0 auto;padding:15px 0}
#cont .company01{ width:100%;height:28px;background:url(../images/about.gif) no-repeat left;}
#cont .company h1{ width:100%; display:block;height:28px;background:url(../images/sitemap.gif) no-repeat left;}
#cont .company h2{ width:100%; display:block;height:28px;background:url(../images/outthinking.gif) no-repeat left;}
#cont .company h3{ width:100%; display:block;height:28px;background:url(../images/investor.gif) no-repeat left;}
#cont .company h4{ width:100%; display:block;height:28px;background:url(../images/corporate.gif) no-repeat left;}
#cont .company h5{ width:100%; display:block;height:28px;background:url(../images/jobs.gif) no-repeat left;}
#cont .company h6{ width:100%; display:block;height:28px;background:url(../images/factory.gif) no-repeat left;}
#cont .company ul{width:950px;margin:0 auto;padding:20px 0}
#cont .company li{width:100%;}
#cont .company ul li span{width:850px;float:right;text-align:left}


/* ------------------------ products css ------------------------ */
#cont .products{width:100%; height:auto; overflow:hidden}
#cont .products .left{float:left;width:200px;margin-right:20px}
#cont .products .left h2{ width:100%;display:block;height:33px;background:url(../images/prductlist.gif) no-repeat left top;}
#cont .products .left table {margin-left:-2px}

.productscat1 {width:200px;padding-left:25px;height: 27px;line-height: 27px;color:#FFFFFF;font-weight: bold;BACKGROUND: url(../images/productscat1.gif);cursor: hand;text-align: left;}
.productscat1 a:visited{color:#FFF;}
.productscat2 {width: 200px;padding-left: 25px;height: 27px;line-height: 27px;BACKGROUND: url(../images/productscat2.gif);cursor: hand;text-align:left;}
.productscat3 {width: 200px;padding-left: 25px;height: 27px;line-height: 27px;BACKGROUND: url(../images/menu1.gif);cursor: hand;text-align: left;}
.productscat2 a:visited{color:#551a8b;}
.productscat3 a:visited{color:#551a8b;}

#cont .products .left h3{ width:100%; display:block;height:19px;background:url(../images/quicksearch.gif) no-repeat left bottom;padding-top:40px}
#cont .products .left .s{width:163px; height:auto;border:#BAD2E9 1px solid;margin-top:10px; background-color:#EFEFEF;padding:10px;text-align:center}

#cont .products .right{float:right;width:740px;*_clear:left}
#cont .products .right h3{ width:100%; display:block;height:19px;background:url(../images/products.gif) no-repeat left top;padding-bottom:15px}
#cont .products .right h4{ width:100%; display:block;height:19px;background:url(../images/newproduct.gif) no-repeat left top;padding-bottom:15px}
#cont .products .right h5{ width:100%; display:block;height:19px;background:url(../images/hotsale.gif) no-repeat left top;padding-bottom:15px}
#cont .products .right ul li{ float:left; width:174px;*_width:177px;margin-left:11px;*_margin-left:6px;height:218px;}
#cont .products .right ul li td{height:160px;width:160px;padding:1px;border:#C0C0C0 1px solid;display:table;text-align:center;}

/* ------------------------ logins css ------------------------ */
#logins{width:960px;margin:0 auto;height:auto;padding:20px; background-color:#FFF}
#logins .box{width:300px;background: url(../images/loginbg.jpg) repeat;height:auto;margin:0 auto}
#logins .box h3{ text-align:left;color:#FFF;line-height:32px;font-weight:normal; text-indent:10px}
#logins .box .sidebox{padding:10px; height:auto; overflow:hidden}
#logins .box .sidebox ul li{float:left; width:280px; height:40px; font-size:14px}
#logins .box .sidebox ul li span{ float:right;width:200px;}
#logins .box .sidebox input{ border:1px solid #999; background-color:#FFF; width:180px; height:20px}
#logins .box .sidebox .login{ border:1px solid #999; background-color:#FFF; width:80px; height:20px}
#logins .box .sidebox .login2{ border:1px solid #999; background-color:#FFF; width:80px; height:20px}
#logins .box p{padding:10px; text-align:center}

/* ------------------------ contact css ------------------------ */
#cont{width:960px;margin:0 auto;height:auto;padding:20px; background-color:#FFF}
#cont .contact{ width:100%; height:auto;overflow:hidden}
#cont .contact p{padding:0 5px 15px 5px;}
#cont .contact h3{ width:100%; display:block;height:28px;background:url(../images/contactus.gif) no-repeat left;}
#cont .contact ul{width:950px;margin:0 auto;padding:20px 0}
#cont .contact li{width:100%;}
#cont .contact ul li span{width:850px;float:right;text-align:left}

.messagebox{}
.messagebox p{background:url(../images/messagebg.png) repeat-x;line-height:36px; font-size:14px; font-weight:bold; color:#FFF; text-indent:10px}
.messagebox dl{padding:0;margin:0}
.messagebox dt{float:left;font-size:14px;padding:12px 0 4px; width:140px;text-indent:10px}
.messagebox dd{ text-align:left;height:auto;padding:8px 0;}
.messagebox input,select{vertical-align:middle;background:#FFF; border:#666 1px solid; height:20px}
.messagebox textarea{background:#FFF;line-height:150%;overflow:auto;border:#666 1px solid;width:600px;height:220px}

/* ------------------------ footer css ------------------------ */
#foot{width:100%;border-top:#DEDEDE 1px solid; background-color:#FFF}
#footer{width:1000px;padding:10px 0;margin:0 auto;}
#footer ul li{ float:left;border-bottom:#CCC 1px dashed;padding:5px 8px;background:url(../images/shu.png) no-repeat left;}
#footer .gt{background:url(../images/gt.gif) no-repeat left;padding-left:20px}
#footer a:link, a:visited{color:#808080;}
#footer a:hover{color:#195a94;}
#footer p{text-align:left;color:#808080; display:block;clear:both;margin-top:-5px}

/* ------------------------ all css ------------------------ */
.top_banner{ width:1000px; margin:0 auto;}
.searchs{width:163px;}
.selects{width:163px;}
.searcht{width:159px;height:18px; border:#000 1px solid;margin:15px 0; background-color:#FFF}
.searchi{width:60px;height:22px;line-height:22px;border:#000 1px solid;padding:0 4px 4px 4px; background-color:#FFF}

.pages{width:100%;padding:5px 0; text-align:center;margin-top:10px;color:#000}
.pages a{padding:0 3px; text-decoration:underline}
.pages a:hover{color:#000;text-decoration:none}

