﻿/* CSS Document */
/*background:url(images/prdh.png) repeat-x;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/prdh.png');_background:none*/
body{font-size:12px;font-weight:100;text-align:center;margin:0;color:#617b92; background:#c1d8c2; font-family:Arial; font-size:12px}
.zawl{margin:0px auto;  width:1146px; text-align:left;line-height:18px;overflow:hidden}
ul,li,form,p,h4,h1,h2,h3,form,hr{margin:0;padding:0;list-style:none;}
p{margin:0;padding:0}
a{text-decoration:none;color:#333;blr:expression(this.onFocus=this.blur())}
a:hover{color:#000}
li{list-style:none;margin:0}
img{border:0;margin:0}
area{ cursor:pointer}
button{ background:none;width:98px; border:0}
.clearF{clear:both;}

/*======================================*/
/*-----中间横排容器名称定义------*/
.w1, .w2, .w3, .w4, .w5{float:left;height:auto}
/*-----定义他们的宽度------*/
.w1{width:20%}
.w2{width:60%}
.w3{width:20%}
.w2 .in{padding:0 10px;}

/*-----
以上全局定义结束，
要实现复杂的布局，书写css的时候，直接加上在zawl类的子类和当前类以覆盖全局定义中=后的设置
如果二列布局，则:
.i_3 .c2{width:80%}
.c2 .in{padding-left:10px;}
------*/
/*======================================*/

/*-----
主体css开始或者直接写在文档中
------------------------------------------------------------------------------
------*/
/*头部*/

.h1, .h1 .w1, .h1 .w2, .h1 .w3, .h1 .w4, .h1 .w5{ height:156px; _height:176px; } 
.h1{background:url(/images/top_bg.jpg) no-repeat} 
.h1 .w1{ width:78px; background:url(/images/index1_02.png) no-repeat;#background:none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/index1_02.png);} 
.h1 .w2{ width:255px; background:url(/images/logo.png) bottom no-repeat; #background:none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/logo.png); } 
.h1 .w3{ width:767px; } 
.h1 .w3 ul{margin-top:40px;} 
.h1 .w3 ul li.nav{height:35px; font: bold 16px/35px Tahoma; margin-bottom:20px} 
.h1 .w3 ul li.sea{height:38px; } 
.h1 .w3 ul li.nav a{ margin:0 7px; text-decoration:underline} 
.h1 .w3 ul li.nav a:hover{ color:red} 
.h1 .w3 ul li.sea div.out{width:580px;background:url(/images/searchC.gif) repeat-x;} 
.h1 .w3 ul li.sea div.s1{width:10%;float:left; height:38px; background:url(/images/searchL.gif) left no-repeat; text-align:center} 
.h1 .w3 ul li.sea div.s2{width:70%;float:left; height:38px; background:none; height:32px;padding-top:6px; }
.h1 .w3 ul li.sea div.s3{width:20%;float:left; height:38px; background:url(/images/searchR.gif) right no-repeat;height:34px;padding-top:4px; } 
.h1 .w5{ width:46px; } 


/*底部*/
.h10{height:140px;} 
.h10 .w1{width:78px;} 
.h10 .w2{width:1022px; height:140px;background:#daf1e4;  border-bottom:2px solid #6c949e} 
.h10 .w2 ul{padding:20px; text-align:center; color:#000} 
.h10 .w5{width:46px;} 




