/*艺术频道CSS 2018-03-01*/ 
.sec_art01{ background: #f8f8f8;}
#focus{  float: left;width:100%;}
#focus a{width:65.5%; display: block; float: left;}
#focus .item a img{ display: block;height: 320px;}
.focus .owl-dots{left:13%;}
.focus_caption{width:65.5%;}
.rec_tours{ overflow:hidden; padding: 30px 20px 30px 35px; color: #888;}
.rec_tours h3{ margin-bottom:10px;}
.rec_tours h3 img{ display: block;}
.rec_des{ position: relative; padding: 30px 0;}
.rec_des::before,.rec_des::after{ content: ""; position: absolute; top:0; left:0; width:16px; height: 16px; background: url(../img/art_ico01.png) no-repeat;}
.rec_des::after{ top:auto; left: auto; bottom: 0; right:0; background-image: url(../img/art_ico02.png);}
.rec_txt{ text-align: justify; max-height:138px; overflow: hidden;}
/*movies*/
.movies_rec{ width: 31%; max-width: 310px; float: left;}
.movies_rec dt{ position:relative; overflow: hidden;}
.movies_rec dt img{ display: block; width:100%;}
.movies_rec dt a:hover p{color:#fff;}
.movies_rec dt p{ position: absolute; left:0; bottom:0; width:100%; line-height: 34px; padding: 0 20px; color: #fff; background: rgba(0,0,0,.60); }
.movies_rec dd{ margin-top: 20px; color: #888; max-height: 68px; overflow: hidden;}
.movies_list{ width:38%; float: left; padding:1% 3.5% 0; margin: -2% 0;}
.movies_list li{ padding:2% 0;}
.movies_list li a{ display: block; height:28px; line-height:28px; position: relative; padding-left: 14px;}
.movies_list li a::before{ content:""; position: absolute; top:50%; left:0; margin-top: -2px; width: 3px; height: 3px; background: #d1d1d1;}
.movies_list li a:hover::before{ background: #e7471f;} 
/*hot_bo*/
.hot_bo{ overflow:hidden;}
.hot_list{ margin:-3.21% 0;}
.hot_list li{ padding:3.21% 0; display:inline-block;}
.hot_list li a{ display:block; overflow: hidden;}
.hot_img{ display:block; width: 52%; max-width: 160px; float: left; margin-right:6%; position: relative; overflow: hidden;}
.hot_img img{ display:block;}
.hot_data{ display:inline-block; background: rgba(0,0,0,.60) url(../img/art_ico03.png) 5px center no-repeat; font-size: 12px; color: #fff; position: absolute; bottom: 10px; left:10px; z-index: 2; padding: 0 5px 0 22px;}
.hot_info{ overflow: hidden; padding-top: 10px;}
.hot_info h4{line-height:23px;}
.hot_des{ color: #888; text-indent: 28px; line-height: 23px; max-height: 70px; overflow: hidden;}
/*stage*/
.stage{ margin: 0 -1.75%;}
.stage li{ width:33.33%; float: left; padding: 0 1.75%;}
.stage li a{ display:block; background: #f8f8f8; padding:10% 6%;} 
.stage li a img{ display:block; margin-bottom: 15px;}
.stage li a h4{ font-size:16px; margin-bottom: 10px;}
.stage_des{ color: #888; line-height: 23px; max-height:70px; overflow: hidden; text-indent: 14px;}
.stage li a:hover{ background: #f6f6f6; box-shadow:0 5px 30px -3px #ccc;}
/*exhibit*/
.exhibit{ width:65.5%; float: left; margin-right: 3.5%;}
.exhibit_list{}
.exhibit_list a{ display:block; float: left; overflow: hidden; position: relative;}
.exhibit_list a img{ display:block;}
.exhibit_list a p{ position: absolute; bottom:0; left:0; width:100%; padding: 0 14px; height: 34px; line-height: 34px; background: rgba(0,0,0,.60); color: #fff;}
.exhibit_list a:nth-child(1),.exhibit_list a:nth-child(2){ width:47.33%;}
.exhibit_list a:nth-child(3),.exhibit_list a:nth-child(4){ width:21.06%; font-size: 12px;}
.exhibit_list a:nth-child(1){ margin-right: 5.34%;} 
.exhibit_list a:nth-child(2){ margin-bottom:3.21%;}
.exhibit_list a:nth-child(3){ margin-right: 5.21%;}
/*person*/
.person{ overflow:hidden;}
.person_list{ margin: -6% 0;}
.person_list li{ padding:6% 0;display:inline-block;}
.person_list li a{ display:block; overflow: hidden; }
.person_img{ width:110px; float: left; text-align: center; margin-right: 20px;}
.person_img img{ height: 110px; display:block; border-radius: 50%; margin-bottom: 6px;}
.person_info{ overflow:hidden; max-height: 70px; margin-top: 20px; color: #666;}
/*paint_list*/
.paint_list{ width:65.5%; float: left; margin-right: 3.5%;}
.paint_list a{ display:block; float: left; overflow: hidden; position: relative;}
.paint_list a img{ display:block;}
.paint_list a:nth-child(1){ width:39.70%; margin-right: 3.21%; margin-bottom: 3.21%;}
.paint_list a:nth-child(2){ width:31.87%; margin-right: 3.21%; margin-bottom: 3.21%;}
.paint_list a:nth-child(3){ float: none; margin-bottom: 3.21%;}
.paint_list a:nth-child(4){ width: 21.38%; margin-right: 3.21%; margin-bottom: 3.21%;}
.paint_list a:nth-child(5){ width: 64.13%}
.paint_list a:nth-child(6){ float: none;}
.paint_list a:hover{ opacity: 0.90; box-shadow:0 0 15px 3px rgba(0,0,0,.30);}
.paint_info{ position: absolute; top:0; left:0; width:100%; height: 100%; background: #f8f8f8; padding: 5% 20px 0;}
.paint_info h4{ font-size: 16px; margin-bottom: 10px;}
.paint_des{ color:#888; line-height: 23px; max-height: 46px; overflow: hidden;}
.paint_from{ color:#888; font-size: 12px;}
 /*case*/
.case{ }
/*wenbo*/
.wenbo{ width:65.5%; float: left; margin-right: 3.5%;}
.wenbo_rec{ width:47.33%; margin-right: 5.5%;} 
.wenbo_list{ float: left; width:auto; padding: 0; overflow: hidden;}
/*cheng*/
.cheng{}

/*css控制单行显示*/
.movies_rec dt p,
.movies_list li a,
.exhibit_list a p,
.hot_info h4,
.stage li a h4,
.paint_info h4{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
 



@media only screen and (max-width: 991px){
	 
} 

@media only screen and (max-width: 767px){
	/*艺术*/
	#focus_art .item img,#focus .item a img{ height:auto;}
	
	#focus_art,
	.movies_rec,.movies_list,
	.exhibit,
	.paint_list,
	.wenbo,#focus a,.rec_tours{ width:100%; float: none; margin: 0 auto;} 
	#focus a{ position: relative;}
	.focus_caption{width:100%}
	.movies_list{ padding:0; margin:0;}
	.movies_list li{ padding:0;}
	.movies_rec,.movies_list,
	.exhibit,
	.paint_list{ margin-bottom:20px;}
	.hot_img{ width:42%; margin-right: 3.21%;}
	.stage li{ width:100%;} 
	.stage li:nth-of-type(2){margin:15px 0;}
	.person_list{ margin:-10px 0;}
	.person_list li{ padding:10px 0;}
	.paint_info h4{ margin-bottom:0; font-size: 14px;}
	.paint_des{ font-size: 13px; max-height:23px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.stage li a h4{ font-size: 14px;}
	.stage_des{ font-size: 13px; text-indent: 12px;}
	.hot_des{ font-size: 13px; text-indent: 24px;}
}  


/*图片由小变大*/
.exhibit_list a img,.hot_list li img,.movies_rec a img{
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration:400ms;
    width: 100%;
    /*position: relative;*/
}

.exhibit_list a:hover img,.hot_list li:hover img,.movies_rec a:hover img{
    -webkit-transform: scale(1.04, 1.04);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1.04, 1.04);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1.04, 1.04);
    transition-timing-function: ease-out;
    transition-duration:400ms;
}