@charset "utf-8";


/*伸缩式布局*/
/*.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;
}*/

.bottom-tabbar>span {                    	
	-webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.bottom-tabbar a { flex:none;}


/*header { background-color:#e3453a;}
header h1 span { color:#fff; text-align:left;}
header .headBtn { width:41px;}
header #backBtn i:after { background-position:-125px -125px;}*/

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

/*主导航样式*/
.nav-box { height:auto; padding:15vw 0 1vw; margin-bottom:10px; background-color:#fff;  position:relative;}
.nav-box ul { width:100%;}
.nav-box ul li { width:25%; position:relative; border-bottom:none; float:left;}
.nav-box ul:after { content:""; display:block; height:0; clear:both; visibility:hidden;}

.nav-box ul li a { display:block; height:0; width:100%; padding-top:90%; text-decoration:none; position:relative; overflow:hidden;}
.nav-box ul li a p { position:absolute; width:100%; height:100%; top:0; margin:0; padding:0;}
.nav-box ul li a p>span { display:block; line-height:normal; font-size:3.2vw; color:#666; width:80%; height:auto; margin:0 auto; text-align:center; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; position:relative; overflow:hidden;}
.nav-box ul li a i { display:block; width:56%; padding-top:56%; height:0; border-radius:50%; background-color:#f84f42; background-image:url(../images/ring-bg.png); background-size:cover; position:relative; margin:0 auto 2px; overflow:hidden; box-shadow:0 1px 3px rgba(224,17,21,0.3);}
.nav-box ul li a i img { width:100%; height:100%; position:absolute; top:0; left:0;}

.nav-box .swiper-pagination { bottom:-10px;}
.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:#e3453a; 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:auto; padding:3vw 0 0; margin-bottom:10px; background-color:#fff; position:relative;}
.list-top-nav ul li.swiper-slide { width:25vw; position:relative; border-bottom:none; background-color:#fff;}
.list-top-nav ul li.swiper-slide a { display:block; height:0; width:100%; padding-top:84%; text-decoration:none; position:relative; overflow:hidden;}
.list-top-nav ul li.swiper-slide p { position:absolute; width:100%; height:100%; top:0; margin:0; padding:0;}
.list-top-nav ul li a p>span { display:block; line-height:normal; font-size:3.2vw; color:#666; width:80%; height:auto; margin:0 auto; text-align:center; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; position:relative; overflow:hidden;}
.list-top-nav ul li a i { display:block; width:56%; padding-top:56%; height:0; border-radius:50%; background-color:#f84f42; background-image:url(../images/ring-bg.png); background-size:cover; position:relative; margin:0 auto 2px; overflow:hidden; box-shadow:0 1px 3px rgba(224,17,21,0.3);}
.list-top-nav ul li a i img { width:100%; height:100%; position:absolute; top:0; left:0;}
.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:auto; padding:3vw 0 0; margin-bottom:10px; background-color:#fff; position:relative;}
.list-sub-nav ul li.swiper-slide { width:25vw; position:relative; border-bottom:none; background-color:#fff;}
.list-sub-nav ul li.swiper-slide a { display:block; height:0; width:100%; padding-top:84%; text-decoration:none; position:relative; overflow:hidden;}
.list-sub-nav ul li.swiper-slide p { position:absolute; width:100%; height:100%; top:0; margin:0; padding:0;}
.list-sub-nav ul li a p>span { display:block; line-height:normal; font-size:3.2vw; color:#666; width:80%; height:auto; margin:0 auto; text-align:center; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; position:relative; overflow:hidden;}
.list-sub-nav ul li a i { display:block; width:56%; padding-top:56%; height:0; border-radius:50%; background-color:#f84f42; background-image:url(../images/ring-bg.png); background-size:cover; position:relative; margin:0 auto 2px; overflow:hidden; box-shadow:0 1px 3px rgba(224,17,21,0.3);}
.list-sub-nav ul li a i img { width:100%; height:100%; position:absolute; top:0; left:0;}
.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;}

/*二级页面头部样式*/
.sub-card { position:relative; overflow:hidden;}
.sub-card .card-main { position:relative; padding-top:24%;}
.sub-card .card-main:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.sub-card .top-cover { width:100%; /*height:100%;*/ padding-top:53.33%; max-height:200px; position:absolute; top:0; left:0; overflow:hidden; background-size:cover; background-position:center center;}
.sub-card .top-cover img { width:100%; position:absolute; top:0; left:0;}
.sub-card .top-cover em { width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.2);}
.sub-card .shade {
	display:none; 
    position:absolute; 
	top:0px;
	left:0;
	width:100%;
	/*height:100%;
	max-height:200px;*/
	padding-top:53.33%;
	z-index:20;
	background:-moz-linear-gradient(top, rgba(250, 250, 250, 0) 45%, rgba(246, 246, 246, 1) 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(45%,rgba(250,250,250,0)), color-stop(100%,rgba(246, 246, 246, 1))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgba(250, 250, 250, 0) 45%, rgba(246, 246, 246, 1) 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgba(250, 250, 250, 0) 45%, rgba(246, 246, 246, 1) 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, rgba(250, 250, 250, 0) 45%, rgba(246, 246, 246, 1) 100%); /* IE10+ */
	background:linear-gradient(to bottom, rgba(250, 250, 250, 0) 45%, rgba(246, 246, 246, 1) 100%); /* W3C */
}
.sub-card .card-main .title { position:absolute; top:0; left:0; width:100%; height:0px; margin:0; padding-top:24%; font-size:0; line-height:0; z-index:100;}
.sub-card .card-main .title>div { position:absolute; width:100%; height:100%; top:0; left:0;}
.sub-card .card-main .title b { vertical-align: middle; display:inline-block; height:100%; width:0;}
.sub-card .card-main .title p { vertical-align:middle; display:inline-block; width:70%; margin:0 15%; font-size:24px; color:#fff; letter-spacing:2px; text-align:center;}
.sub-card .card-main .title p span { display:inline-block; line-height:30px; padding:8px 0; width:100%; text-shadow:0 2px 5px rgba(0,0,0,0.4);}
.sub-card .card-main .card-info  {  position:relative; z-index:30; margin:0 10px 10px; padding:16px 20px; border-radius:4px; line-height:25px; font-size:16px; text-align:justify; background-color:rgba(255,255,255,0.8); box-shadow:0 0 1px rgba(0,0,0,0.1);}

.sub-card .top-act { position:absolute; width:40px; height:100%; top:0; z-index:300; cursor:pointer; color:#fff;}
.sub-card .top-act i { display:block; width:24px; height:24px; position:absolute; top:50%; left:50%; margin-left:-12px; margin-top:-12px; opacity:0.8; border-radius:50%; overflow:hidden;}
.sub-card .top-act:active i { background-color:rgba(255,255,255,0.2); opacity:1;}
.sub-card .top-act.back { left:0px;}
.sub-card .top-act.back i { background:url(../images/icon_back_white.png) no-repeat 5px 2px; background-size:10px 19px;}
.sub-card .top-act.back:active { background-color:rgba(255,255,255,0.2);}
.sub-card .top-act.menu { right:0px;}
.sub-card .top-act.menu i { background:url(../images/icon_menu_white.png) no-repeat 2px 2px; background-size:20px 20px;}
.sub-card .top-act.menu:active { background-color:rgba(255,255,255,0.2);}
.sub-card .top-act.write { right:15px;}
.sub-card .top-act.attention { right:15px; padding-left:20px; width:auto;}


/*底部导航样式*/
.bottom-tabbar { background-color:#e3453a; height:13.5vw; padding:0 20px;}
.bottom-tabbar a { color:#fff; padding-top:0; margin-top:4vw; height:9vw;}
.bottom-tabbar a i { display:none;}
.bottom-tabbar a span { display:block; font-size:4.6vw; line-height:6.5vw; position:relative;}
.bottom-tabbar a.on { color:#fff;}
.bottom-tabbar a.on span:after { content:""; height:2px; width:100%; position:absolute; bottom:-2px; left:0; background-color:#fff;}

/*大图轮播*/
.top-banner { position:relative; padding-top:30vw; background-color:#e3453a;}

.news-big-pic { width:100%; padding:0; background-color:transparent; position:absolute; top:0; left:0;}
.news-big-pic > .swiper-wrapper > .swiper-slide a { margin:0 2vw; border-radius:6px; width:96vw; box-shadow:0 1px 3px rgba(0,0,0,0.3);}
.news-big-pic li.swiper-slide a span { background-color:rgba(0,0,0,0.6); position:absolute; width:90vw; font-size:4vw; line-height:8vw; height:8vw; padding:1vw 3vw 0; overflow:hidden; top:0; left:0; text-align:center; color:#fff;}
.news-big-pic .swiper-pagination { width:96vw; padding-right:4vw; /*text-align:center;*/ height:7vw; bottom:-7vw;}
.news-big-pic .swiper-pagination .swiper-pagination-bullet { background-color:rgba(102,102,102,0.5); margin:0 2px; transition:none;}
.news-big-pic .swiper-pagination .swiper-pagination-bullet-active { background-color:#e3453a; width:5px; height:5px;}
.news-big-pic .big-pic-title { display:none;}
 
.top-banner .school-plate { margin:0 2vw; width:96vw; border-radius:6px; overflow:hidden; position:absolute; top:0; left:0; z-index:100; box-shadow:0 1px 3px rgba(0,0,0,0.3);}
/*.school-plate .brand .topic p { padding:5px 0 16px;}*/

.top-banner .big-pic-title { position:relative; padding-top:2vw; background-color:#fff;}
.top-banner .big-pic-title ul { height:4vw; line-height:normal; color:#666; width:98vw; padding-left:2vw;}
.top-banner .big-pic-title li { padding:2px 3vw; font-size:3.6vw; width:60%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; word-wrap:normal; position:absolute; transition:all 0.6s ease 0s; opacity:0; top:10vw; z-index:10;}
.top-banner .big-pic-title li:after { content:""; height:1vw; width:1vw; border-radius:50%; position:absolute; top:50%; left:1vw; margin-top:-0.5vw; background-color:#e3453a;}
.top-banner .big-pic-title li.on { opacity:1;}


/*首页模块*/
.show-box { background-color:#fff; margin-bottom:12px;}
.show-box .caption { margin:0 10px; padding:2.4vw 0; color:#444;}
.show-box .caption h2 { font-weight:normal; padding-left:4vw; display:inline-block; line-height:normal; font-size:5vw; position:relative;}
.show-box .caption h2:after { content:""; display:block; height:2.2vw; width:2.2vw; border:0.6vw solid #e3453a; border-radius:50%; position:absolute; left:0; top:2.4vw; z-index:10;}
.show-box .caption h2:before { content:""; display:block; height:0.6vw; width:0.6vw; border:0.6vw solid #e3453a; border-radius:50%; position:absolute; left:0.8vw; top:2.4vw; margin:0.8vw 0;}
.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:#e3453a;}

.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;}