/**
*在Position属性值为absolute的同时，
*如果有一级父对象（无论是父对象还是祖父对象，或者再高的辈分，一样）
*的Position属性值为Relative时，则上述的相对浏览器窗口定位将会变成相对父对象定位，
*这对精确定位是很有帮助的

 
*/

/*nav导航盒子*/
.nav-main li a,.nav-mainb li a{
	color:#FFF;
	}

.nav-main li a:hover{
	text-decoration:underline;
	}
 	
div.nav{
    width:1021px;
	height:30px;
 
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    position: relative;
	margin:1px auto 0px;
	background:url("../images/11.jpg") ;
	z-index:9999;
	 
}
 


/*nav-main*/
ul.nav-main{
    width: 1030px;
    height: 100%;
    list-style-type: none;
	z-index:9999;
	margin:2px;  
}
ul.nav-main span{
    display: inline-block;
    margin-left: 8px;
    width: 7px;
    height: 7px;
    background: url('down-icon.png') no-repeat;
}
ul.nav-main i{
    display: inline-block;
    margin-left: 8px;
    width: 7px;
    height: 7px;
    
}
 

/*图标向上旋转
.hover-up{
    transition-duration: .5s;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}*/
/*图标向下旋转
.hover-down{
    transition-duration: .5s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}*/
/*导航条设置*/
ul.nav-main>li{
   width:82px;
    height: 100%;
    display: block;
    float: left; border-left:#F00 0px solid;
	 
    color: #fff;
	margin-left:3px;
    cursor: pointer;
	text-align:center;
}
 
ul.nav-main>li:hover{
    
}
/*隐藏盒子设置*/
div.hidden-box{
    width: 98px;
    border: 1px solid #017b95;
    border-top: 0;
    position: absolute;
    display:none;
	background:#fff;
    top: 30px;
	z-index:9999;
	 
}
 	 
 
.hidden-box>ul,.hidden-box>ul a{
    list-style-type: none;
    color: #1a5c6a;
    cursor: pointer;
	z-index:9999;
}
.hidden-box>li{cursor:pointer;} 
.hidden-box li:hover{
    background: #1a5c6a;
    color: #fff;
}
.hidden-box li:hover a,.hidden-box li:hover a:hover{
   
    color: #fff;
}
 
 
/*隐藏盒子位置设置*/
.hidden-loc-index{
    left: 152px;
}
.hidden-loc-us{
    left: 375px;
}
.hidden-loc-9
{
	 left: 70px;
}
.hidden-loc-info{
    left: 526px;
}
.box03{
	left:247px;

}
.box04{
	left:163px;
	 
}
.box05{
	left:332px;
	 
}
.box06{
	left:75px;
	 
}
.box07{
	left:670px;
	 
}
.box08{
	left:415px;
	 
}


/*nav导航盒子
div.navb{
    width:1021px;
	height:30px;
 
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    position: relative;
	 
	margin:1px auto 0px;
	background-color:#275c6b;
	z-index:999;
}
/*nav-main*/
ul.nav-mainb{
    width: 500px;
    height: 100%;
    list-style-type: none;
	z-index:999;
	margin:0;
}
ul.nav-mainb span{
    display: inline-block;
    margin-left: 8px;
    width: 7px;
    height: 7px;
    background: url('down-icon.png') no-repeat;
}
ul.nav-mainb i{
    display: inline-block;
    margin-left: 8px;
    width: 7px;
    height: 7px;
    
} 

/*导航条设置*/
ul.nav-mainb>li{
   width:80px;
    height: 100%;
    display: block;
    float: left;
	 
    color: #fff;
	margin-left:3px;
    cursor: pointer;
	text-align:center;
}
ul.nav-mainb>li:hover{
     
}
/*隐藏盒子设置*/
div.hidden-boxb{
    width: 100px;
    border: 1px solid #017b95;
    border-top: 0;
    position: absolute;
    display:none;
	background:#fff;
    top: 30px;
	z-index:999;
}
.hidden-boxb>ul,.hidden-boxb>ul a{
    list-style-type: none;
    color: #1a5c6a;
    cursor: pointer;
	z-index:999;
}
.hidden-boxb>li{cursor:pointer;} 
.hidden-boxb li:hover{
    background: #1a5c6a;
    color: #fff;
}
 
.hidden-boxb li:hover a,.hidden-boxb li:hover a:hover{
   
    color: #fff;
}
 */

/*组图*/
.jypp_zt{     margin:0 auto; margin-top:2px; height:278px; float:left; overflow:hidden;}
.jypp_zt_tu{ width:130px; height:258px; border:1px solid #eeeeee; padding:6px 7px; float:left; margin:2px;}
.jypp_zt_tu img{ width:130px; height:194px;}
.jypp_zt_tu p.title{ font-size:14px; text-align:left; line-height:26px;  float:left; clear:both; display:inline; width:140px; margin:0 auto; text-align:center }

.jypp_zt_tu p.cleft{ font-size:12px; text-align:left; line-height:20px;  float:left; clear:both; display:inline; width:140px; margin:0 auto; height:45px; }
.jypp_zt_tu p.xq{ font-size:14px; text-align:left; line-height:26px;  float:left; clear:both; display:inline; width:140px; margin:0 auto; text-align:center  }
.djxq{background:url(/skins/js/DrIndIcon.jpg) no-repeat; width:76px; height:25px; float:left; font-size:12px; color:#F00; text-align:right;display:inline;       margin:0 auto;}
.djxq a,.djxq a:hover{ color:#F00;font-size:12px;}