@charset "utf-8";
/* CSS Document */
@import url("skin.css");
@import url("online.css");
/* CSS Document */
body{margin:0;padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center;}
ul{ list-style:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,dl{ margin:0; padding:0;}
a{text-decoration:none;}
br{ clear:both; height:0px; margin:0; padding:0;}
img{ border:none;}
.left-title{ font-size:14px; font-weight:bold; height:30px; padding-top:7px; padding-left:28px;}
.right-title{ font-size:14px; font-weight:bold; height:30px; padding-top:7px; padding-left:28px;}
#content{width:1003px;margin:0 auto; text-align:left;}
#top{ overflow:hidden;}
#top .logo{float:left; padding-top:35px;}
.banner{ height:379px; padding-top:25px; margin-top:25px;}
.banner img{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#top .top-right{ height:30px; float:right; margin-top:25px; margin-right:20px; padding-top:15px;}

#content .nav{ padding-top:25px;     display: table;
    margin: 0 auto;}

#content .nav ul li{border: 1px solid #fff;background: #eaeaea; border-radius:50px; margin: 0 10px;float:left; line-height: 45px;}

#content .nav ul li a{ display:block; padding:0 25px; text-align:center; font-weight:blod; font-size:14px}
#content .nav ul li a:hover{  display:block; }
#content .nav ul li :hover{border-radius:50px; }

/*#content .nav ul{ height:30px; padding-left:25px;}
#content .nav ul li{ width:auto; float:left; font-weight:bold; font-size:14px;}
#content .nav ul li a{float:left; display:block; padding:7px 20px 5px; font-weight:blod;}
#content .nav ul li a:hover{  display:block; padding:8px 20px 6px;}*/

#index-content{ padding-top:30px; overflow:hidden;}
#index-content .index-left{ width:210px; float:left; overflow:hidden; padding-left:20px; list-style-type:none;} 
#index-content .index-left .left-menu{ margin-bottom:8px;}
#index-content .index-left .left-menu .left-content dt{ line-height:28px; font-weight:bold; font-size:14px; width:263px;}
#index-content .index-left .left-menu .left-content dt a{display:block; }
#index-content .index-left .left-menu .left-content dt:hover{ display:block;}
/*#index-content .index-left .left-menu .left-content ul ul{ padding:0;}*/
#index-content .index-left .left-menu .left-content .dd{  font-weight:normal; font-size:12px; width:263px; height:25px; }
/*#index-content .index-left .left-menu .left-content ul li:first-child{ border:none;}*/
#index-content .index-left .left-menu .left-content .dd a{display:block; }
#index-content .index-left .left-menu .left-content .dd a:hover{display:block;}
#index-content .index-left .left-menu .left-content .new{ padding-bottom:6px;}
#index-content .index-left .left-menu .left-content #web-sidebar{ padding-bottom:5px;}
#index-content .index-left .left-menu .left-content .new li{font-weight:normal; padding-left:7px; font-size:12px}
#index-content .index-right{ width:750px; float:right; overflow:hidden;}
#index-content .index-right .right-content{ margin-bottom:8px;}
#index-content .index-right .right-content .right-title{ width:700px; }
#index-content .index-right .right-content .right-title:first-letter{text-transform:uppercase;}
#index-content .index-right .right-content .rightcontent{ width:700px; text-align:justify; line-height:16px; padding:10px 0 10px 10px;  word-wrap:break-word; }
#index-content .index-right .right-content .rightcontent ul{ padding:7px 0 0 4px; margin-bottom:10px; overflow:hidden;}
#index-content .index-right .right-content .rightcontent ul li{width:160px; padding:1px; float:left; display:inline; margin: 3px 5px 15px 5px;text-align:center;}
#index-content .index-right .right-content .aboutus{ width:700px; text-align:justify; line-height:16px; padding:10px 3px 10px 13px; }
#index-content .index-right .right-content .rightcontent ul li .productname{padding-top:3px;}

#index-content .index-right .right-content1{ margin-bottom:8px; width:305px; padding-left:15px;}
#index-content .index-right .right-content1 .right-title{ width:280px; }
#index-content .index-right .right-content1 .right-title:first-letter{text-transform:uppercase;}
#index-content .index-right .right-content1 .rightcontent{ width:280px; text-align:justify; line-height:16px; padding-left:15px;}
#index-content .index-right .right-content1 .rightcontent ul{ padding:7px 0 0 4px; margin-bottom:10px; overflow:hidden;}
#index-content .index-right .right-content1 .rightcontent ul li{width:100px; height:100px; padding:1px; float:left; display:inline; margin: 3px 5px 15px 5px;text-align:center;}
#index-content .index-right .right-content1 .aboutus{ width:280px; text-align:justify; line-height:16px; padding:10px 3px 10px 13px; }
#index-content .index-right .right-content1 .right-title .more{ font-size:10px; position:relative;  top:-15px; text-align:right; right:20px;}
#index-content .index-right .right-content1 .rightcontent1 .prodes ul li { width:100%; height:auto; text-align:left; list-style:decimal;}

#foot{ text-align:center; width:1003px; height:130px; padding-top:30px;}
#foot ul li{ display:inline; padding:0 6px 0;}
#index-content .index-right .right_content .new li{ height:20px; padding-left:8px; padding-top:3px; padding-bottom:3px; border-bottom:1px dashed #CCCCCC; margin:0px 20px 5px 20px;}
#index-content .index-right .right_content ul{ margin-top:5px;}
#index-content .index-right .right-content .right-title .more{ font-size:10px; position:relative;  top:-15px; text-align:right; right:20px;}
.smallbanner{ border:solid 0px; padding:0px; margin-bottom:5px;}
.cla{ clear:both; height:0px; float:none; line-height:0px;}
.info_img{ margin:0 auto; padding:0 auto; text-align:center;}
h1,h3{ font-size:12px;}
.page{ text-align:center;}
table{  border-collapse:collapse;  border-spacing:0;  }   
th,td{  padding:0;  }
#index-content .index-right .right-content .rightcontent .prodes ul li { width:100%; height:auto; text-align:left; list-style:decimal;}