.pic-link{
	height: 160px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 70%;
	margin: 20px auto;
}
.pic-link img{
	width: 98%;
}
/*.new-title{
	width: 76%;
	display: inline-block;
	margin-left: 10%;
	transform: translate(-50% -50%);
}*/
.title-pic{
	width: 100%;
	display: flex;
	justify-content: center;
}
.title-pic img{
	width:60%;
}
.new-container{
	margin-top: 40px;
	margin-bottom: 40px;
/*	background-color: #ececec;*/
	display: flex;
	justify-content: space-between;
}
.new-left{
	width:100%;
	position: relative;
    height:100%;
    z-index:0; 
}
.new-pic{
	width: 100%;

}
.new-pic-word{
	height: 40px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	line-height:40px;
	color: #ffffff;
	padding-left: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.new-block{
	width: 50%;
}
.new-block li{
	padding-right: 20px;
	margin-bottom: 24px;
}
.new-block li:last-child{
	margin-bottom: 0;

}
.new-block li a{
	color: #000000;
	display: flex;
	margin-bottom: 6px;
	justify-content: space-between;
}
.new-block li a:hover{
	color: #10867f;
	font-weight: bold;
}
.new-block li span:nth-child(1){
	font-size: 18px;
}
.new-block li p{
	font-size: 14px;
	color: #666666;
}
.dep-intro{
	background-color: #f9f9f9;
	width: 100%;
	height: 540px;
	margin-top:40px;
	padding-top: 40px;
}
.dep-intro-container{
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;

}
.dep-intro-container a{
	text-align: center;
	font-size: 26px;
	color: #000000;
	line-height:160px ;
	border-radius: 8px;
	margin-bottom: 16px;
	width: 32.66%;
	height: 160px;
	background-color: #ffffff;
	display: inline-block;
}
.dep-intro-container a img{
	vertical-align: middle;
	margin-right: 10%;
}
.dep-intro-container a:hover{
	background-color: #e3f7f4;

}
.wordlist{
	margin-bottom: 40px;
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}
.wordlist-left,.wordlist-right{
/*	background-color: #ececec;*/
	width: 48%;
}
.wordlist-title,.wordlist-left li,
.wordlist-right li,
.instrument-container,
.link-pic,
.bottom-container{
	display: flex;
	justify-content: space-between;
}
.wordlist-title{
	height: 60px;
	line-height: 60px;
	padding-left: 20px;
	padding-right:20px;
	color: #000000;
	background:linear-gradient(to right,#d5edeb,#e6f4f3,#ffffff);
}
.wordlist-title p{
	font-size: 26px;
}
.wordlist-title a{
	color: #000000;
}
.wordlist-title a:hover,.wordlist li a:hover{
	color: #199b93;
}
.wordlist li{
	height: 60px;
	border-bottom: 1px dashed #ececec;
	line-height: 60px;
	
}
.wordlist li a{
	font-size: 18px;
	color: #000000;
}
.wordlist ul{
	padding: 0 20px ;
}
.instrument{
	margin-top: 40px;
	margin-bottom: 40px;
}
.instrument1{
	width: 420px;
	background-color: #ececec;
	cursor: pointer;
}
.instrument-container {
	margin-top: 40px;
}
.zjzp img{
	width: 420px;
	height: 370px;
}
.zjzp{
	position: relative;
}
.zjzp p{
	position: absolute;
	bottom: 0;
	display: inline-block;
	height: 40px;
	left: 0;
	width: 420px;
	line-height: 40px;
	padding-left: 20px;
	background: rgba(0, 0, 0, 0.6);
	color: #ffffff;
}
/*.instrument1img{
	width: 420px;
	height: 370px;
}
.instrument1{
	position: relative;
}
.instrument1 p{
	position: absolute;
	bottom: 0;
	display: inline-block;
	height: 40px;
	left: 0;
	width: 420px;
	line-height: 40px;
	padding-left: 20px;
	background: rgba(0, 0, 0, 0.6);
	color: #ffffff;
}*/
.instrument-word{
	padding:20px;
}
.friend-link{
	margin-bottom: 20px;
	margin-top: 40px;
}


.map-link{
	margin-bottom: 20px;
	margin-top: 40px;
   
}
.map-pic{
	margin-top: 40px;
    display: flex; 
    justify-content:center;    
    align-items:center;  
}

.link-pic{
	margin-top: 40px;
}
.link-pic img{
	width: 18%;
	margin-right: 20px;
	height:80px;
}
.bottom{
	padding-top: 10px;
	width: 100%;
	height: 100px;
	background-color: #10867f;

}   
.bottom p{
	color: #ffffff;

}
.bottom-container{
	width: 50%;
	margin: 10px auto;
}
/*Á´½Ó¹ö¶¯*/
#demoB {

background: #FFF;

overflow:hidden;

border: 0px dashed #CCC;

width: 910px;

margin-left:70px;

margin-top:0px;

height:60px;

}

#indemoB {

float: left;

width: 1500%;

height:50px;

}

#demo1B {

float: left;

height:50px;

}

#demo2B {

float: left;margin-left:10px;

}
.bj{
		width:150px; text-align:left;margin-left:8px; margin-top:5px; float:left;  font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight:500; font-weight:bold;}
.bj img{
    height:60px;
    width:150px;
}