@charset "utf-8";


/*伸缩式布局*/
.nav-box ul li p,
.show-box .caption {
    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,
.show-box .caption:after,
.show-box .caption:before {                    	
	-webkit-box-flex: 1;            
    -moz-box-flex: 1;               
    -webkit-flex: 1;                
    -ms-flex: 1;                    
    flex: 1;                        
}

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

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

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

.nav-box ul li a { display:block; height:0; padding-top:36%; overflow:hidden; border-right:1px solid #eee;}
.nav-box ul li a p { position:absolute; top:0; left:10%; width:80%; height:100%;}
.nav-box ul li a p>span { line-height:normal; font-size:4vw; height:6vw; color:#666; display:inline-block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; position:relative; top:50%; margin-top:-3.2vw; margin-left:-3%;}
.nav-box ul li a i { display:block; width:36%; height:80%; border-radius:44%; position:relative; top:10%; overflow:hidden; }
.nav-box ul li a i img { width:100%; height:100%;}

.nav-box ul:nth-child(4n+1) li:nth-child(1) { background-color:#1385cf;}
.nav-box ul:nth-child(4n+1) li:nth-child(5) { background-color:#f98f2e;}
.nav-box ul:nth-child(4n+2) li:nth-child(1) { background-color:#6DB886;}
.nav-box ul:nth-child(4n+2) li:nth-child(5) { background-color:#b4af1c;}
.nav-box ul:nth-child(4n+3) li:nth-child(1) { background-color:#69C9D2;}
.nav-box ul:nth-child(4n+3) li:nth-child(5) { background-color:#e48080;}
.nav-box ul:nth-child(4n+4) li:nth-child(1) { background-color:#9da301;}
.nav-box ul:nth-child(4n+4) li:nth-child(5) { background-color:#92ABF8;}


.nav-box ul li:nth-child(1),
.nav-box ul li:nth-child(5) { width:100%;}
.nav-box ul li:nth-child(1) a,
.nav-box ul li:nth-child(5) a { display:block; width:100%; height:0; padding-top:27%; color:#fff; text-decoration:none; border-right:none;}
.nav-box ul li:nth-child(1) p,
.nav-box ul li:nth-child(5) p { width:33.334%; padding-right:66.666%; left:0;}
.nav-box ul li:nth-child(1) p>span,
.nav-box ul li:nth-child(5) p>span { display:block; margin:0 10px; overflow:hidden; position:relative; color:#fff; top:0; height:100%;}
.nav-box ul li:nth-child(1) p span span,
.nav-box ul li:nth-child(5) p span span { display:inline-block; max-width:100%; line-height:6.5vw; font-size:5vw; position:absolute; top:10px; left:0; overflow:hidden; white-space:normal; text-overflow:ellipsis; word-wrap:normal; width:12vw; height:13vw; letter-spacing:2px;}
.nav-box ul li:nth-child(1) p span em,
.nav-box ul li:nth-child(5) 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:nth-child(1) a b,
.nav-box ul li:nth-child(5) a b { display:block; width:66.666%; height:100%; overflow:hidden; position:absolute; top:0; right:0;}
.nav-box ul li:nth-child(1) a b img,
.nav-box ul li:nth-child(5) a b img { width:100%; position:absolute; top:50%; margin-top:-25%;}
.nav-box ul li:nth-child(1) p>span:after { content:""; width:6.4vw; height:6.4vw; position:absolute; bottom:10px; right:0; background:url(../images/icon_arrow_ring_right.png) no-repeat; background-size:cover;}
.nav-box ul li:nth-child(5) p>span:after { content:""; width:6.4vw; height:6.4vw; position:absolute; bottom:10px; left:0; background:url(../images/icon_arrow_ring_left.png) no-repeat; background-size:cover;}

.nav-box ul li:nth-child(5) p { padding-right:0; padding-left:66.666%;}
.nav-box ul li:nth-child(5) p span span { right:0; left:auto; text-align:right;}
.nav-box ul li:nth-child(5) p span em { right:auto; left:0; text-align:left;}
.nav-box ul li:nth-child(5) a b { left:0; right:auto;}

.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:#1385cf; 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;}

/*列表页导航*/
.list-top-nav { height:14vw; padding:0; margin-bottom:0; background-color:#fff; position:relative;}
.list-top-nav ul li.swiper-slide { width:auto; position:relative; border-bottom:none; background-color:#fff;}
.list-top-nav ul li.swiper-slide a { position:static; display:block; margin:0; width:auto; height:100%; text-decoration:none;}
.list-top-nav ul li.swiper-slide p { position:relative; width:auto; height:100%; margin:0 0 0 3vw;}
.list-top-nav ul li.swiper-slide a p>span { display:block; line-height:8.6vw; font-size:4vw; height:7.6vw; background-color:#eee; color:#333; position:relative; border-radius:4vw; top:50%; margin:-4vw 0 0; left:auto; padding:0 3vw; overflow:visible;}
.list-top-nav ul li.swiper-slide a i { display:none; 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 { margin-right:3vw;}

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

.list-top-nav ul li.swiper-slide.on a span { color:#fff; background-color:#1385cf;}


/*子栏目次级导航样式*/
.list-sub-nav { height:14vw; padding:0; margin-bottom:0; background-color:#fff; position:relative;}
.list-sub-nav ul li.swiper-slide { width:auto; position:relative; border-bottom:none; background-color:#fff;}
.list-sub-nav ul li.swiper-slide a { position:static; display:block; margin:0; width:auto; height:100%; text-decoration:none;}
.list-sub-nav ul li.swiper-slide p { position:relative; width:auto; height:100%; margin:0 0 0 3vw;}
.list-sub-nav ul li.swiper-slide a p>span { display:block; line-height:8.6vw; font-size:4vw; height:7.6vw; background-color:#eee; color:#333; position:relative; border-radius:4vw; top:50%; margin:-4vw 0 0; left:auto; padding:0 3vw; overflow:visible;}
.list-sub-nav ul li.swiper-slide a i { display:none; 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-sub-nav ul li.swiper-slide a i img { width:100%; height:100%;}
.list-sub-nav ul li.swiper-slide:last-child p { margin-right:3vw;}

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

.list-sub-nav ul li.swiper-slide.on a span { color:#fff; background-color:#1385cf;}


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

/*首页模块*/
.show-box { background-color:#fff; margin-bottom:12px; padding-top:4vw;}
.show-box .caption { margin:0 10px 3vw; padding:0 0; color:#444;}
.show-box .caption:after { content:""; display:block; background-color:#dddddd; height:1px; position:relative; top:3.8vw;}
.show-box .caption:before { content:""; display:block; background-color:#dddddd; height:1px; position:relative; top:3.8vw;}
.show-box .caption h2 { font-weight:normal; padding:0 7vw; display:inline-block; line-height:normal; font-size:5vw; position:relative;}
.show-box .caption h2:after { content:""; display:block; height:2px; width:4vw; background-color:#1385cf; position:absolute; right:0; top:3.8vw; margin-top:-1px;}
.show-box .caption h2:before { content:""; display:block; height:2px; width:4vw; background-color:#1385cf; position:absolute; left:0; top:3.8vw; margin-top:-1px;}
.show-box .caption a.more { font-size:12px; color:#999; line-height:normal; padding:2px 8px 2px 0; position:absolute; top:3px; right:10px;}
.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:5px solid transparent; border-left:5px solid #aaa; right:-4px; top:6px;}
.show-box .caption a.more:after { border:4px solid transparent; border-left:4px solid #fff; right:-2px; top:7px;}

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

.show-box { position:relative;}
.show-box .album .caption { position:static;}
.show-box .album .caption .info { font-size:11px; line-height:16px; height:14px; color:#fff; display:block; padding:2px 4px 2px 19px; position:absolute; top:16vw; right:2vw; z-index:10; font-family:Microsoft YaHei; background-color:rgba(0,0,0,0.3); border-radius:3px;}
.show-box .album .caption .info em { display:none;}
.show-box .album .caption .info:after { content:""; display:block; width:20px; height:20px; background:url(../images/icon_pic@4x.png) no-repeat; background-size:20px 20px; position:absolute; top:-1px; left:0;}
.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;}

55b0ed


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