﻿/*Http://www.dnyyw.com CSS Document */
*{
margin:0;
padding:0;
list-style:none;
}
body{
font:13px/1.5em Verdana, Arial,Helvetica, sans-serif;
color:#323232;
background:#fff url(../images/bg.jpg) repeat-x;
}
body a{
text-decoration:none;
color:#323232;
}
body a:hover{
color:#00AEEF;
}
img{
border:none;
}
table{
border-collapse:collapse;
}
td{
border:0;
}
label{
padding:3px 0 3px 20px;
display:block;
}
input{
padding:2px 0;
background:none;
border:1px solid #C8C8C8;
}
em{
font-style:normal;
}
button{
border:none;
}
/*================= Top Style =================*/
#wrap,#top, #main ,#flink{
width:953px;
float:left;
margin:0 auto;
}
#wrap{
margin:0 auto;
clear:both;
float:none;
}
#logo{
float:left;
padding:33px 35px 0 14px;
}
#qlink{
float:right;
margin-top:5px;
}
#qlink a{
margin-right:10px;
padding-left:7px;
background:url(../images/arrow1.gif) no-repeat left center;
}
/*================= Nav Style =================*/
#menu{
width:718px;
float:right;
}
#nav {
padding-left:15px;
height: 54px;
line-height:28px;
overflow:hidden;
background:#999;
background:url(../images/menu_bg1.gif) no-repeat;
}
#nav li a {
display: block;
padding:0 15px;
font-size:14px;
text-align:center;
color:#fff;
}
#nav li a:hover{
color:#00AEEF;
background:url(../images/arrow3.gif) left bottom no-repeat;
}
ul#nav #long a:hover{
background:url(../images/arrow4.gif) left bottom no-repeat;
}
#nav li {
float: left;
}
#nav li ul{
padding-left:15px;
line-height: 24px; 
text-align:left;
left: -999px;
width: 686px;
position: absolute;
}
#nav li ul li{
float: left;
}
#nav li ul li a{
padding-top:1px;
font-size:13px;
display: block;
text-align:left;
padding-left:15px;
background:url(../images/ico1.gif) left center no-repeat;
color:#fff;
}
#nav li ul li a:hover,#nav #long ul li a:hover{
margin-top:1px;
color:#FFF;
background:#127CCA;
}
#nav li:hover ul{
left:275px;
}
#nav li.sfhover ul{
left:275px;
}
/*.space{
padding-left:5px;
}*/
.cav {
padding-left:11px;
height:27px;
line-height:27px;
overflow:hidden;
background:url(../images/menu_bg.gif) no-repeat;
}
.cav li a {
display: block;
padding:0 11px;
font-size:12px;
text-align:center;
color:#fff;
}
.cav li a:hover{
color:#fff;
background:url(../images/arrow8.gif) 4px 0 no-repeat;
}
ul.cav #aboutnav a:hover{
background:url(../images/arrow6.gif)  no-repeat;
}
ul.cav #aboutnav1 a:hover{
background:url(../images/arrow7.gif) 5px 0 no-repeat;
}
ul.cav #abouthome a:hover{
background:url(../images/arrow12.gif) no-repeat;
}
ul.cav #abouthome12 a:hover{
background:url(../images/arrow9.gif) 3px 0 no-repeat;
}
ul.cav #long a:hover{
background:url(../images/arrow10.gif) 5px 0 no-repeat;
}
.cav li {
float: left;
}

.cav1 {
padding-left:11px;
height:27px;
line-height:27px;
overflow:hidden;
background:url(../images/menu_bg0.gif) no-repeat;
}
.cav1 li a {
display: block;
padding:0 11px;
font-size:12px;
text-align:center;
color:#fff;
}
.cav1 li a:hover{
color:#fff;
background:url(../images/arrow7.gif) no-repeat;
}
ul.cav1 #long a:hover{
background:url(../images/arrow12.gif) 6px 0 no-repeat;
}
ul.cav1 #long01 a:hover{
background:url(../images/arrow13.gif) 6px 0 no-repeat;
}
ul.cav1 #long02 a:hover{
background:url(../images/arrow11.gif) 3px 0 no-repeat;
}
ul.cav1 #long03 a:hover{
background:url(../images/arrow14.gif) 7px 0 no-repeat;
}
ul.cav1 #long04 a:hover{
background:url(../images/arrow7.gif) 4px 0 no-repeat;
}
.cav1 li {
float: left;
}
/*================= Main Style =================*/
#Mleft{
width:216px;
float:left;
}
#Mright{
width:727px;
position:relative;
margin-left:10px;
float:right;
}
.tab,.ad,.online,.banner,#flink{
margin-top:10px;
}
.ad a{
display:block;
text-align:center;
border:1px solid #E5E5E5;
}
.ad a:hover{
border:1px solid #090;
}
.ad a img{
margin:auto;
}
.tab{
width:216px;
padding-bottom:8px;
background:url(../images/tabbottom.gif) bottom no-repeat;
}
.tab dt{
height:24px;
padding-top:4px;
font-size:14px;
padding-left:30px;
color:#fff;
background:url(../images/tabtitle.gif) no-repeat;
}
.tab dd{
padding:10px;
border:1px solid #e6e6e6;
border-bottom:none;
border-top:none;
}
.tab button{
width:72px;
height:26px;
border:none;
margin-right:10px;
}
/*Banner Style*/
.banner{
width:719px;
border:3px solid #00AEEF;
}
.banner ul{
padding-top:5px;
float:left;
background:#fff;
}
.banner ul li{
width:27px;
padding-top:15px;
border-top:1px solid #eee;
}
.banner  ul li a{
width:27px;
height:16px;
display:block
}
.banner ul li a span{ 
display: none;
}
.banner ul li a:hover { 
background-position: 0 -16px;
}
.banner ul .s1 a{
background:url(../images/no1.gif) top left no-repeat;
}
.banner ul .s2 a{
background:url(../images/no2.gif) top left no-repeat;
}
.banner ul .s3 a{
background:url(../images/no3.gif) top left no-repeat;
}
.banner ul .s4 a{
background:url(../images/no4.gif) top left no-repeat;
}
.banner ul .s5 a{
background:url(../images/no5.gif) top left no-repeat;
}
#divHanger{
width:684px;
height:182px;
float:left;
overflow:hidden;
filter:progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, duration=1 ,motion='forward')
}
/*================= Box Style =================*/
.Box{
width:727px;
padding-bottom:11px;
background:url(../images/box1bottom.gif) bottom no-repeat;
}
.Box dt{
height:42px;
padding-left:12px;
font-size:14px;
background:url(../images/box1top.gif) bottom no-repeat;
}
.Box dt em{
padding-left:20px;
background:url(../images/arrow2.gif) no-repeat;
}
.Box dd{
border:2px solid #00AEEF;
border-bottom:none;
border-top:none;
}
.box1{
width:727px;
background:url(../images/box1bottom.gif) bottom no-repeat;
}
.box1 dt{
background:url(../images/box1top.gif) bottom no-repeat;
}
#flink{
width:913px;
padding:0 20px;
height:21px;
background:#f7f7f7;
}
#bl2{
width:953px;
padding:6px 0;
float:left;
clear:both;
}
#blink{
height:25px;
padding-left:100px;
background:url(../images/blink.gif);
}
#blink li{
padding-top:5px;
display:inline;
float:left;
margin-left:15px;
color:#00AEEF;
}
#blink li a{
display:block;
background:url(../images/line1.gif) left center no-repeat;
padding-left:8px;
}
#footer{
text-align:center;
clear:both;
padding:8px 0;
background:#f7f7f7 url(../images/line2.gif) no-repeat;
}
/* Other*/
.more1{
position:absolute;
margin:10px 0 0 170px;
}
.more2{
position:absolute;
margin:10px 0 0 670px;
}
.more3{
position:absolute;
margin:10px 0 0 440px;
}
.M5{
margin-top:5px;
}
.M10{
margin-top:10px;
}
.blank{
color:#fff;
}
.btn{
border:none;
padding-right:10px;
}
.clear{
clear:both;
}
.green{
color:#090;
}
.line{
display:block;
border-bottom:1px solid #ccc;
}
dd p{
text-indent:2em;
}
#sort{
width:170px;
}
#search{
position:absolute;
}
.P15{
padding:0 15px;
}
.red{
color:#f00;
}
.pic{
text-indent:0em;
text-align:center;
}
/*Page List*/
#pagelist{
width:650px;
margin:0 auto;
margin-top:20px;
padding-top:2px;
font-size:12px;
text-align:center;
background:url(../images/pagelist.gif) no-repeat;
}
#pagelist li{
padding:0 5px;
display:inline;
color:#999;
}
#pagelist li a{
text-decoration:none;
color:#242687;
}
.stable td{
padding-left:15px;
border:1px solid #bbb;
}
.ctable{
margin-left:40px;
}
.ctable td{
padding-left:15px;
border:1px solid #eee;
}
.fr{
float:right;
}