/*---------------start-------------------------------------主体样式---------------------------------------------------------------*/
/*------------------------Top区-----------------------------*/
/*--头部---*/
#title{
	display: block;
	height: 100px;
	background-image: url(../images/top/top_bi.jpg);
	background-repeat: no-repeat;	
}
#title_logo {
	display: block;
	float:left;
	margin-left:50px; 
	width:500px;
	height:100px;
}
#title a {
	float: right;
	width: 10%;
	position: relative; /*低版本浏览器不兼容*/
	top: 50%;
	-moz-transform: translateY(-50%); /*向上平移 自身的50%*/
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: auto;
}
/*--导航栏--*/
#NavigationBar{
	height: 70px;
	background-color: black;
}
#NavigationBar_content{
	height: 70px;
	line-height: 70px;
}
.NavigationBar_content_ul {
    min-width: 1000px;
    width: auto;
}
#NavigationBar_content ul {
	list-style: none;
	margin: auto;
	margin-left: 80px;
	height: 70px;
}
#NavigationBar_content ul li{
	width: 200px;									/* mark:  18%  导致导航栏下拉内容堆叠*/
	height: 70px;
	float:left;
	margin: 0px;
	padding: 0px;
}
#NavigationBar_content ul li a{
	display: block;
	float: left;
	width: 178px;
	color: white;
	text-align:center;
}
#NavigationBar_content ul li img{
	float: right;

}
.NavigationBar_a_font{
	font-style: normal;
	font-size: 135%;
}
/* .li_position{
	height: 50px; margin-left: -30px;
} */
/*------------------------Center区-----------------------------*/
/*Banner*/
#banner{
	position: relative;								/* mark:  position: relative; 导致导航栏下拉被遮盖  */
	z-index: 99;
	height: 90%;
}
/*轮播图的收起和展示*/
.slide-show img{
	display: none;
	margin: auto;
}
.slide-show .banner-block{
	transition: all .6s;
	display: block !important;
}
/*选择跳转小圆圈*/
.slide-radio{
	width: 60px;
	height: 10px;
}
.slide-radio ul{
	position: absolute;
	z-index: 50;
	right:45%;
	top: 80%;
	z-index: 50;
}
.slide-radio li{
	background-color: rgba(138, 138, 138, 0.4);
	width: 10px;
	height: 10px;
	margin: 5px;
	float: left;
	border-radius: 5px;			/*圆角边框*/
	
	cursor: pointer;
}
.slide-radio li:hover{
	background-color: hsla(0,0%,100%,.6);
}
.radio-select{
	background-color: hsla(0,0%,100%,.6)!important;
}
/*上一页下一页跳转箭头*/
.banner-prev{			/*--上一页--*/
	font-size: 50px;
	position:absolute;
	z-index: 50;
	top: 50%;
	left: 10%;
	width: 41px;
	height:69px;
	line-height: 69px;
	cursor: pointer;
}
.em-font{				/*--iconfont字体--*/
	font-size: 500%;
	color: #cbcbcb;
	opacity:0.4; 
}
.em-font:hover{
	color: white;
}
.banner-next{			/*--下一页--*/
	font-size: 50px;
	position:absolute;
	z-index: 50;
	top: 50%;
	right: 10%;
	width: 41px;
	height:69px;
	line-height: 69px;
	cursor: pointer;
}


/*------------------------Buttom区-----------------------------*/
/*---NewWorks---*/

#newWorks_left{
	float: left;
	width: 601px;
}
#newWorks_right{
	z-index: 3;
	float: right;
	width: 610px;
}
#newWorks_rightTop{

}
#newWorks_bottom li{
	float:left;
	margin-left:6px;
}
#newWorks_bottom li:first-child{
	margin-left:0px;
}
#newWorks_bottom img{
    width: 196px;
    height: 246px;
}
/*---广告条---*/
#ad_item {
	height: 435px;
	margin-top: 70px;
}

#ad_item li{
	float: left;
	margin-left: 6px;
}
#ad_item img{
	width: 400px;
    height: 212px;
}
/*---Journalism---*/
#Journalism{
	height: 1080px;
}
#Journalism_left{
	float: left;
}
#Journalism_right{
	float: right;
	width: 600px;
	height: 600px;
}
.Journalism_right_content{
	margin-top: 20px;
	width: 600px;
	height: 115px;
	border-bottom: 1px solid #dcdcdc;
}
.Journalism_right_content span{
	
	font-style: normal;
	font-size: 110%;
	font-weight: 600;
}
.Journalism_right_content span a{
	color:black;
}
.Journalism_right_content_a{
	float: right;
	margin-top: -20px;
	display: block;
	width: 80px;
	height: 25px;
	color: white;
	background-color: #8b8b8b;
	text-align: center;
}
.Journalism_right_content_a:hover{
	background-color: black;
}
.font_grayStyle_date {
	font-style: normal;
	font-weight: 500;
	color: #626262;
	float: right;
	margin-top: 0px;
}
.font_grayStyle_desc {
	font-style: normal;
	font-weight: 500;
	color: #626262;
	min-height:42px;
}

	/*----Palace Luxury----*/
#PalaceLuxury{
	overflow: hidden;
}
#PalaceLuxury_buttom{
	margin: 0 auto;
	width: 1800px;
	height: 800px;
}
#PlLeft{
	float: left;

}
#PlRight{
	float: right;
}
#PlRight li{
	float: left;
	margin-left: 6px;
}

/*----Advantage----*/
#Advantage{
	text-align:center;
}
#Advantage_contact li{
	float: left;
}


/*----Advantage----*/
#Introduction{
	height: 560px;
}
#Introduction_top {
	padding-top: 70px;
	height: 126px;
}
#Introduction_top li{
	float: left;
	width: 400px;
}
#Introduction_link{
	margin-top: 30px;
	height: 434px;
}
.Introduction_link_li{
	float: left;
	width: 15%;
	margin-left: 5.6%;
	
}
/*.Introduction_link_li div{
	height: 45px;
	width: 180px;
	border:1px solid red;
	font-style: normal;
	font-family: "黑体";
	font-size: 150%;
	font-weight: 500;
}*/
.Introduction_link_li li{
	font-size: 120%;
	margin-left: 0px;
	margin-top: 10px;
}
.Introduction_link_li a{
	color: #6b6b6b;
}

/*---------------end---------------------------------------主体样式---------------------------------------------------------------*/
 
 /*---------------start---------------------------------------主体样式的响应式布局---------------------------------------------------------------*/
 @media only screen and (max-width: 1258px) {
	#newWorks_top {
		width: 620px;
        margin: 0px auto;
	}

 	 #Journalism_left{
 		 margin-left: 25%;
 		 margin-right: 20%;
 	 }
 	 #Journalism_right{
 		 float: left;
 		 margin-left: 25%;
 		 margin-right: 20%;
 	 }
	 #ad_item{
		 height: 650px;
		 width: 820px;
	 }

	#newWorks_bottom {
		width: 620px;
        margin: 0px auto;
	}
 }
 @media only screen and (max-width: 1050px) {

	 #Journalism_left{
	  		 margin-left: 20%;
	  		 margin-right: 20%;
	 }
	 #Journalism_right{
	  		 float: left;
	  		 margin-left: 16%;
	  		 margin-right: 20%;
	 }
 }
 @media only screen and (max-width: 800px) {

	 #Journalism_left{
	  		 margin-left: 18%;
	  		 margin-right: 20%;
	 }
	 #Journalism_right{
	  		 float: left;
	  		 margin-left: 8%;
	  		 margin-right: 20%;
	 }
 }
 
 /*---------------end-----------------------------------------主体样式的响应式布局---------------------------------------------------------------*/
 
 
 
 /*-------bottom--------*/
 #bottom{
	 height: 1510px;
 }
 #bottom_share{
	height: 460px;
	background-image: url(../images/bottom/buttom_campus-1.jpg);
	background-position: 50%;
	background-repeat: no-repeat;	
	background-size:auto 460px;
	background-color: black;
 }
#bottom_logo{
	width: 230px;
	height: 70px;
	margin:0 auto;		/*margin需要容器宽高*/
	padding: 60px;
}
 #bottom_logo li{
	 float: left;
 }
 #bottom_link{
	 height: 65px;
	 background-color: black;
	 color: white;
	 margin-top: -16px;
	 text-align:center;
 }
 #bottom_link a{
	 color: white;
 }
 #bottom_link a:hover{
	 text-decoration:underline;
 }
 #bottom_wtf{
	 height: 138px;
	 background-image: url(../images/bottom/buttom_wtf.jpg);
	 background-position: 50%;
	 background-repeat: no-repeat;	
	 background-size:auto 138px;
	 background-color: black;
 }
 
/*--------start-----------bottom的响应式布局---------------------*/
@media only screen and (max-width: 1240px) {
	#Introduction_top ul{
		margin-left: 13%;
		
	}
	#Introduction_top li{
		width: 288px;
	}
	#Advantage_contact ul{
		margin-left: 15%;
	}
	#Advantage_contact li{
		width: 200px;
	}

}
@media only screen and (max-width: 1050px) {
	#Introduction_top ul{
		margin-left: 8%;
	}
	#Advantage_contact ul{
		margin-left: 8%;
	}
}

/*--------end-------------bottom的响应式布局---------------------*/