body {
    font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
/* 通用 */
a:hover{text-decoration: none;}

.hide{ display: none;}
.show{ display: block;}

.f20{ font-size: 20px;}

.container{ width: 1200px; margin: 0 auto; }

/* 头部 */
.header{ width: 100%; height: 80px; background-color: #fff;}

.m-logo{ margin-top:8px; margin-right: 120px;}

.nav-menu{display: flex; justify-content: space-between;  margin: 0 auto; color: #303133; font-size: 26px; line-height: 80px;}
.nav-menu li{ position: relative;}

.nav-menu li:hover>a,.nav-menu li.active a{ color: #409eff; }

.m-search-login{ height: 32px; line-height: 32px; margin-top: 24px; display: flex;}
.search-box{ width: 204px; padding-left: 16px; background:#f6f6f6; border-radius: 16px; margin-right: 20px; transition: all .3s;}
.search-ipt{ width: 120px; height: 32px;padding: 0;  border:none; outline: none;background:#f6f6f6; font-size: 14px;}
.search-btn,.search-btn-1 { width: 80px; height: 32px; background: #409eff url(../images/i-search.png) no-repeat 16px center; color: #fff; border-radius: 16px; line-height: 20px; font-size: 14px; text-indent: 16px; border:none; outline: none; cursor: pointer;}
.search-btn-1 { line-height: 32px; text-indent: 36px; margin-right: 20px;}

.login{ font-size: 16px; color: #6f6f6f;}

/* banner */
.fullSlide{ width:100%;  position:relative;  height:880px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:880px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:880px; }

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:28px; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px;  height:10px; border-radius: 5px; margin:1px; overflow:hidden; background:#fff;  line-height:999px; margin: 0 8px; transition: width 0.5s; -moz-transition: width 0.5s;-webkit-transition: width 0.5s;-o-transition: width 0.5s;}
.fullSlide .hd ul .on{width:30px; height:10px;  }

.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; }

/* 网站公告 */
.m-notice{ background: #fff;}
.gonggao-left{ position:relative; background:url(../images/notice.png) no-repeat left center; height:80px; padding:0 0 0 148px; }
.gonggao-left .bd{ padding:0 10px; }
.gonggao-left .bd .tempWrap{ width:1020px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.gonggao-left .bd ul{ overflow:hidden; zoom:1; }
.gonggao-left .bd ul li{ margin-right:40px;  float:left; height:80px; line-height:80px; color: #606266; text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.gonggao-left .bd ul li a{color: #606266;}

/* 赛事动态 */
.m-contest-news{ padding: 80px 0; background: #f7faff;}
.contest-news{ width: 1200px; padding: 28px 0;}
.contest-news-hd{position: relative;}
.contest-news-hd .title{ position: relative; height: 50px; line-height: 36px; display: inline-block; font-size: 36px; color: #333; font-weight:bold;}
.contest-news-hd .subtit{ display: block; font-size: 16px;}
.contest-news-hd .more{ position: absolute; top:40px; right: 0;  padding-left: 24px; font-size: 16px; color: #333;}
.contest-news-bd ul{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; width: 100%;}
.contest-news-bd ul li{ width: 380px; height: 280px;  margin-top: 30px; overflow: hidden;}
.contest-news-bd ul li a{ display: inline-block; position: relative;} 
.contest-news-bd .thumb{ display: block; width: 380px; height: 280px; background-size: cover; transition: all .2s;}
.contest-news-bd .thumb:hover{ transform: scale(1.2);}
.contest-news-bd ul li a p{ position: absolute; bottom: 0; width: 360px; padding: 0 10px; height: 40px; background: rgba(0, 0, 0, 0.6); color: #fff; font-size: 14px; text-align: center; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 大赛介绍 */
.intro{ width: 100%; height: 729px; background: url(../images/intro.jpg) no-repeat center; background-size: cover;}

/* 大赛流程 */
.process{ position: relative; width: 100%; height: 700px; background: url(../images/process.jpg) no-repeat center; background-size: cover;}
.process .btn-group{ position: absolute; bottom: 110px; width: 638px; height: 60px; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between;}

/* 奖项 */
.bonus{ width: 100%; height: 1398px; background: url(../images/bonus.jpg) no-repeat center; background-size: cover;}

/* 作品 */
.works{width: 100%; height: 1000px; background: url(../images/zpzs.jpg) no-repeat center; background-size: cover;}
.m-works{ padding: 40px 0; background: #656877;}
.m-works .contest-news-hd .title,.m-works .contest-news-hd .more{color: #e0e1e5;}

/* 往届回顾 */
.review-bd{ width: 100%; overflow: hidden;}
.contest-review-bd{ margin-top: 20px;}
.contest-review-bd ul li{ width: 380px; height: 280px;margin-top: 30px; overflow: hidden;}
.contest-review-bd ul li a{ display: inline-block; position: relative;}
.contest-review-bd .thumb{ display: block; width: 380px; height: 280px; background-size: cover; transition: all .2s;}
.contest-review-bd .thumb:hover{ transform: scale(1.2);}
.contest-review-bd ul li a p{ position: absolute; bottom: 0; width: 360px; padding: 0 10px; height: 40px; background: rgba(0, 0, 0, 0.6); color: #fff; font-size: 14px; text-align: center; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 

/* 底部 */
.footer{ width: 100%; height: 400px; background:#fff url(../images/bottom.jpg) no-repeat center 50px;}

.copy{text-align:center; padding:320px 0 20px 0; color:#333; font-size: 16px;}
.copy a{ color: #333;}

.ksbtn { position:absolute; right:50px; top:20%; width:191px; /*overflow:hidden;*/ z-index:999;}
.ksbtn ul{ width:191px;}
.ksbtn ul li{ width:191px; height:70px;}
.ksbtn ul li a{ width:191px; height:60px; text-align:center; color:#fff; font-size:18px; display:block; }
.ksbtn ul li img{ border-radius: 10px;}
.ksbtn ul li a i{ font-size:40px; margin:auto;}
.ksbtn ul li a p{ margin:8px 0 0 0;}
.ksbtn ul li a:hover{ background:#1c70b8; color:#fff; text-decoration:none;}