@CHARSET "UTF-8";

body,html{
	margin:0;
    padding:0;
	font-family:"Microsoft YaHei";
	min-width: 1280px;
}
img{
	display:block;
	width:100%;
	border:none;
}
 body,div,ul,li,a,img{margin: 0;padding: 0;}
  ul,li{list-style: none;}
  a{text-decoration: none;}
      .wrapper{position:relative/*相对定位*/;width:100%;height:500px;}
      .banner{width: 100%;height:500px;}
      .imgList{;width:100%;height:500px;z-index: 10;}
      .imgList li{ position: absolute;width:100%;height:500px; display:none;}
	   .imgList li img{width:100%;display:bolck;height:500px;}
	   .imgList .imgOn{ display:block;}
      /*.indexList{position: absolute;margin-left:45%;bottom: 15px;z-index: 30;}*/
	  .indexList{
	  width: 100%;
    bottom: 3px;
    height: 30px;
    position: absolute;
    text-align: center;
    z-index: 10;
	  
	  }
     /* .indexList li{float: left;margin-right: 15px;border-radius:50%;background:#e8e8e8;cursor: pointer; width: 12px;
    height: 12px;}*/
	.indexList li{
	display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #999;
    margin: 0 15px 0 0 ;
    cursor: pointer;
	}
      .indexList .indexOn{background:#fff;}
	  
		 .title0 {
              position:absolute/*相对定位*/;
		 	  z-index: 9; 
              width: 300px;
	          height: 80px;
              top: 20px;
              left: 30px;
              cursor:pointer;
		      }
		  .title1{
              position: absolute;
	          width: 660px;
	          top: 45px;
	          right: 52px;
	          z-index: 100;
		      }		
		 .title1 ol {
			         margin:0;
					 padding:0;
		             list-style-type:none;	
                     width: 660px;
	                  height: 25px;			 
		       }
		  .title1 ol  li{		  
		     float: left;
	         width: 90px;
	         margin-right: 20px;
	         height: 25px;     
		       }
.title1 ol li div{	
	font-size: 20px;
	width: 88px;  /*加入div不会左右浮动*/
}

.elecmap, .serres, .typapp, .themamap, .mobmap, .humgeo{
	cursor: pointer;
	text-align: center;
	color: #ffffff;
	z-index: 100;
}
.elecmap:hover, .serres:hover, .typapp:hover, .themamap:hover, .mobmap:hover,  .humgeo:hover{
	cursor: pointer;
	text-align: center;
	color: #d6c75a;
}
#login{
	position: absolute;
	width: 29px;
	height: 29px;
	top: 42px;
	right: 22px;
	z-index: 100;
	cursor: pointer;
}
			   
	   /* .title1 ol  li:hover{
			     color: #d6c75a;
			    }	*/	      
		 .title3{
		      position:absolute/*相对定位*/;	 
		      width:32%;
		      height:auto;
		      left:45px;
		      bottom:84px;
		      }
			   .title3 li{display:none;position:absolute/*相对定位*/;}
		 .title4{
             position:absolute/*相对定位*/;
		      width:71px;
		      height:265px;
		      right:10%;
		      top:140px;
		      }
			  .title4 li{display:none;position:absolute/*相对定位*/;}
		 .title5{
		  position:absolute/*相对定位*/;
		  	  right:16%;
		      width:351px;  
		      height:464px;
             top:220px;	
   		 
		      }
			   .title5 li{ display:none;position:absolute/*相对定位*/;}
			    .title5 li img{width:351px;height:464px;}
			    .title5 .imgOn{ display:block;}
				 .title4 .imgOn{ display:block;}
				 .title3 .imgOn{ display:block;}
				 .title4 li img{width:71px;height:265px;}
		
 /*	#login{
		position:absolute/*相对定位*/;
		/*top:35px;
		right:80px;
		width:30px;
		height:30px;
		}*/

#part2{ 
	width:100%;
	height:auto;
	}
		#note{
			
			width:100%;
			margin:0;
			background:#e8e8e8;	
		}
        #note p{ margin:0;       		
		 	font-size:14px;
		 	line-height:1.5;
		 	padding:25px 46% 25px 10%;		 				 		
		 	text-align:justify;		
		}
		.read1{
			margin:70px auto;
			width:67%;
			height:auto;				
			  } 	
	    #mzList{	       			
			width:67%;
			margin:0  auto;
			height:auto;			
			}			
		.text1 {
			position:relative/*相对定位*/;
			width:33%;
			height:auto;
			margin-bottom:58px;
			float:left;
			}
		.mzPic {
			float:left;
			display:block;
			width: 45%;
			box-shadow:1px 1px 1px 1px #808080;
			}			
		.mzPic img:hover{
			opacity:0.8;				
			}
		.mzInfo{
			position:absolute;
			left:52%;
			top:-15px;
			width: 110px;
			}		
		.buttonRead{			
			position:absolute;
			width:40%;
			height:12%;
			left:52%;
			bottom:0;
			cursor:pointer;
			border:1px solid #cf9967;
			}
		.buttonRead img{
			margin-left:22%;
			margin-top:5px;
			float:left;
			width:15%;
			height:70%;
			}
		.buttonRead p{					
			margin-left:15%;
			float:left;
			margin-top:6px;
			line-height:1;
			text-align:center;
			font-size:12px;
			color:#a56934;
			}
		.read2{
			width:67%;
			margin:0 auto 42px;			
			}
		.aa{
			width: 100%;
		}

#part30{
	position: relative;
	width:100%;
	height:300px;
	overflow:hidden;
	padding:0;
	margin:0;
}
#part301{
    position:absolute;	
	width:100%;
	height:300px;

}
#part301 img{	 
	width:100%;
	height: 100%;
}
#part302{
    position:absolute;	
	width:100%;
	height:300px;
	min-width:1280px;
}
#part31{    
	width:550px;
	height:240px;
    margin:30px auto;
	box-shadow:1px 1px 1px 1px #808080;
	background:#fff;
}
#part311{
	width:234px;
	height:240px;
	float:left;
	margin-right:30px;
}

#part312{
	margin-left:280px;
    width:250px;	
	height:234px;
}
#part312 h1{
	font-size:22px;
	color:#c0c0c0;
padding-top:27px;	
}
#part312 p{
	font-size:14px;
	line-height:0.8;		
}
/*#part4{
	background:#0d336b;	
	width:100%;
	height:170px;
	color:#fff;
	padding:23px 0 27px ;
}
#part41{
	width:480px;
	height:13px;	
	font-size:12px;
    margin:0 auto;	
}
#part41 ol{
	margin:0;
	padding:0;
	list-style-type:none;	
}
#part41 ol li{
	float:left;	
	padding:0 25px;
	cursor:pointer;
	border-width:0 1px 0 0 ;	
	border-style:solid;
	border-color:#fff;
}
#part41 #question{
	border:0;
	padding-right:0;
	}
#part41 #aboutus{
	padding-left:0;
	}
#fpx {
    margin:23px auto;	
   	width:640px;
	background:#fff;	
}
#part43 p{	
	font-size:12px;
	text-align:center;
}*/
/*脚注部分*/
#footer{
	margin:0;
	background-color: #0D336B;
	height: auto;
	padding:0;
}
.bottom_lj {
	display: table;
	text-align: center;
	margin-bottom: 10px;
	height: 20px;
	zoom: 1;
}
.bottom_lj li{
	margin-top: 10px;
	float:left;
	color: #fff;
}
.bottom_lj li a{
	font: 12px/20px "Times New Roman", "宋体", "SimSun";
	color: #fff;
	font-size: 12px;
}
.bottom_lj li a:hover{
	color: #DD8160;	
}
.snip{
	margin: 0 15px;
}

.hr{
	width: 500px;
    color: #fff;
    align: center;
}
.bottom_info {
	font: 12px/20px "Times New Roman", "宋体", "SimSun";
	border-top-width: 10px;
}
.bottom_infomation {
	margin: 0 auto;
	width: 560px;
	height: auto;
}
#bottom_info {
	margin: 10px 0 0 0;
	width: 500px;
}
font{
	color: #fff;
}
.user_login {
    position: absolute;
    right:33px;
    top: 42px;
    width: 29px;
    height: 29px;
    cursor: pointer;
    padding: 5px 0px;
    background: url(../img/user/user.png) no-repeat;
	z-index:100;
	overflow: initial;
}
.user_login:hover{
    background: url(../img/user/user2.png) no-repeat;
}
.user-panel{
    width: 73px;
    background-color: white;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    line-height: 35px;
    padding: 5px;
    display: none;
    position: absolute;
    top: 33px;
    right: -27px;
    box-shadow: 0px 0px 1px 1px #d1d1d1;
    -webkit-box-shadow: 0px 0px 1px 1px #d1d1d1;
    -moz-box-shadow: 0px 0px 1px 1px #d1d1d1;
    -o-box-shadow: 0px 0px 1px 1px #d1d1d1;
}
.index-entry{
    cursor: pointer;
}
.index-user:hover{
    background-color: rgb(50,136,254);
    color: #fff;
}
.index-out:hover{
    background-color: rgb(50,136,254);
    color: #fff;
}
.user-panel a{
    text-decoration: none;
    display: block;
    color: rgb(60, 60, 60);
}
.user-panel a:hover{
    color: #fff;
}