/*-----global CSS 清除浏览默认样式-----*/
*{margin:0;padding:0;list-style-type:none;}
html{position: relative;}
body{font-family:Microsoft YaHei,SimHei,Arial, Helvetica, sans-serif, SimSun;color:#333;  font-size:16px; background:#fdd102;padding-bottom:80px;}
li{ list-style:none;}
a{ text-decoration:none; color:#000;}
a:hover{ text-decoration:none;}
img{ border:none; vertical-align:bottom; display:inline-block; display:block;border:0;}
h1{ font-size:16px; font-weight:normal;}
h2{ font-size:14px; font-weight:normal;}
h3{ font-size:14px; font-weight:normal;}
h4{ font-size:14px; font-weight:normal;}
.fl{ float:left;}
.fr{ float:right;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb30{ margin-bottom:30px;}
.mr10{ margin-right:10px;}
.fb{ font-weight:bold;}
input::-moz-focus-inner{border:none;padding:0;}

@font-face
{
font-family:FZSEJW;
src: url('http://www.sznews.com/2019/FZSEJW.eot'),
     url('http://www.sznews.com/2019/FZSEJW.TTF'),
     url('http://www.sznews.com/2019/FZSEJW.woff'),
     url('http://www.sznews.com/2019/FZSEJW.svg');
font-style: normal;
}


/*正常背景*/
.bg{background:#fdd102 url(http://www.sznews.com/resource/templateRes/201908/21/979/979/header-bg_01.jpg)  no-repeat top center; background-size: 100% auto;}


/*-----首页-----*/
header{ width:100%;}
header img{ width:100%;}

/*头部内容*/
header h1{ width:80%; margin:0 auto;-webkit-animation: h1 1.5s;animation: h1 1.5s;}
header h2{width:100%; margin:0 auto;-webkit-animation: logo 1.5s;animation: logo 1.5s;}
/*logo*/
header h3{ width: 21%; margin: 5% 0 1% 5%;-webkit-animation: logo 1.5s;animation: logo 1.5s;}

/*导航*/
.header-nav{ padding: 0 4% 5%; background:url(http://www.sznews.com/resource/templateRes/201908/21/979/979/header-nav.png) no-repeat top center;background-size: 100% auto;}
.header-nav a{ cursor: pointer; display: inline-block; width:32%;text-align: center;}
.header-nav a:hover,.header-nav-hover{ background:url(http://www.sznews.com/resource/templateRes/201908/21/979/979/nav-hover.png) no-repeat center center; background-size: 100% 100%;   }
.header-nav a img{ width: 100%;}
.header-nav-hover{}

/*底部导航*/
.bottom-nav{ position: fixed; z-index: 10000; bottom: 0; left: 0; text-align: center; width: 100%; height:16%; background: linear-gradient(#0079e4,#006ac9); box-shadow: 0 0 15px #ff8c4e ; overflow:hidden; zoom:1;}
.bottom-nav a{ display: inline-block; margin:0 auto;}
.bottom-nav a img{ width:100%;}
.bottom-nav a:hover,.bottom-nav-hover{ background:url(http://www.sznews.com/resource/templateRes/201908/21/979/979/bottom-nav-bg.png) no-repeat center center; background-size: 100% 100%;   }
.bottom-nav li{ width:25%; text-align:center; float:left; color:#FFF;}

/*内容*/
.cont{ width:100%; position: relative;}
.cont img{ width:100%;}

/*通用栏目样式*/
.mod{ width: 93%; margin: 0 auto; background: #fff; border-radius: 20px; box-shadow: 6px 0 30px #ffb48c; margin-bottom:8%;}
.mod-tit{ }
.mod-tit img{ width: 50%; margin: 0 auto;}
.mod-bd{ padding: 2% 0;}
/*新闻聚焦*/

.swiper1,.wj-swiper1,.wj-swiper2{ margin-bottom: 10px;}
.swiper1 .swiper-wrapper,.wj-swiper1 .swiper-wrapper,.wj-swiper2 .swiper-wrapper{ width: 85%!important; margin: 0 auto; }
.swiper1 .swiper-slide,.wj-swiper1 .swiper-slide,.wj-swiper2 .swiper-slide{ position: relative;}
.swiper1 .swiper-slide p,.wj-swiper1 .swiper-slide p,.wj-swiper2 .swiper-slide p{ position: absolute; z-index: 1000; bottom: 0; left: 0; width: 85%; box-sizing: border-box; padding: 0 5px; text-align: center;
 height: 35px; line-height: 35px; background: #000; color: #fff; opacity: 0.8;}
.swiper1 img,.wj-swiper1 img,.wj-swiper2 img{ width: 85%;}
.swiper-button-next, .swiper-button-prev{ width: 25px; height: 36px; margin-top: -18px;}
.swiper-button-prev{ background: url(http://www.sznews.com/resource/templateRes/201908/21/979/979/arrow-left.png) no-repeat top left; background-size:80% auto ; left: 2px !important;}
.swiper-button-next{background: url(http://www.sznews.com/resource/templateRes/201908/21/979/979/arrow-right.png) no-repeat top right;background-size:80% auto ;  right: 2px!important;}

/*活动介绍*/
.mod-bd2{ padding: 2% 5% 5% 5%; overflow:hidden; zoom:1;}
.mod-bd2 li{ width:45%; margin:2.3%; text-align:center; float:left; height:100px;}
.mod-bd2 li img{border-radius:50%;}


/*导航*/
.nav { overflow: hidden; zoom:1; }
.nav a{float: left; display: block; text-align: center; width: 27.3%; margin-right:3%; background:#dcf7ff; padding: 5% 2% 3%; border-radius: 10px 10px 0 0;}
.nav span:last-child a{ margin-right: 0;}
.nav .on a{ background: #fff6d6;}

.tab{ display:none; background:#fff6d6; padding: 5%; border-radius: 0 0 10px 10px; line-height: 150%; font-size: 16px;
text-indent: 32px;
}
.tab-on{ display:block;}

/*大赛公告*/
/*头条*/
.top-news{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px solid #fff8d0;}
.top-news h4 a{ font-size: 22px; display: block; text-align: center; margin-bottom: 5px; line-height: 140%;}
.top-news .text{ font-size: 18px; text-indent: 36px; text-align: justify; color: #666;}
.top-news .text a{ color:#ff4200;}

/*列表*/
.news-list li{ overflow: hidden; zoom:1; padding: 5px 0 6px;}
.news-list a:before{ content:"" ;float: left; margin:4px 8px 0 5px; width: 12px; height: 12px; display: block; background: linear-gradient(#0079e4,#006ac9); border-radius: 50%;
 box-shadow: 0 2px 3px #2a91ed,0 5px 10px #7dc2ff; }
 .news-list a{ line-height: 140%;}
 
/*学生风采*/
.swiper2{ padding-bottom: 10%;}
.swiper2 .swiper-slide{ width: 46%; text-align: center; }
.swiper2 .swiper-slide img{ width: 100%;}
.swiper2 .swiper-slide p{ margin-top: 5px;}
.swiper2 .swiper-pagination{ bottom: 0;}
.swiper2 .swiper-pagination-bullet{ background: #fdd000; opacity: 1; width: 13px; height: 13px; }
.swiper2 .swiper-pagination-bullet-active{background: #005bac;}

/*02活动介绍*/
.mod-tit3{ }
.mod-tit3 img{ width: 90%; margin: 0 auto;}
.mod-bd3{padding: 2% 5% 5% 5%;}
.mod-bd3 p{ text-indent: 32px; margin-bottom: 10px;}

/*评选流程*/
.mod-lc .mod-bd3 img{ margin-bottom: 10px;}
.mod-lc .mod-bd3 img:last-child{ margin-bottom: 0;}

/*03往届回顾*/
.wj-swiper1,.wj-swiper2{}

/*04品牌展示*/
.school-list{ text-align: center;}
.school-list span{ height: 30px; line-height: 30px; background: #fff6cb; padding: 5px; border: 2px solid #ffd200; 
border-radius: 5px;  box-shadow:0 2px 0 #fff2b2; display: inline-block; margin-bottom: 10px;margin-right: 10px;}

/*助力banner*/
.jl-banner{ width: 93%; margin: 0 auto 1%;  box-shadow: 6px 0 30px #ffb48c;background: #fff; border-radius: 10px; overflow: hidden;}

/*品牌列表*/
.mod-brand{width: 93%; margin: 0 auto; position: relative;}
.mod-brand-tit{ position: relative; bottom: -25px;  text-align: center; }
.mod-brand-tit a{font-family:FZSEJW; min-width: 50%; margin: 0 auto; padding:0 10px;height:50px; line-height:50px; display: inline-block;border-radius: 10px;
background: linear-gradient(#0e8eff,#0063bb); color: #fff; font-size: 24px; box-shadow:0 2px 0 #7dc2ff,0 4px 5px #7dc2ff; 
text-shadow: 0 3px 0 #0063bc,0 3px 7px #0063bc;}
.mod-brand-bd{ padding: 40px 5% 5% 5%;background: #fff; border-radius: 20px; box-shadow: 6px 0 30px #ffb48c;}

/*05分赛区*/
.mod-fsq{width: 93%; margin: 0 auto 3%; position: relative;}
.mod-fsq:first-child{ margin-top: -20px}
.mod-fsq-tit{ position: relative; bottom: -25px;  text-align: center;  }
.mod-fsq-tit a{min-width:76%; margin: 0 auto; padding:0 10px;height:50px; line-height:50px; display: inline-block;border-radius: 10px;
background: linear-gradient(#0e8eff,#0063bb); color: #fff; font-size:18px; font-weight:bold; box-shadow:0 2px 0 #7dc2ff,0 4px 5px #7dc2ff; 
text-shadow: 0 3px 0 #0063bc,0 3px 7px #0063bc;}
.mod-fsq-bd{ padding: 40px 0 0 0;background: #fff; border-radius: 20px; box-shadow: 6px 0 30px #ffb48c;}

.fsq-swiper{ margin-bottom: 20px;}

/*分赛区列表*/
.fsq-item{ padding:0 5%;}
.fsq-item .nav2{}
.fsq-item .nav2:after{ content: ""; clear: both; display: block; height: 0;}
.fsq-item span:last-child{ margin-right: 0;}
.fsq-item .nav2 span{position: relative;display: block; float: left; width: 50%;
height: 50px; line-height: 50px;background: #dcf7ff; text-align: center;}
.fsq-item .tab{ background: none;}
.fsq-item .nav2 span.on{ background: #005bac;}
.fsq-item .nav2 span.on a{ color: #fff;}
.fsq-item .nav2 span.on:after{ content:""; background:url(http://www.sznews.com/resource/templateRes/201908/21/979/979/arrow.png) no-repeat; width: 15px; height: 7px; display: block;
position: absolute; left: 50%; margin-left: -7px; top: 50px; z-index: 100;}

.fsq-item .tab{ padding: 5% 0;}

/*选手列表*/
.player-list:after{content: ""; clear: both; display: block; height: 0;}
.player-list li{ width: 48%; float: left; margin-right: 4%; margin-bottom: 4%;}
.player-list li:nth-child(2n){ margin-right: 0;}
.player-list a img{ width: 100%; margin-bottom: 5px;}
.player-list a p{ text-align: center; text-indent: 0;}


/*06视频*/
.mod-video{width: 93%; margin: 0 auto;}
.mod-video .mod-bd{padding:5% 5% 0; background: #fff; border-radius: 20px; box-shadow: 6px 0 30px #ffb48c;}

.video-list:after{content: ""; clear: both; display: block; height: 0;}
.video-list li{ width: 48%; float: left; margin-right: 4%; margin-bottom: 4%;}
.video-list li:nth-child(2n){ margin-right: 0;}
.video-list li a{ display: block; position: relative;}
.video-list .video-img{ width: 100%; margin-bottom: 5px;}
.video-list .video-icon{ position: absolute; left: 50%; top: 50%; width: 26%; height: auto; margin-left: -13%;
 margin-top:-30%; z-index: 100;}
.video-list a p{ text-align: center; text-indent: 0;}

/*07详细页*/
.detail-cont{width: 93%; margin: 0 auto; box-sizing: border-box; background: #fff; border-radius: 20px; box-shadow: 6px 0 30px #ffb48c;
line-height: 160%; padding: 5%;}
.detail-cont h4{ overflow: hidden;zoom:1; font-size: 20px; line-height: 150%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px solid #eee;}
.detail-cont h4:before{ content: ""; display:block; float: left; margin-top: 5px; width: 5px; height: 20px; line-height: 20px; border-radius: 2px; background: #005BAC; margin-right: 3px;}
.detail-cont p{ margin-bottom: 10px; font-size: 16px; text-indent: 32px; text-align: justify; color: #555;}
.detail-cont video,.detail-cont img{width: 100%;}
.detail-cont img{ margin-bottom: 5px;}

/*底部文字*/
footer{ width: 45%; margin: 0 auto 5%;}
footer img{ width: 100%;}

/*动画*/
@-webkit-keyframes h1{
0%{ opacity:0;  transform: scale(0);}
80% {  opacity:1; transform: scale(1.5);}
100% {transform: scale(1);}
}
@keyframes h1 {
0%{ opacity:0;  transform: scale(0);}
50% {  opacity:1; transform: scale(1.5);}
100% {transform: scale(1);}
	}
@-webkit-keyframes h2{
from { opacity:0;transform: rotate(0);}
to { opacity:1;transform: rotate(360deg); }
}
@keyframes h2 {
from { opacity:0;transform: rotate(0);}
to { opacity:1;transform: rotate(360deg); }
}

@-webkit-keyframes logo{
from { opacity:0;}
to { opacity:1; }
}
@keyframes logo {
from { opacity:0; }
to { opacity:1; }
}

@media only screen and (min-width:1025px ) {
	 html{width: 800px; margin: 0 auto; background: #fff;}
	 body{ border:1px solid #fff; padding-bottom: 20%;}
	 .bottom-nav{ width: 800px;/*left: 50%; margin-left: -400px; */ margin: 0 auto; left: 0; right: 0; padding: 0; padding-top: 1%;}
	 .swiper-button-next,.swiper-button-prev{ background-size: 100% auto;}
	 .video-list .video-icon{margin-top:-20%;}
	
}