@charset "utf-8";
/* CSS Document */
.classBox{
	padding:20px 0 35px 0;}
.mainArea .contentBox{
	padding:0 0 80px 0;
	position:relative;}
.mainArea .contentBox.ins{
	background:#fff;
	padding:30px 20px;
	position:relative;}
.mainArea .detailBox{
	padding:0 0 35px 295px;}
.mainArea .detailBox h3{
	font-size:30px;
	font-weight:normal;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl; 
	display:inline-block;
	float:left;}
.mainArea .detailBox .right{
	padding-left:35px;
	display:inline-block;}
.mainArea .detailBox .right h4{
	font-size:30px;
	font-weight:normal;
	margin-bottom:20px;}
.mainArea .detailBox .right p{
	color:#666;
	font-size:13px;
	line-height:26px;}
ul.diningList  li{
	list-style:none;
	padding:20px 10px;
	cursor:pointer;}
ul.diningList  li p{
	color:#fff;
	font-size:12px;
	margin-bottom:15px;
	font-family: 'cwTeXFangSong', serif;}
ul.diningList  li .item{
	height:358px;
	position:relative;
	overflow:hidden;
	background:#000;}
ul.diningList  li:hover .Img img{
	opacity:0.6;}
ul.diningList  li .Txt{
	position:absolute;
	top:50%;
	left:50%;
	transform:rotateY(90deg);
	transform-style:preserve-3d;
	margin-left: -70px;
    margin-top: -80px;
    text-align: center;
	opacity:0;
	transition:all 0.6s ease-in-out;}
ul.diningList  li:hover .Txt{
	opacity:1;
	transform:rotateY(0deg);}
ul.diningList  li .Txt h3 strong a{
	display:block;
	font-size:23px;
	font-weight:normal;
	color:#fff;
	background:url(../images/news_icon.png) 50% bottom no-repeat;
	padding-bottom:50px;}
ul.diningList  li .Txt .btn a{
	display:inline-block;
	color:#fff;
	padding-top:60px;
	padding-left:20px;}
ul.diningList  li .Txt .btn a i{
	margin-left:10px;}
.mainArea .slick-prev{
		width: 54px;
		height: 54px;
		background:url(../images/dining_pre.png) left top no-repeat;}
.mainArea .slick-next{
		width: 54px;
		height: 54px;
		background: url(../images/dining_next.png) right top no-repeat;}
.mainArea .slick-prev:before, .slick-next:before{
		display:none;}
.mainArea .slick-prev:hover,
.mainArea .slick-prev:focus{
	background:url(../images/dining_pre_hover.png) left top no-repeat;} 
.mainArea .slick-next:hover, 
.mainArea .slick-next:focus{
	background: url(../images/dining_next_hover.png) right top no-repeat;}
@media (max-width:1180px){
	.mainArea .detailBox{
		padding:0 0 35px 0;
		text-align:center;}	
	.mainArea .detailBox h3{
		float:none;}
	.mainArea .detailBox .right{
		text-align:left;}
	ul.diningList li .item{
		height:100%;
		background:#000;}
	ul.diningList li .Txt {
		position:static;
		transform: none;
		text-align: center;
		opacity: 1;
		margin:0;
		padding:20px 0;}
	ul.diningList li:hover .Txt {
		transform:none;}
	
}
@media (max-width:520px){
	.mainArea .detailBox{
		text-align:left;}
	.mainArea .detailBox h3{
		-webkit-writing-mode: inherit;
		writing-mode: inherit;
		display: inline-block;}
	.mainArea .detailBox .right{
		padding-left:0;}
}