用Dreamweaver创作宁夏美景的静态HTML网页设计模板 - 学生们的家乡网页设计作品集

@charset "utf-8";
*{margin:0;padding:0;}
body{margin:0 auto}
.clear{ clear:both;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:underline;}
li{list-style-type:none;}
img{width:auto;max-width:100%;}
.main{width:1200px;margin:0 auto;overflow:visible;}

.content12{width:1200px;margin:0 auto;}


.daohang {
width:1200px;float:left;

}

.daohang .img{

text-align:center;
}

.daohang .img img{
width:200px;height:90px;
}



.daohang ul{
width:1200px;background:#008080;float:left;
}
.daohang ul li{
float:left;
;
width:100px;height:40px;line-height:40px;text-align:center;padding:10px 0px;
position: relative;
z-index: 3;
}
.daohang ul li a.active{
color:#ffffff;}
.daohang ul li a{
color:#ffffff;}

.daohang li:hover a{
color:#ffffff;}

.daohang ul li:hover{
background-color:#000000;color:#ffffff;
}

.daohang ul li.active{
background-color:#000000;}



.daohang ul li ul li{float:none; padding:0px;height: 45px;line-height: 45px;overflow:hidden;}
.daohang ul li ul{width:auto;position: absolute;display: none;}


#con ul ul {display:none; z-index: 3;}








.lbqh .list img{


width:1200px;height:400px;

vertical-align: top;
}
.lbqh .box{
width:1200px;height:400px; margin: 20px auto;
overflow: hidden;
position: relative;
}
.lbqh .list{
width: 800%;
height:400px; position: absolute;
left: 0;
top: 0;
transition: all .5s;
}
.lbqh .list li{
float: left;
width:1200px;height:400px; }
.lbqh .box span{
display: inline-block;
width: 40px;
height: 80px;
position: absolute;
top: 50%;
margin-top: -40px;
background-color: rgba(51,51,51,0.5);
cursor: pointer;
}
.lbqh .back{
left: 0;
}
.lbqh .next {
right: 0;
}
.lbqh .point{
position: absolute;
bottom: 20px;
right: 100px;
}
.lbqh .point li{
float: left;
width: 20px;
height: 20px;
border-radius: 50%;
cursor: pointer;
background-color: #000;
margin-left: 20px;
}
.lbqh .point .active{
background-color: #01ffff;
}


.taitou .title{



border-bottom-color:#008080;border-bottom-style:solid;border-bottom-width:3px;



overflow:hidden;
margin-bottom:10px;
margin-top:10px;
margin-right:10px;
margin-left:10px;
margin-right:10px;
}
.taitou .stitle{text-align:center;padding:10px 10px;font-weight:bold;float:left;
font-size:20px;
color:#008080;text-align:left;
}
.taitou .stitle span{display:block;font-size:12px;color:#cccccc;
}




.nx
{
width:1200px; text-align: justify;
}
.nx .text
{

padding:10px;
}

.nx .img
{

text-align:center;
}



.nx .desc
{
padding:10px;
text-align:left;
float:left;
text-align: justify;
width:580px;
}

.nx .list
{
width:580px;padding-bottom:10px;
padding-left:10px;
float:left;
}


.nx .img
{
height:400px;

width:570px;
margin-right:5px;


}






.nx .slist
{
text-align:center;
}



.nx .simg
{
height:400px;width:570px;margin:10px;
float:left;
}








.content4{width:400px;float:left;}


.rk
{
width:400px; text-align: justify;
}
.rk .text
{
padding:10px;
}


.rk .img
{

text-align:center;
}



.rk .desc
{
padding:10px;
text-align:left;
float:left;
text-align: justify;
width:180px;
}

.rk .list
{
width:180px;padding-left:10px;
float:left;
}


.rk .img
{
height:100px;

width:80px;
margin-right:5px;


}






.rk .slist
{
text-align:center;
}



.rk .simg
{
height:100px;
padding:1%;
width:48%;
float:left;
}







.tcms ul
{
width:400px;
}
.tcms ul li
{
width:380px;padding:10px;
float:left;
}
.tcms ul li:hover
{

}
.tcms ul li img
{
width:142px;padding:5px;
height:180px;float:left;
}
.tcms ul li .title{margin:10px 0px;
font-weight:bold;
font-size:16px;
}
.tcms ul li .text
{
width:198px;text-align:left;float:left;
padding:5px;
margin-left:20px;
}
.tcms ul li .desc
{
color:#008080;text-align:left;}



.tcms ul li button
{
display:block;
text-align:left;
padding:5px 10px;
margin-top:20px;

}











.xiangceliebiao ul
{
width:400px;}
.xiangceliebiao ul li{
width:380px;height:200px;float:left;
padding:10px;
text-align:center;
}
.xiangceliebiao ul li img
{
width:380px;height:200px;}







.dibu .desc
{

text-align:center;color:#ffffff;
background:#008080;padding:20px 0px;
margin-top:10px;
}

.dibu img
{


}





.shijianbianhuan{
text-align:center;
margin-bottom:10px;
}




.guanggaotupian
{
text-align:center;

}
.guanggaotupian img
{
width:1200px;

}





.lishiyange
{
width:1200px;}

.lishiyange img
{
margin-top:10px;
margin-bottom:10px;
width:1190px;height:400px;
float:left;
}
.lishiyange .desc
{
padding:10px;
text-align:left;
}







.ziranziyuanliebiao ul
{
width:1200px;}
.ziranziyuanliebiao ul li{
width:1180px;
float:left;
padding:10px;
text-align:left;
}

.ziranziyuanliebiao ul li:hover{
}


.ziranziyuanliebiao ul li img
{
width:1180px;height:500px;display:block;

}
.ziranziyuanliebiao ul li .text{

}
.ziranziyuanliebiao ul li .desc{
padding:10px 0px;
}
.ziranziyuanliebiao ul li .title{
font-weight:bold;
padding-top:10px;
font-size:16px;
}







.zhengzhiliebiao ul
{
width:1200px;}
.zhengzhiliebiao ul li{
width:1180px;
float:left;
padding:10px;
text-align:left;
}

.zhengzhiliebiao ul li:hover{
}


.zhengzhiliebiao ul li img
{
width:1180px;height:500px;display:block;

}
.zhengzhiliebiao ul li .text{

}
.zhengzhiliebiao ul li .desc{
padding:10px 0px;
}
.zhengzhiliebiao ul li .title{
font-weight:bold;
padding-top:10px;
font-size:16px;
}







.renkou .text
{
width:1200px;float:left;

margin-top:10px;
}

.renkou .img
{
width:580px;padding:0px 5px;
height:410px;float:left;
}
.renkou img
{
width:580px;height:410px;}



.renkou .slist
{
text-align:center;
}



.renkou .simg
{
height:400px;width:1160px;margin:10px;
float:left;
}


.renkou .desc
{
width:580px;height:400px;overflow:hidden;float:left;

text-align:left;
padding:5px;
}





.difangwenhualiebiao ul
{
width:1200px;}
.difangwenhualiebiao ul li{
width:1180px;
float:left;
padding:10px;
text-align:left;
}

.difangwenhualiebiao ul li:hover{
}


.difangwenhualiebiao ul li img
{
width:1180px;height:500px;display:block;

}
.difangwenhualiebiao ul li .text{

}
.difangwenhualiebiao ul li .desc{
padding:10px 0px;
}
.difangwenhualiebiao ul li .title{
font-weight:bold;
padding-top:10px;
font-size:16px;
}







.techanmeishiliebiao ul
{
width:1200px;}
.techanmeishiliebiao ul li{
width:580px;
float:left;
padding:10px;
text-align:center;
}

.techanmeishiliebiao ul li:hover{
}


.techanmeishiliebiao ul li img
{
width:580px;height:200px;display:block;

}
.techanmeishiliebiao ul li .text{

}
.techanmeishiliebiao ul li .desc{
padding:10px 0px;
}
.techanmeishiliebiao ul li .title{padding:10px 0px;

}





.lvyoujingdianliebiao ul
{
width:1200px;}
.lvyoujingdianliebiao ul li{
width:280px;
float:left;
padding:10px;
text-align:center;
}

.lvyoujingdianliebiao ul li:hover{
}


.lvyoujingdianliebiao ul li img
{
width:280px;height:200px;display:block;

}
.lvyoujingdianliebiao ul li .text{

}
.lvyoujingdianliebiao ul li .desc{
padding:10px 0px;
}
.lvyoujingdianliebiao ul li .title{padding:10px 0px;

}