@charset "utf-8";

body{ background:#fff url(../images/bg00.jpg) repeat-x top; text-align:center;color:#000; line-height:200%; font-family:Arial, Helvetica, sans-serif, "宋体";}

h1{ display:block; height:30px; font-size:14px; color:#00b0b1; display:block; border-bottom:#CCCCCC solid 1px; margin-bottom:20px;}
h2{ font-size:14px; color:#fff; line-height:24px; height:24px; background:#89847c; font-style: italic; padding-left:20px; border-bottom:#FFFFFF solid 1px;}
h3{ font-size:12px; color:#555; line-height:24px; height:24px; background:#cccccc; font-style: italic; padding-left:20px; border-bottom:#FFFFFF solid 1px; padding-right:10px;}
h4{ font-size:12px; color:#000;}
h5{font-size:16px; color:#a30b0f;}


a:link, a:visited{color:#666;text-decoration: none;}
a:hover, a:active{color:#ff0000;}

.line{ display:block; margin-top:10px; height:30px; line-height:30px; border-top:#CCCCCC  double 3px;}
.button01{ background:url(../images/arrow02.jpg); height:20px; width:20px; border:none;}
.more{float:right; padding-right:10px;}
/**********************************************************布局样式**********************************************************************************/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝容器container＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#container{width:1000px;margin:0 auto;text-align:left;}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝头部区 start＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#header{background:url(../images/bg01.jpg) no-repeat top center; height:93px; padding-left:720px}
#header a{display:block;height:20px;overflow:hidden;width:60px;padding-top:47px; padding-left:25px;float:left;}

#banner{ height:313px; text-align:center; background:url(../images/bg03.jpg) no-repeat center bottom; margin-bottom:15px;}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝内容区 start＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#indexcontent{width:960px; margin-left:20px; background:#e8e8e8;}
#indexcontent a.indextt{ display:block; height:24px; background:#cccccc; border-bottom:#FFFFFF solid 1px; padding-left:15px; font-style: italic; font-weight: bold; }
#indexcontent a:hover.indextt{ background:#89847c; color:#FFFFFF}
#indexcontent a.more01{ display:block; margin-top:20px; height:24px; width:220px; color:#a30b0f; background:url(../images/arrow03-01.gif) no-repeat center right; }
#indexcontent a:hover.more01{color:#FF0000;  background:url(../images/arrow03-02.gif) no-repeat center right;}
#index01{ width:310px; float:left;}
#index02{ width:338px; float:left; border-left:#FFFFFF solid 1px;  border-right:#FFFFFF solid 1px;}
#index03{width:310px; float:left;}
#indexcontent .main01{padding:20px 15PX;}

ul#products{ }
ul#products li{ display:block; height:180px; width:230px; float:left; text-align:center;}

#content{ width:960px; margin-left:20px;}
#sidebar{ float:left; width:220px;}
#sidebar img{ border-bottom:#FFFFFF solid 2px;}
#main{ float:right; width:738px; color:#666; text-align:right;}
#page{ padding:10px 15px 10px 25px;width:700px; text-align:left;}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝底部版权footer＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#footer{ height:24px; line-height:24px; background:#a8a6a7; color:#FFFFFF; padding-left:20px; margin:2px 20px 3px 20px; }
#footer a{color:#fff;}
#footer a:hover{ color:#333;}


/*--------------------------------------------------------------------------------------------------------------导航菜单navigation--*/

ul#navtop{width:300px;height:30px; margin-top:50px; margin-right:10px; float:right;}
ul#navtop li{float:right;display:inline;padding:0 5px;}

#nav{width:1000px;height:55px;background:url(../images/bg02.jpg) repeat-x top;}
#nav ul{float:left; width:475px;}
#nav ul li{float:left;display:inline;}
#nav ul li a{display:block; line-height:32px; height:55px; font-size:12px; text-decoration:none; width:95px;  text-align:center; color:#999;font-weight:bold;}
#nav ul li a:hover{color:#ff0000;  background:url(../images/bg04.jpg) repeat-x top;}
#nav form{width:280px; height:30px; float:right; color:#CCCCCC; padding-top:2px;}
#nav .text01{ border:#CCCCCC solid 1px;}

.indexnews { float:right;}
.indexnews li a{ display:block; width:480px;}


ul#menu{}
ul#menu li{width:220px;}
ul#menu a{display:block; padding-left:20px; width:200px; height:30px; line-height:30px; background:#e8e8e8; color:#666; border-bottom:#FFFFFF solid 2px;}
ul#menu a:hover{color:#a30b0f; background:url(../images/arrow01.jpg) no-repeat center right;}



ul.news li{ height:35px; line-height:35px; border-bottom:#CCCCCC dashed 1px;}


/*滚动新品*/
.rollbox{width:260px;overflow:hidden;float:left;height:150px;display:inline ; padding-left:10px;}
.rollbox .jt{float:left;width:20px;height:20px;display:inline;margin-top:40px;cursor:pointer}
.rollbox .Cont{width:220px;float:left;display:inline;overflow:hidden;height:100px}
.rollbox .ScrCont{width:10000px;}
#List1,#List2{float:left;}
.rollbox .Cont li{float:left;width:220px;display:inline;text-align:center;}
.rollbox .Cont li img{border:#CCCCCC solid 1px; margin-bottom:5px;}

/*产品展示*/
ul#pageleftnav { width:100%; margin:0; padding:0 }
ul#pageleftnav li {line-height:35px; }
ul#pageleftnav li a {padding-left:30px; background:#dbdbdb url(../images/arrow04.gif) no-repeat left center;display:block; height:35px; line-height:35px; _padding-top:2px; border:#FFFFFF solid 1px;}
ul#pageleftnav li ul li a {padding-left:30px; background:#e8e8e8 url(../images/arrow05.gif) no-repeat left center; display:block; height:30px; line-height:30px; _padding-top:2px; border:#FFFFFF solid 1px;}
ul#pageleftnav li ul li ul li a {padding-left:36px; background:#e8e8e8; display:block; height:30px; line-height:30px; _padding-top:1px;border:#FFFFFF solid 2px; }
.collapsed { display: none; }