﻿/*列表&正文 2018-03-27*/ 
main{padding-top:0;}
.location{ padding: 12px 1.8%; line-height: 24px; background: #f8f8f8; margin-bottom: 15px;}
.location a{ padding:0 10px;}
.location a.location_cur{ color: #195aa4;}

.list_warp{ padding-bottom: 40px;}
.list_left{ width:65.5%; float:left; margin-right: 5.5%;}
.list_left_sp{ width:100%;}
.shipin{ text-align:center;}
/*previous_list*/
.previous_list{ font-family:"微软雅黑", Microsoft YaHei,arial;}
.previous_list li{ position: relative; height: 40px; line-height: 40px;}
.previous_list li a{ display:block; overflow: hidden; position: relative; padding-left: 14px;}
.previous_list li a::before{ content:""; position: absolute; top:50%; left:0; margin-top: -2px; width: 3px; height: 3px; background: #d1d1d1;}
.previous_list li a:hover::before{ background: #e30b20;} 
.previous_list li a em,.previous_list li em{ float:right; font-size:12px; color:#888; margin-left:15px;}
.previous_list li a span,.previous_list li span{ display:block; overflow: hidden; font-size: 16px; float:left;}
.previous_list li a:hover,.previous_list li a:hover em{ color:#e30b20;}
.previous_list li.li_blank::before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 50%; border-bottom: 1px dashed #dcdcdc;}
/*page*/
.page{font-family:"微软雅黑", Microsoft YaHei,arial; text-align: center; font-size: 16px; margin-top: 50px;}
.page a{ display: inline-block; width:50px; height: 40px; line-height: 40px; border:1px solid #fff; border-radius: 3px;}
.page a:hover{color:#e30b20;}
.page span.page_prev,.page em.page_next{ width: 90px; background: #f8f8f8; border-color: #d1d1d1;display:inline-block;/*border:1px solid #d1d1d1;border-radius:4px;*/}
.page span.page_prev a,.page em.page_next a{ display:inline-block; width:70px;padding-left: 20px; background: url(../img/page_ico01.png) left center no-repeat;}
.page em.page_next a{ padding-left:0; padding-right: 20px; background-image: url(../img/page_ico02.png); background-position: right center;}
.page a.page_cur,.page a.common_current_page{ background: #1e5ca2; border-color:#1e5ca2; color: #fff;}
.page span.page_prev a:hover,.page em.page_next a:hover{ display:inline-block;background: url(../img/page_ico1.png) left center no-repeat;}
.page em.page_next a:hover{ padding-left:0;background-image: url(../img/page_ico2.png); background-position: right center;}

/*列表&正文共用部分==list_right*/
.list_right{ overflow:hidden;}
.list_adv01{ display:block;}
.list_adv01 img,.list_adv02 img{ display:block;max-width: inherit;width:100%;}
.list_adv01:hover img{ opacity: .90;}
.list_adv02{ display:block; margin-top: 20px;}
.list_adv02:hover img{ opacity: .90;}
/*notice*/
.notice{}
.list_tit{ border-bottom:1px solid #195aa4;}
.list_tit img{ display:block; float: left; margin-top: 14px;}
.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: 4px; height: 4px; background: #195aa4;}
.movies_list li a:hover::before{ background: #e7471f;} 
.notice_list{ float: none; width:auto; padding: 0;}
.notice_rec{ margin: 30px -10px 0;}
.notice_rec li{ width:50%; float:left; padding: 0 10px;}
.notice_rec li img{max-width:inherit;width:100%;}
.rec_block{ position: relative; overflow: hidden;}
.notice_rec li img{ display:block;}
.notice_cover{ background: rgba(0,0,0,.50); padding: 0 15px; text-align: center; position: absolute; bottom: 0; left:0; width: 100%; height: 28px; z-index: 1;}
.notice_cover h4 a{ display:block; line-height: 28px; height: 28px; border:1px solid rgba(255,255,255,0); font-weight: normal; font-size: 16px; color: #fff;}
.rec_more{ display: inline-block; font-size: 12px; color: #fff; height: 0px; overflow: hidden; opacity: 0; position: relative; top:0;}
.notice_rec li:hover .notice_cover{ height: 100%; background: rgba(0,0,0,.10); padding-top: 18%;}
.notice_rec li:hover .notice_cover h4 a{ border-color:rgba(255,255,255,1);}
.notice_rec li:hover .rec_more{ height: auto; opacity: 1; top:10px;}
.notice_cover a:hover{color:#fff;}
/*edit_rec*/
.edit_rec{ margin-top:20px;}
/*special*/
.special{ margin-top:20px;}
.special_rec{ margin-top: -20px;}
.special_rec li{ overflow: hidden; background: #f8f8f8; margin-top: 20px;}
.special_img{ display:block; width:80px; float:left; overflow: hidden;}
.special_img img{ display:block; height:80px;}
.special_tit{ overflow: hidden; padding: 20px 20px 0;}
.special_tit a{ display:block; max-height: 40px;width: 160px; overflow: hidden;}
.special_rec li:hover{ background-color:#f5f5f5;}
.special_rec li:hover .special_tit a{ color: #e30b20;}
/*interview*/
.interview{ margin-top:20px;}
.interview_rec{ margin: 0 auto;}
.interview_rec h4,.interview_rec h6{ font-size: 16px; margin-bottom: 10px;}
.interview_img{display:block; overflow: hidden;}
.interview_img img{ display:block;}
.interview_rec dd{ background: #f8f8f8; color: #888; padding: 20px;}
.interview_des{ line-height: 21px; max-height: 140px; overflow: hidden;}
.interview_rec:hover h4 a,.interview_rec:hover h6 a{ color: #e30b20;}
/*history*/
.history{ margin-top:20px;}
.history_rec{ margin-bottom: 15px;}
.history_rec h4,.history_rec h6{ font-size: 16px; margin-bottom: 10px;}
.history_img{display:block; overflow: hidden; width:120px; float: left; margin-right: 20px;}
.history_img img{ display:block;}
.history_text{ overflow: hidden; color: #888; padding: 0px 0; position: relative;}
.history_text::before,.history_text::after{ content:""; position: absolute; width: 15px; height: 15px; background-repeat: no-repeat; background-position: center center;}
/*.history_text::before{ top:0; left:0; background-image: url(../img/list_04a.png);}
.history_text::after{ bottom:0; right:0; background-image: url(../img/list_04b.png);}*/
.history_des{ line-height:22px; max-height: 150px; overflow: hidden; text-indent: 28px;}
.history_rec:hover h4 a,.history_rec:hover h6 a{ color: #e30b20;}
.history_rec h6{text-indent: 0px;}
/*end*/
.end_tit{ margin-bottom: 40px;}
.end_tit span,.end_tit em,.end_tit i{ display:block;}
.end_tit span{ font-weight: normal; color: #888; font-size:18px;}
.end_tit em{ font-size:38px;}
.end_tit i{ font-weight: normal; font-size:20px;}
.end_info{ font-size:16px; font-family:"微软雅黑", Microsoft YaHei,arial; border-bottom: 1px solid #ccc; margin-bottom: 40px;  line-height:55px;}
.ops_icons li:first-child{ display:none;}
.end_info em{ color:#888;}
.end_shared{ float:right; color:#888; margin-left:20px; }
.shared_list{display:inline-block; vertical-align: middle;}
.shared_list li{ display:inline-block; vertical-align: middle; padding: 0 15px; position: relative;}
.shared_list li::before{ content: ""; position: absolute; top:50%; left:0; width:1px; height: 14px; background: #ccc; margin-top: -7px;}
.shared_list li:first-child::before{ display:none;}
.shared_list li img{ position: relative; top:0;}
.shared_erweima{ position:absolute; top:100%; left:50%; width: 80px; margin-left: -40px; z-index: 2; display: none;}
.shared_list li:hover .shared_erweima{ display:block;}
.shared_list li:hover img{ top:3px; opacity: .90;}
/*end_article*/
.end_article{ font-family:"微软雅黑", Microsoft YaHei,arial; font-size:16px; line-height: 2;} 
.end_article p{ line-height:32px;font-size:18px; padding:15px 0 0 0;}
.end_article p img{ display:block; margin:0 auto;}
.end_article p.desc{font-family:"KaiTi","楷体";}
.end_article table{ width:100%; text-align:center;}


.notice_cover,
.special_rec li,
.shared_list li img{ 
	-webkit-transition:all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/*css控制单行显示*/
.notice_cover h4 a,
.movies_list li a,
.previous_list li a span{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
  

@media only screen and (max-width: 1023px){
	/*page*/ 
	.page{font-size:14px;}
	.page a{ width:40px; height: 40px; line-height: 40px;}
	.page a.page_prev,.page a.page_next{ width: 65px;}
	.page a.page_prev em, .page a.page_next em{padding-left:10px;}
	.page a.page_next em{padding-left:0;padding-right:10px;}
} 

@media only screen and (max-width: 991px){
	/*page*/  
	.page a{width:25px;height:25px;line-height:25px;}
	
	/*list*/
	.list_left{ width:60.5%;}
	.previous_list li a span{ font-size:14px;}
	.end_article,.end_info{ font-size:14px;}
	.end_tit em{ font-size:28px;}
	.end_tit i{ font-size:18px;}
	.end_shared{ float:none; margin-left: 0;}
	.end_info{ padding-bottom: 10px;}
} 

@media only screen and (max-width: 767px){
	/*page*/ 
	.page{margin-top:20px;}
	.page a{ display: none;}
	.page span.page_prev a,.page em.page_next a{ display: inline-block;width:80px;height:40px;line-height:40px;}
	/*list*/
	.list_left{ width:100%; margin-right: 0; float: none; margin-bottom: 40px;}
	/*.notice_list li{ padding:0;}
	.notice_list{ margin: 0;}*/
	footer{margin-top:0;}
	.end_shared{display:inline-block;}
	.end_info{ line-height:26px;display:inline-block;}
	.shipin video{ width:95%; height:auto;}
	.previous_list li a em, .previous_list li em{ display:none;}
	.previous_list li{height:auto;overflow:hidden;padding:8px 0;line-height:inherit;}
	.end_article p.desc,.end_article p span{color:#888; font-size:16px;}
	.list_adv02 img{ max-width: 100%;width:90%;}
	/*.end_article p img{ float:left;}*/
}  

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

/*图片由小变大*/
.special_rec li .special_img img,
.interview_rec .interview_img img,
.history_rec .history_img 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;*/
}

.special_rec li:hover .special_img img,
.interview_rec:hover .interview_img img,
.history_rec:hover .history_img 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;
}

