@charset "utf-8";


/*伸缩式布局*/
.nav-box ul li p {
    display: -webkit-box;           
    display: -moz-box;              
    display: -ms-flexbox;           
    display: -webkit-flex;          
    display: flex;
}

/*.flex-vt {    
	-moz-box-orient:vertical;
	-webkit-box-orient:vertical; 
	box-orient:vertical;             
	flex-flow:column;
}*/

.nav-box ul li p>span {                    	
	-webkit-box-flex: 1;            
    -moz-box-flex: 1;               
    -webkit-flex: 1;                
    -ms-flex: 1;                    
    flex: 1;                        
}

/*头部样式*/
header { background-color:#e44445;}
header h1 { color:#fff;}
header #menuBtn i:after { background-position:-45px -85px;}
header #backBtn i:after { background-position:-125px -125px;}

header.sublist-head { box-shadow:none;}
/*header.sublist-head { background-color:#e44445;}
header.sublist-head h1 span { color:#fff;}
header.sublist-head #backBtn i:after { background-position:-125px -125px;}*/


/*侧边栏菜单*/
.drawer .nav .team p a i { background-color:#e44445;}
/*.drawer .nav .single p a i { background-color:transparent;}*/

/*主导航样式*/
.nav-box { padding:5px 0 0; margin-bottom:12px; background-color:#fff; position:relative;}
.nav-box ul li { width:100%; position:relative; margin-bottom:5px;}
.nav-box ul:after { content:""; display:block; height:0; clear:both; visibility:hidden;}

.nav-box ul li:nth-child(4n+1) { background-color:#e48080;}
.nav-box ul li:nth-child(4n+2) { background-color:#d9a947;}
.nav-box ul li:nth-child(4n+3) { background-color:#85a7d7;}
.nav-box ul li:nth-child(4n+4) { background-color:#e0c6a1;}

.nav-box ul li a { display:block; width:100%; height:0; padding-top:27%; color:#fff; text-decoration:none;}
.nav-box ul li p { width:40%; height:100%; padding-left:60%; position:absolute; top:0; left:0;}
.nav-box ul li p>span { display:block; margin:0 10px; overflow:hidden; position:relative;}
.nav-box ul li p span span { display:inline-block; max-width:100%; line-height:normal; font-size:1.2rem; height:20px; position:absolute; top:5px; right:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.nav-box ul li p span em { display:inline-block; font-size:14px; line-height:20px;  overflow:hidden; height:40px; position:absolute; bottom:5px; right:0; font-style:normal; text-align:justify;}
.nav-box ul li a i { display:block; width:27%; height:90%; margin:1.5% 0 1.5% 20px; border-radius:44%; position:relative; overflow:hidden; }
.nav-box ul li a i img { width:100%; height:100%;}
.nav-box ul li a b { display:block; width:60%; height:100%; overflow:hidden; position:absolute; top:0; left:0;}
.nav-box ul li a b img { width:100%; position:absolute; top:50%; margin-top:-25%;}
.nav-box ul li:nth-child(even) p { padding-left:0; padding-right:60%;}
.nav-box ul li:nth-child(even) p span span { right:auto; left:0;}
.nav-box ul li:nth-child(even) p span em { right:auto; left:0; text-align:left;}
.nav-box ul li:nth-child(even) a b { left:auto; right:0;}


.nav-box .swiper-pagination { bottom:-11px;}
.nav-box .swiper-pagination .swiper-pagination-bullet { width:4px; height:2px; border-radius:2px; transition:width .4s ease;}
.nav-box .swiper-pagination .swiper-pagination-bullet-active { width:10px; background-color:#df3031; opacity:1;}
.nav-box.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 2px;}

.pagination-hide { padding:5px 0;}
.pagination-hide .swiper-pagination { display:none;}

.slide-over .swiper-wrapper { display:block;}
.slide-over ul li { float:left;}
.slide-over ul li:nth-child(ood) p { border-right:none;}

/*列表页导航*/
.nav-box.list-top-nav { height:44px; padding:0; margin-bottom:0; /*background-color:#fff;*/ background-color:#e44445; position:relative; border-bottom:1px solid rgba(160, 160, 160, 0.3); box-shadow:0 0 5px rgba(224, 224, 224, 0.2);}
.list-top-nav ul li.swiper-slide { width:auto; position:relative; border-bottom:none; /*background-color:#fff;*/ background-color:#e44445;}
.list-top-nav ul li.swiper-slide a { position:static; width:100%; height:100%; padding-top:0; text-decoration:none;}
.list-top-nav ul li.swiper-slide p { position:relative; width:auto; height:12px; top:50%; margin-top:-6px; margin-left:12px; padding:0 12px 0 0; border-right-color:#ddd;}
.list-top-nav ul li.swiper-slide a p>span { line-height:normal; font-size:16px; color:#fff; height:24px; position:relative; top:50%; margin:-12px 0 0 0; left:auto; padding:0 0 0 22px; overflow:visible;}
.list-top-nav ul li.swiper-slide a i { display:block; width:36px; height:36px; margin:0 0 0 5px; border-radius:0; position:relative; left:-14px; top:50%; z-index:1; margin-top:-18px; overflow:hidden; position:absolute;}
.list-top-nav ul li.swiper-slide a i img { width:100%; height:100%;}
.list-top-nav ul li.swiper-slide:last-child p { border-right:none;}

.list-top-nav .swiper-pagination { display:none;}

.list-top-nav ul li.swiper-slide.on a:after { display:none;}
.list-top-nav ul li.swiper-slide.on a span:after { content:""; display:block; width:100%; height:2px; position:absolute; left:0; bottom:-2px; background-color:#fff;}
.list-top-nav ul li.swiper-slide.on a span { color:#fff;}


/*子栏目次级导航样式*/
.nav-box.list-sub-nav { height:36px; padding:0; margin-bottom:0; background-color:#fff; position:relative; border-bottom:1px solid rgba(160, 160, 160, 0.3); box-shadow:0 0 5px rgba(224, 224, 224, 0.2);}
.list-sub-nav ul li.swiper-slide { width:auto; position:relative; border-bottom:none; margin-bottom:0; background-color:#fff;}
.list-sub-nav ul li.swiper-slide a { position:static; display:block; width:100%; height:40px; padding-top:0; margin:0; text-decoration:none;}
.list-sub-nav ul li.swiper-slide p { position:relative; width:auto; height:12px; padding-right:0; top:50%; margin-top:-6px; margin-left:12px; border-right-color:#ddd;  padding:0 12px 0 0;}
.list-sub-nav ul li.swiper-slide a p>span { line-height:normal; font-size:14px; color:#e44445; height:24px; position:relative; top:50%; margin:-12px 0 0; left:auto; padding:0 0 0 18px; overflow:visible;}
.list-sub-nav ul li.swiper-slide a i { display:block; width:32px; height:32px; position:absolute; left:-14px; top:50%; margin:-18px 0 0 5px; border-radius:0; overflow:hidden;}
.list-sub-nav ul li.swiper-slide a i img { width:100%; height:100%;}
.list-sub-nav ul li.swiper-slide:last-child p { border-right:none;}

.list-sub-nav .swiper-pagination { display:none;}

.list-sub-nav ul li.swiper-slide.on a:after { display:none;}
.list-sub-nav ul li.swiper-slide.on a span:after { content:""; display:block; width:100%; height:2px; position:absolute; left:0; bottom:-1px; background-color:#e44445;}
.list-sub-nav ul li.swiper-slide.on a span { color:#e44445;}


/*底部导航样式*/
.bottom-tabbar a.on { color:#e44445;}

/*首页模块*/
.show-box { background-color:#fff; margin-bottom:12px;}
.show-box .caption { margin:0 10px; padding:9px 0; height:22px; color:#444;}
.show-box .caption h2 { font-weight:normal; padding-left:8px; display:inline-block; line-height:normal; font-size:16px; position:relative;}
.show-box .caption h2:after { content:""; display:block; height:12px; width:0; border-left:2px solid #ed5565; position:absolute; left:0; top:6px;}
.show-box .caption a.more { float:right; font-size:13px; color:#999; line-height:normal; padding:2px 10px 2px 0; position:relative;}
.show-box .caption a.more:before, .show-box .caption a.more:after { content:""; display:block; height:0; width:0; position:absolute;}
.show-box .caption a.more:before { border:6px solid transparent; border-left:6px solid #aaa; right:-4px; top:5px;}
.show-box .caption a.more:after { border:5px solid transparent; border-left:5px solid #fff; right:-2px; top:6px;}

.show-box .main-list { margin-bottom:0;}
.show-box .article .item-news .info div.view span { color:#ed5565;}

.show-box .album .caption .info { float:right; font-size:12px; line-height:normal; color:#ed5565; display:block; padding:2px 24px 2px 0; position:relative; font-family:Microsoft YaHei;}
.show-box .album .caption .info em { visibility:hidden;}
.show-box .album .caption .info:after { content:""; display:block; width:16px; height:12px; background:url(../images/icon_pic@4x.png) no-repeat; background-size:16px 12px; position:absolute; top:5px; right:3px;}
.show-box .album ul { padding-bottom:10px;}
.show-box .album ul li { width:100%; padding-top:50%; position:relative; overflow:hidden;}
.show-box .album ul li img { width:100%; position:absolute; top:0; left:0;}


.nav-box:last-child,
.show-box:last-child { margin-bottom:0;}