﻿/* CSS Document */
html,body{
   margin:0px;
   font-family:'宋体',Arial, Helvetica, sans-serif;
   font-size:12px;
   background-color:#FFFFFF;
   }
*{
   padding:0;
   margin:0;
   }
/*It is container*/
ul, li { list-style:none; }
#container{
   width:960px;
   margin:0 auto;
   }    
#header{
   width:960px;
   float:left;  
   height:175px;
   }
.logo{
width:960px;
height:114px;
float:left;
padding-bottom:2px;}
.menu{
width:708px;
height:27px;
float:left;
padding-top:2px;
padding-left:2px;
background-color:#993400;
}
.tiao{
width:960px;
height:30px;
font-size:12px;
color:#FFFFFF;
line-height:30px;
background-color:#CC0001;
border-bottom:solid 1px; #ffffff;}

.tiao1{
height:30px;
padding-left:10px;
font-size:12px;
color:#FFFFFF;
line-height:30px;
}
.tiao1 a{
   color:#ffffff;
   text-decoration:none;
   }
.tiao1 a:hover{
   color:#ffffff;
   } 
.tiao2{
height:30px;
padding-left:20px;
font-size:12px;
float:right;
color:#FFFFFF;
line-height:30px;
background-color:#CC0001;
}

.tiao a{
   color:#ffffff;
   text-decoration:none;
   }
.tiao a:hover{
   color:#ffffff;
   } 




.menunew{
width:960px;
height:33px;
float:left;

background-image:url(../img/menubj1.jpg);
background-repeat:repeat-x;
}
.search{
width:250px;
float:left;
padding-top:2px;
height:27px;
background-color:#993400;}
.search-l{
width:60px;
float:left;
font-size:12px;

line-height:27px;
color:#FFFFFF;
height:27px;
}
.search-c{
width:100px;
float:left;
height:25px;
padding-top:2px;
}
.search-r{
width:60px;
float:left;
padding-top:3px;
height:24px;
}

#demo {
background: #FFF;
overflow:hidden;

width: 375px;
}
#demo img {
border: 0px solid #000000;
}
#indemo {
float: left;
width: 500%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}

#demo4 {
background: #FFF;
overflow:hidden;

width: 375px;
}
#demo4 img {
border: 0px solid #000000;
}
#indemo1 {
float: left;
width: 500%;
}
#demo5 {
float: left;
}
#demo6 {
float: left;
}





.long{
width:90px;
height:17px;
float:left;}
.long1{
width:90px;
height:17px;
float:left;}


#content{
   width:960px;
   float:left;
   height:100%;
   padding-top:10px;   
   }
#content1{
   width:960px;
   float:left;   
   }   
   
   
   
#content-left{
   width:197px;
   float:left;  
   padding-right:18px;   
   }
   
   
#content-left1{
   width:197px;
   float:left;
   padding-bottom:10px;
   }  
#content-left-conpany{
   width:197px;
   float:left;
   height:165px;
   padding-bottom:10px;
   }  
     
     
#content-left2{
   width:197px;
   height:190px;
   float:left;
   padding-bottom:10px;
   }   
.box-content-left-top{
width:197px;
height:680px;
float:left;}   
.box-content-left-bottom{
width:197px;
height:208px;
float:left;}     
   
.product-menu{
width:197px;
height:29px;
float:left;
padding-bottom:3px;
background-image:url(../img/mulu.jpg);
background-repeat:no-repeat;}

.product-menu1{
width:167px;
height:29px;
float:left;
padding-bottom:3px;
line-height:29px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
padding-left:30px;
background-image:url(../img/mulu.jpg);
background-repeat:no-repeat;} 



   
.product-box{
width:197px;
float:left;
}   

.leftboxguai{
width:197px;
height:100%;
float:left;
background-color:#F1F1F1;}

#nav1 {height:20px;list-style:none;float:left;
width:197px;}
#nav1 li{float:left;font-size:14px; line-height:20px;
margin-bottom:1px;
width:197px;}
#nav1 li a{color:#696969;text-decoration:none;display:block;width:160px;height:20px;
padding-left:37px; background: url(../img/img1.jpg) no-repeat;}
#nav1 li a:hover{color:#FFF;background: url(../img/img2.jpg) no-repeat;}   

#nav01 {height:30px;list-style:none;float:left;
width:197px;}
#nav01 li{float:left;font-size:14px;
font-weight:bold;line-height:30px;
margin-bottom:1px;
width:197px;}
#nav01 li a{color:#696969;text-decoration:none;display:block;width:160px;height:30px;
padding-left:37px; background: url(../img/img010.jpg) no-repeat;}
#nav01 li a:hover{color:#FFF;background: url(../img/img020.jpg) no-repeat;} 


.cls_container{width:167px;height:432px;overflow:hidden;}
.cls_container ul{list-style-type:none;margin:0;padding:0;}
.cls_container ul li{height:72px;width:167px;float:left;display:inline;}    


 
.product-tec{
width:197px;
height:29px;
float:left;
padding-top:10px;

 }     
.tec{
width:167px;
height:148px;
padding:15px 14px 15px 14px;
   border:1px solid #E0E0E0;
   border-width:0px 1px 1px 1px;
float:left;}   
   
    
#content-right{
   width:745px;
   float:right;  

   }   
.img{
width:745px;
height:220px;
float:right;
padding-bottom:10px;}   
   
.box{
width:745px;
float:left;
height:198px;
padding-top:10px;
}  
.box-left{
width:374px;
float:left;
height:198px;
padding-right:23px;
}   
.box-right{
width:348px;
float:left;
height:198px;
}  
 
.news-top{
width:374px;
height:22px;
float:left;}
.news-box{
   width:352px;
   height:165px;
   float:left;
   padding-left:20px;
   padding-top:10px;
   border:1px solid #E0E0E0;
   border-width:0px 1px 1px 1px;}
.news1-top{
width:348px;
height:22px;
float:left;}
.news1-box{
   width:326px;
   height:165px;
   padding-top:10px;
   padding-left:20px;
   float:left;
   border:1px solid #E0E0E0;
   border-width:0px 1px 1px 1px;}
.txtimg{
width:9px;
height:20px;
padding-top:10px;
padding-right:10px;
float:left;}   
   
.txt{
width:330px;
height:30px;
float:left;
font-size:12px;
line-height:30px;
background-image:url(../img/news-bj.jpg);
background-repeat:repeat-x;}
.txt a{
   color:#333333;
   text-decoration:none;
   }
.txt a:hover{
   color:#ff0000;
   } 
.txt1{
width:150px;
height:30px;
float:left;
font-size:12px;
line-height:30px;
background-image:url(../img/news-bj.jpg);
background-repeat:repeat-x;}
.txt1 a{
   color:#333333;
   text-decoration:none;
   }
.txt1 a:hover{
   color:#ff0000;
   } 
.news2-left{
width:150px;
height:165px;
float:left;
padding-right:18px;}
.news2-right{
width:147px;
height:172px;
padding-right:10px;
float:left;}
.products-box{
width:960px;
height:100px;
padding-top:10px;
float:left;
}

.products-box1{
   width:958px;
   height:90px;
padding-top:20px;
   float:left;
   border-left:1px solid #E0E0E0;
   border-right:1px solid #E0E0E0;
   border-top:2px solid #CC0001;
   border-bottom:1px solid #E0E0E0;
  }

.rongyu-box{
width:745px;
height:230px;
padding-top:15px;
float:left;
}
.rongyu-top{
width:745px;
height:25px;
float:left;
}
.rongyu-box1{
   width:723px;
   height:190px;
   line-height:23px;
   font-size:12px;
   color:#666666;
   padding-left:20px;
   float:left;
   border:1px solid #E0E0E0;
   border-width:0px 1px 1px 1px;}
.rongyu-box1 a{
   color:#0064AA;
   text-decoration:none;
   }
.rongyu-box1 a:hover{
   color:#ff0000;
   }

/*It is footer*/
#footer{
   width:960px;
   float:left;
   padding-top:15px; 
   }

.youqing-top{
   width:960px;
   height:32px;
   float:left;
   }
.youqing-box{
   width:928px;
   height:30px;
   padding-left:30px;
   padding-top:10px;
   border:1px solid #E0E0E0;
   border-width:0px 1px 1px 1px;
   float:left;
   }
.youqing-box a{
   color:#333333;
   text-decoration:none;
   }
.youqing-box a:hover{
   color:#ff0000;
   }   
.fooder-img{
width:960px;

float:left;}

.jiameng1{
width:680px;
height:100px;
float:left;
border-top:#999999 dashed 1px;}
.jiameng2{
width:680px;
height:100px;
float:left;
border-top:#999999 dashed 1px;
border-bottom:#999999 dashed 1px;}

.jiameng3{
width:80px;
height:100px;
text-align:center;
font-size:14px;
font-weight:bold;
line-height:100px;
float:left;
color:#FF6600;
font-family:Arial, Helvetica, sans-serif;
}
.jiameng4{
width:150px;
height:100px;
text-align:center;
font-size:12px;
color:#FF6600;
font-family:Arial, Helvetica, sans-serif;
line-height:100px;
float:left;
}

.jiameng5{
width:450px;
height:100px;
font-size:12px;
text-align:left;
line-height:30px;
color:#666666;
float:left;
}
.jiameng6{
width:80px;
height:100px;
text-align:center;
font-size:30px;
font-weight:bold;
line-height:100px;
float:left;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
}
.jiameng7{
width:550px;
height:100px;
font-size:12px;
text-align:left;
line-height:30px;
color:#666666;
float:left;
}
.jiameng8{
width:680px;
float:left;
border-top:#999999 dashed 1px;}
.jiameng8 a{
   color:#FF6600;
   }
.jiameng8 a:hover{
   color:#ff0000;
   } 

.page{
float:left;
}
.page a{
   color:#333333;
   }
.page a:hover{
   color:#ff0000;
   } 
