body {  text-align:center; color:#555555; font-family:Arial, Helvetica, sans-serif, "宋体"; }

h1 { font-size:14px; background:url(../images/sidebarbg01.jpg) no-repeat top; margin-bottom:10px; height:24px; line-height:24px; padding-left:10px;  color:#FFFFFF; text-align:left;}
h2 { display:block; font-size:14px; color:#000; height:30px; border-bottom:#FFFFFF solid 1px;}
h3 { display:block; height:22px; border-bottom:#fc7215 solid 2px;}
h4 { }
h5 { }
h6{ height:30px; line-height:30px; border-bottom:#FFFFFF solid 1px; font-size:12px; margin-bottom:20px;}

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

.more01{ float:right; font-weight:100; padding-right:10px; }
.more01 a{ color:#666666}
.more01 a:hover{ color:#FF9900}



#index{ background:#000000;}
.flash{ height:450px; text-align:center; margin:30px auto; }
.bottom01{ background:url(../images/bottom01.jpg); height:80px; line-height:80px; color:#000000; text-align:center;}

#container { margin:0 auto; text-align:center; width:1004px; border:#FFF solid 1px;overflow:hidden; background:#000000 url(../images/top01.jpg) repeat-x top;}
#header { height:168px; width:1004px; background:url(../images/top02.jpg) no-repeat top; }
#logo { height:113px; color:#FFFFFF; text-align:right; padding-right:50px;}
#logo a{ color:#FFFFFF}
#logo a:hover{ color:#000000;}
.t01{ height:30px; width:340px; line-height:30px;}
.t02{ height:53px; width:340px; padding-top:30px;}

#banner { background:url(../images/banner01.jpg) repeat-x; height:370px;  width:100%; margin:0 auto; text-align:center; padding-top:10px;}
#banner01 { background:#000000; height:361px;  width:100%; margin:0 auto; text-align:center;}


#contentout {width:100%; margin:0 auto; text-align:center; background:#e3e3e3 url(../images/bg01.jpg) repeat-x top;}
#contentin{ width:1000px; text-align:left; padding:20px 0}

#sidebar { float:left; width:200px;}
.login{ background:url(../images/login.jpg) no-repeat top left; padding:10px 5px; color:#000000;}

#main { float:right; width:760px;}

#footernav{width:100%; color:#FFFFFF; height:38px; line-height:38px;}
#footernav a{ color:#FFFFFF;}
#footernav a:hover{ color:#FF9900;}
#footer { width:100%; background:url(../images/bottom01.jpg) ; padding:10px; font-size:12px; line-height:200%; text-align:center; color:#000000;}
#footer a{color:#000000}
#footer a:hover{color:#FFFFFF}
.more {float:right; font-size:12px; font-weight:100;}
.position{ float:right; padding-right:10px;}

ul.news01 li{ line-height:26px; border-bottom:#CCCCCC solid 1px;}


.photo01{ width:880; height:200px; padding:30px 40px; border-bottom:#fc7215 solid 2px; border-top:#fc7215 solid 2px;}
ul.photo li{ float:left;  padding:10px;}

ul.project01 li{ float:left; display:block; width:190px; height:210px; text-align:center;}
ul.project01 li img{ padding:2px; border:#CCCCCC solid 1px; }



/*首页*/
.a01{ height:200px; width:960px; border-bottom:#FFFFFF solid 1px;}
.homeshow{ float:left; width:220px; padding:15px;}
.homenews{float:left;width:448px; border-right:#FFFFFF solid 1px; border-left:#FFFFFF solid 1px; padding:15px;}
.homeaboutus{float:left;width:200px; padding:15px;}
.a02{width:960px;}
.homeproducts{ float:left; width:729px; padding:15px 0; border-right:#FFFFFF solid 1px;}
.homejoin{ float:right; width:200px; padding:15px;}
.login01{ padding:20px 0; border-top:#FFFFFF solid 1px; margin-top:10px;}


/*下拉菜单*/
#navigation { height:32px; width:1004px;}
#navigation ul { display:block; margin-top:0px; float:left;}
#navigation li { float:left; display:block; position:relative; height:32px; }
#navigation li a { background:url(../images/n01.jpg)  no-repeat top left; display:block; height:30px; width:91px; line-height:30px; font-size:12px; color:#cccccc; text-align:center; }
#navigation li a:hover { color:#fc7215; background:url(../images/n02.jpg) no-repeat top left;}

#navigation li ul { display:none; position:absolute; top:2px; padding-top:30px; height:24px; width:450px;}
#navigation li ul li { float:left;}
#navigation li ul li a { display:block; width:90px; height:24px; font-size:12px; color:#fff; text-decoration:none;  background:url(../images/n03.jpg)  no-repeat top left; }
#navigation li ul li a:hover { color:#FF9900; height:24px; background:none; background:url(../images/n04.jpg)  no-repeat top left; }

#navigation li ul.aboutus{ display:none; position:absolute; top:2px; left:-90px; padding-top:30px; height:24px; width:630px;}
#navigation li ul.project{ display:none; position:absolute; top:2px; left:0px; padding-top:30px; height:24px; width:180px;}
#navigation li ul.hr{ display:none; position:absolute; top:2px; left:-90px; padding-top:30px; height:24px; width:270px;}
#navigation li ul.contact { display:none; position:absolute; top:2px; left:-90px; padding-top:30px; height:24px; width:180px;}

#menu{width:100%; text-align:left; font-size:12px; padding:10px 0px;}
#menu li{ display:block; padding-bottom:10px}
#menu li a{ display:block; padding-left:10px; color:#333; height:20px; line-height:20px; background:url(../images/menu02.jpg) no-repeat left top;}
#menu li a:hover{ color:#fc7215; background:url(../images/menu01.jpg) no-repeat left top;}


#menu li a.now{ display:block; padding-left:10px; color:#fff; height:20px; line-height:20px; background:url(../images/menu01.jpg) no-repeat left top;}
#menu li a.now:hover{ color:#fc7215; background:url(../images/menu01.jpg) no-repeat left top;}

.products li{ height:250px; width:170px; float:left; text-align:center;}

/*滑动门01*/
ul.menu0 { width:440px; height:23px; border-bottom:1px solid #fc7215;}
ul.menu0 li { float:left; width:100px; height:23px; line-height:23px; text-align:center; color:#000; font-size:12px; display:inline; cursor:pointer; background:url(../images/new002.jpg) no-repeat top left; }
ul.menu0 li.hover { background:url(../images/new001.jpg) no-repeat top left; color:#fc7215; font-weight:bold; }
#con0 dir { display: none; width:420px; height:130px; margin:10px;}
#con0 dir.block { display: block; }

#con0 dir ul li{ float:left; display:block; width:210px; height:25px; line-height:25px; }


/*滚动新品*/
.rollbox{width:700px;overflow:hidden;float:left;height:270px;display:inline; padding-left:15px;}
.rollbox .jt{float:left;width:20px;height:20px; text-align:center; display:inline;margin-top:80px;cursor:pointer}
.rollbox .Cont{width:660px;float:left;display:inline;overflow:hidden;height:250px}
.rollbox .ScrCont{width:10000px;padding:6px 0 0 0}
#List1,#List2{float:left;}
.rollbox .Cont li{float:left;width:180px; height:223px ;display:inline;text-align:center; background:url(../images/photo02.jpg) no-repeat center;}
.photo001{padding:2px 0 10px 0;}


.cls_intro{width:700px; height:195px; overflow:hidden; float:left; margin-left:15px;}
.cls_scroll_left{float:left;width:17px;height:195px;display:inline;cursor:pointer}
.cls_scroll_middle{width:660px;height:195px;float:left;display:inline;overflow:hidden;}
.cls_scroll_right{float:left;width:17px;height:195px;display:inline;cursor:pointer}
.cls_scroll_child ul{margin:0px;padding:0;}
.cls_scroll_child ul li{float:left;display:inline;width:180px;height:195px; margin-left:10px !important; margin-right:11px !important;margin-left:9px; margin-right:9px; margin-top:5px; margin-bottom:0px; font-size:12px; background:url(../images/photo02.jpg) no-repeat 10px 2px; text-align:center;}
.cls_scroll_child ul li img{border:3px solid #FFF; margin-top:8px;}