/* common */
*{ margin:0; padding:0; font-size:12px;}
body{ margin:0; padding:0;}
a{ text-decoration:none; color:#3c3c3c;}
a:hover{text-decoration:underline;}
.clear{ clear:both;}
/*top*/
.pagebox{ width:976px; margin-left:auto; margin-right:auto;}
.top1{ height:56px; width:100%;}
.top2{ height:8px; width:976px; background:#fd8550; overflow:hidden;}
.top3{ height:56px; width: 750px; float:left;}
.logo{ width:106px; height:45px; float:left; background-image:url(../img/logo.gif); margin-top:7px;}
.tell{ width:109px; height:45px; float:left; background-image:url(../img/telephone.GIF); margin-top:7px;}
.date{ height:22px; width:100%; text-align:right;  padding-top:5px;}

#home .nav li#nav1 a,
#about .nav li#nav2 a,
#Union .nav li#nav3 a,
#join .nav li#nav4 a,
#service .nav li#nav5 a,
#contact .nav li#nav6 a
{
background-image:url(../img/bg_nav1.gif);
color:#fff; 
}
.nav{ height:29px; width:750px;}
.nav li{ 
display:inline; 
}
.nav li a{
margin:0 10px 0 0; 
font-size:14px; 
font-weight:bold; 
color:#000;
background-image:url(../img/bg_nav2.gif); 
float:left;
width:101px; 
height:21px;
text-align:center;
padding-top:8px; 
}
.nav li a:hover{ 
text-decoration:underline;
background-image:url(../img/bg_nav3.gif); 
}

/*main*/
.searchbox{width:976px; height:30px; margin:5px 0 5px 0; color:#42447d;}
.webmaptxt{ float:left; width:300px; padding-top:8px;}
.searchform{float:left; width:676px; text-align:right;}
.sidebox1{width:218px; float:left;}
.mainbox1{ width:518px; float:left; margin:0 0 0 11px;}
.newsbox1{ width:218px; float:left; margin:0 0 0 11px;}
.sidebox{width:200px; float:left;}
.mainbox{ width:518px; float:left; margin:0 0 0 11px;}
.newsbox{ width:236px; float:left; margin:0 0 0 11px;}
.productnav1{ width:216px; border:1px solid #ca8889;}
.productnavlist1{ width:190px; padding:0 12px 0 12px;}
.productnavlist1 p{ color:#42447d; line-height:180%;}
.productnavlist1 p a{ color:#42447d;}
.productnavlist1 h4{ padding-top:15px; font-size:13px; color:#313131;}
.productnavlist1 h4 span{ margin:0 0 0 60px;font-weight:normal;}
.productnavlist1 h4 span a{ font-weight:normal; font-size:12px; color:#313131;}
.productnav{ width:198px; border:1px solid #ca8889; height:620px;}
.productnav123{ width:198px; border:1px solid #ca8889; height:565px;}
.productnavlist{ width:174px; padding:0 12px 0 12px;}
.productnavlist p{ color:#42447d; line-height:180%;}
.productnavlist p a{ color:#42447d;}
.productnavlist h4{ padding-top:15px; font-size:13px; color:#313131;}
.productnavlist h4 span{ margin:0 0 0 60px;font-weight:normal;}
.productnavlist h4 span a{ font-weight:normal; font-size:12px; color:#313131;}
.productnav2{ width:198px; border:1px solid #ca8889; height:620px;}
.productnavlist2{ width:174px; padding:0 12px 0 12px;}
.productnavlist2 p{ color:#42447d; line-height:180%;}
.productnavlist2 p a{ color:#42447d;}
.productnavlist2 h4{ padding-top:15px; font-size:13px; color:#313131;}
.productnavlist2 h4 span{ margin:0 0 0 60px;font-weight:normal;}
.productnavlist2 h4 span a{ font-weight:normal; font-size:12px; color:#313131;}

.productnav3{ width:198px; border:1px solid #ca8889; height:620px;}
.productnavlist3{ width:188px; padding:0 3px 0 3px;}
.productnavlist3 p{ color:#42447d; line-height:180%;}
.productnavlist3 p a{ color:#42447d;}
.productnavlist3 h4{ padding-top:15px; font-size:13px; color:#313131;}
.productnavlist3 h4 span{ margin:0 0 0 60px;font-weight:normal;}
.productnavlist3 h4 span a{ font-weight:normal; font-size:12px; color:#313131;}
.casebox,.productbox{width:516px; border:1px solid #ca8889;}
.productbox{ margin-top:5px;}
.casecontainer{ width:506px; padding:0 0 0 10px; height:127px;}
.caselist{ width:119px; float:left; margin-right:5px;}
.caselist img{border:1px solid #e6e6e6; margin:8px 0 8px 0;}
.caselist h4{ font-size:12px; color:#313131; font-weight:normal; text-align:center;}
.productcontainer{ width:486px; padding:0 0 0 25px;}
.productlist{ width:119px; float:left; margin:0 30px 0 10px; display:inline;}
.productlist img{border:1px solid #e6e6e6; margin:8px 0 8px 0;}
.productlist h4{ font-size:12px; color:#313131; font-weight:normal; text-align:center;}


.columnsbar,.columnsbar2,.columnsbar3,.columnsbar4{ 
width:100%; 
background:#ffdcd8; 
height:20px; 
color:#a81a18; 
font-weight:bold; 
padding-top:5px; 
text-align:center; 
font-size:13px;
border-bottom:1px solid #fdc2bc;
}
.columnsbar2,.columnsbar3,.columnsbar4{
text-align:left;
text-indent:20px;
}
.columnsbar2 span,.columnsbar3 span{ 
margin-left:370px;
font-weight:normal;
}
.columnsbar2 span a,.columnsbar3 span a{ 
color:#a81a18; 
}
.columnsbar2 span,.columnsbar3 span{ 
margin-left:370px;
font-weight:normal;
}
.columnsbar3 span{ 
margin-left:100px;
font-weight:normal;
}
.columnsbar4 span{ 
margin-left:90px;
font-weight:normal;
}
.columnsbar3 span a,.columnsbar4 span a{ 
color:#a81a18; 
}



/*right*/
.news{
width:216px;
border:1px solid #ca8889;
}
.news ul{ margin-left:10px; margin-bottom:10px;}
.news li{
list-style:none;
padding:10px 0 0 0
}

.news2{
margin-top:5px;
width:216px;
border:1px solid #ca8889;
}
.news2 ul{ margin-left:10px; margin-bottom:10px;}
.news2 li{
list-style:none;
padding:10px 0 0 0
}

.flashbox{ border:3px solid #f37a72; margin-top:5px;}
.footbox{
margin-left:auto;
margin-right:auto;
margin-top:5px;
width:974px;
border:1px solid #ca8889;
line-height:200%;
padding:10px 0 10px 0;
text-align:center;
}

/**/
.pagebox2{
width:763px;
float:left;
border:1px solid #ca8889;
margin-left:11px;
height:630px;
}
.pagebox1232{
width:763px;
float:left;
border:1px solid #ca8889;
margin-left:11px;
height:631px;
}
.pagebox33{
width:763px;
float:left;
border:1px solid #ca8889;
margin-left:11px;
height:648px;
}
.pagebox18{
width:763px;
float:left;
border:1px solid #ca8889;
margin-left:11px;
height:631px;
}
.pagebox6{
width:763px;
float:left;
border:1px solid #ca8889;
margin-left:11px;
height:565px;
}
.pagebox8{
width:763px;
float:left;
border:1px solid #ca8889;
margin-left:11px;
height:686px;
}
.pagebox9{
width:763px;
float:left;
border:1px solid #ca8889;
margin-left:11px;
height:686px;
}
.content{
width:700px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
line-height:160%;
}
.content h3{ 
font-size:16px; 
color:#03f; 
text-align:center; 
position:relative; 
padding:30 0 30 0;
}
.content h4{ 
font-size:12px; 
color:666; 
text-align:center; 
position:relative; 
padding:0 0 30 0; 
font-weight:normal;
}
.content h4 span{ color:#FF3300;}
.content ul{}
.content li{
font-size:14px;
padding:10px 0 5px 0;
border-bottom:1px dashed #e6e6e6;
list-style:none;
}
.content li a{ font-size:13px;}
.content li span{ color:#666;}
.content1{
width:600px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
line-height:160%;
}
.content1 h3{ 
font-size:16px; 
color:#03f; 
text-align:center; 
position:relative; 
padding:30 0 30 0;
}
.content1 h4{ 
font-size:12px; 
color:666; 
text-align:center; 
position:relative; 
padding:0 0 30 0; 
font-weight:normal;
}
.content1 h4 span{ color:#FF3300;}
.content1 ul{}
.content1 li{
font-size:14px;
padding:10px 0 5px 0;
border-bottom:1px dashed #e6e6e6;
list-style:none;
}
.content1 li a{ font-size:13px;}
.content1 li span{ color:#666;}
.pagelist{ 
width:600px;
margin:20px auto auto auto;}
.shutnews{ 
width:600px;
margin:15px auto auto auto;
text-align:right;
}