.header{ width: 100%; height: 90px; background: #fff;}
.logo img{ height: 45px; display: block; margin-top: 22px;}

.nav{ float: right; width: 670px; font-size: 16px; height: 90px; line-height: 90px;}
.nav li{ float: left; position: relative; margin: 0 20px; z-index: 999;}
.nav li div{ position: absolute; left: -24px; background: #fff; width: 130px; padding:10px 0 10px 25px; display: none; box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.nav li div a{ display: block; line-height: 35px; font-size: 14px;}
.nav li .nLine{ position: relative; z-index: 9;}
.nav li a.nLine{ color: #333;}
.nav li.active:after,.nav li:hover:after{ position: absolute; content: ''; height: 7px; width: 100%; left: 0; bottom:33px; background: #EEC475; z-index: 0;}

.banner{ width: 100%; height: 800px;}
.banner .swiper-slide{ height: 800px;}
.banner .swiper-pagination .swiper-pagination-bullet{ background: #fff; width: 8px;height: 8px; margin: 0 6px; opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ background: #F2B139; opacity: 1; width: 8px;height: 8px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px!important;}
.reviewMain{ background: #fff;padding: 50px 0; position: relative;}
.reviewMain:before{ content: ''; left: 0; bottom: -80px; background: url(../images/jiaopian.png) no-repeat center; background-size: 100%; width: 349px; z-index: 0; height: 312px; position: absolute;}
.mainTop{ text-align: center; color: #C19338; position: relative; margin-bottom: 40px;}
.mainTop .text-flood{ color: #F0E5D2; font-size:90px;}
.mainTop .mainText{ position: relative; top:-35px;}
.mainTop:after{ width: 36px; height: 3px; position: absolute; content: ''; bottom: 20px; left: 50%; margin-left: -18px; background: #DAA645;}

.main{ background:#F7F3EF url(../images/mainBg.jpg) no-repeat right bottom; padding-top: 40px;}
.reviewLeft{ float: left; width: 500px; position: relative; z-index: 9;}
.reviewLeft img{ width: 500px; height: 310px; display: block;}
.reviewLeft .mediaBody{ background: #DDAD55; padding: 25px 25px; color: #fff;}
.reviewLeft:hover .mediaBody{ background: #D8A038;}
.reviewLeft .icon-jia{ position:absolute; bottom: 80px; right: 20px; background: #fff; color: #DAA747; font-size: 18px; text-align: center; width: 45px; height: 45px; line-height: 45px;}
.reviewLeft:hover .icon-jia{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

.reviewRight{ float: right; width: 700px;}
.reviewUl li{ margin-left: 10px; width: 335px; height: 200px; position: relative; overflow: hidden; float: left; margin-bottom: 10px;}
.reviewUl li img{ width: 340px; height: 200px;}

.reviewUl li .viewBox{
	position: absolute; left: 0; top:0; width: 100%; height: 100%; color: #fff; text-align: center;
	background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
	background: -webkit-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 100%);
	background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 100%); 
	background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); 
}
.reviewUl li:hover .viewBox{
	background: rgba(0,0,0,0.7);
}

.reviewUl li .viewBox p{ bottom:15px; position: absolute; left: 0; width: 90%; left: 5%; font-weight: bold;}
.reviewUl li .viewBox:hover p{ bottom:110px;}
.reviewUl li .viewBox span{ font-size: 12px; overflow: hidden; position: absolute; display: block; width: 80%; bottom: -50px; left: 10%; line-height: 22px; height: 44px;}
.reviewUl li .viewBox:hover span{ bottom: 60px;}
.reviewUl li .viewBox:hover{ background: rgba(0,0,0,0.7);}
.reviewUl li .viewBox:after{
	 position: absolute; z-index: 9; content: ''; top:9px; left: 8px; height: 180px; width: 317px; border: none;
	-moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  }
.reviewUl li .viewBox:hover:after{ border: 1px solid rgba(255,255,255,0.3);}

.more{ 
	display: block; width: 150px; text-align: center; margin: 40px auto 10px; color: #DDAD55;
	font-size: 12px; border: 1px solid #DDAD55; overflow: hidden; line-height: 35px; height: 35px; border-radius: 50px;
 }
 .more:hover{ background: #DDAD55; color: #fff;}
 
.itemNav{ text-align: center; margin-top: -30px; margin-bottom: 40px;}
.itemNav a{ padding:0 30px; height: 35px; line-height: 35px; border: 1px solid #D19729; border-radius: 50px; display: inline-block; margin: 0 5px; color:#D19729 ;}
.itemNav a.active{ background:#D19729; color: #fff;}

.itemList{ display: none;}
.itemList.active{ display: block;}
.itemList li{ float: left; background: #fff; width: 290px; margin: 5px 5px 10px; position: relative;}
.itemList li a{ display: block;}
.itemList li:hover{ background: #DDAD55;}
.itemList li p{ font-size: 15px; font-weight: bold; height: 35px; line-height: 35px; overflow: hidden; color: #fff; }
.itemList li span{ font-size: 13px; color:rgba(255,255,255,0.8); }
.itemList li img{ display: block; width: 290px; height: 430px;}
.itemList li div{ padding-top: 15px; height: 70px; padding-left: 20px; position: absolute; background: rgba(0,0,0,0.7); bottom: 0; width: 270px;}
.itemList li .startIcon{ position: absolute; right: 15px; bottom: 27px; z-index: 99;}
.startIcon{ width: 25px; height: 25px; text-align: center; line-height: 25px; color: #DAA747; border-radius: 100%; border:1px solid #DAA747; display: inline-block;}
.itemList li:hover p,.itemList li:hover span{ color: #fff!important;}
.itemList li:hover .iconfont{ background: #fff;}
.mainList .itemList li{width: 230px;}
.mainList .itemList li img{ width: 230px; height: 335px;}
.mainList .itemList li div{ width: 190px; padding: 10px 20px 0;}
.corTop{ padding: 40px 0 15px;}
.corTop:after{ bottom: 0;}
.medias a{ display: flex; float: left; text-align:center; margin:0 5px 10px; width: 130px; height: 45px; padding: 5px; background: #fff;flex-direction:column;
-moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.medias a img{ max-width: 130px; max-height: 45px; align-self: center;}
.medias a:hover{ box-shadow: 0 5px 20px rgba(215,176,113,0.4);}
.footer{ width: 100%; background: url(../images/footer.png) no-repeat center; height: 327px; margin-top: 40px; text-align: center; color: #fff; font-size: 12px;}
.foot{ width: 180px; margin: 0 auto; overflow: hidden; padding: 120px 0 40px;}
.foot img{ display: block; float: left; margin-right: 20px; width: 120px; height: 120px;}
.foot a{ background: #D8A443; border-radius: 100%; width: 35px; height: 35px; text-align: center; line-height: 35px; color: #fff; display: block; float: right; margin: 15px 0 0;}
.foot a:hover{ background: #C89128;}

.subBan{ background: url(../images/subBan.jpg) no-repeat center; width: 100%; height: 300px;}
.mainLeft{ float: left; width: 200px; background:#fff; position: relative; top:-60px;}
.mainLeft .column{ background: #DAA747; color: #fff; height:60px; line-height: 60px; padding-left: 20px; position: relative;}
.mainLeft .column .iconfont{
	background: #fff; width: 18px; height: 18px; text-align: center; line-height: 20px;
	 border-radius: 100%; color:#DAA747; font-size: 12px; position: absolute; top:50%; margin-top: -9px; right: 15px;
	}
.menu li a{ 
	display: block; padding: 15px 15px 15px 20px;
	-moz-transition: all 0.2s linear 0s;
	  -ms-transition: all 0.2s linear 0s;
	  -o-transition: all 0.2s linear 0s;
	  -webkit-transition: all 0.2s linear 0s;
	  transition: all 0.2s linear 0s; border-bottom: 1px solid #eee;
}
.menu li .iconfont{ color: #ccc;}
.menu li a:hover,.menu li.active a{ background: #D69B30; border-bottom: 1px solid #D69B30; color: #fff;}
.menu li a:hover .iconfont,.menu li.active a .iconfont{ color: #fff;}
.lcode{ padding: 30px 0;}
.lcode img{ width: 120px; height: 120px; display: block; margin: 0 auto;}
.mainRight{ width: 980px; float: right; background: #fff; position: relative; top: -60px; min-height: 600px;}

.rightTop{ border-bottom: 1px solid #eee; height: 60px; line-height: 60px;}
.rightTop .rtLeft{ background: url(../images/ic.png) no-repeat left center; margin-left: 20px; padding-left: 40px;}
.rightTop .crumb{ color: #999; font-size: 12px; margin-right: 25px;}
.rightTop .crumb .iconfont{ color: #666; font-size: 13px;}
.rightTop .crumb span{ padding: 0 5px;}

.newsList li{ border-bottom: 1px solid #eee;}
.newsList li a{ display: block; padding: 20px 25px; overflow: hidden;}
.newsList li img{ display: block; float: left; margin-right: 25px; width: 210px; height: 140px;}
.newsList li p{ font-size: 16px; height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 5px;}
.newsList li span{font-size: 13px; line-height: 20px; height: 40px; overflow: hidden; color: #999;}
.newsMore{
	border: 1px solid #D8A038; color: #D69B30; font-size: 12px; padding: 8px 15px;
}
.newsMore .iconfont{ font-size: 12px;}
.newsList li a:hover .newsMore{ background: #D8A038; color: #fff;}
#page {
	padding: 25px 0;
    display: table;
    margin: 0 auto;
}

#page .page {text-align: center;}

.pagingUl {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
    height: 30px;
}

.pagingUl li {
    float: left;
    width: 30px;
    height: 30px; border: 1px solid #eee;
    background: #fff;
    text-align: center;
    margin-right: 5px;
}
#page_style{ text-align: center; padding: 25px 0;}
#page_style span{ display: inline-block; margin-left: 5px;}
.pagingUl li a,#page_style a,#page_style b {
    display: inline-block;	
    height: 30px;	padding: 0 11px;
    text-align: center;	margin: 0 2px;
    line-height: 30px;
    color: #666;	border: 1px solid #e6e6e6;
    font-size: 14px;
}#page_style b{ border: 1px solid #DAA747;}
#page .prv,
#page .next {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #eee;
}

#page .prv {
    margin-right: 10px;
}

#page .first,
#page .last {
    width: 30px;
    height: 30px;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #eee;
    cursor: pointer;
    background: #fff;
    padding: 0 5px;
    margin-right: 10px;
}

#page .prv:hover,
#page .next:hover,
#page .first:hover,
#page .last:hover,
#page .pagingUl li a:hover,
#page .activP,#page_style b  {
    background-color: #DAA747!important;
    color: #fff!important;
}

.newsdetails{ padding: 30px 30px 0; overflow-y: auto; margin-bottom: 30px;}
.detailsTop{ text-align: center; }
.detailsTop .newsTitle{ font-size: 20px; font-weight: bold; line-height: 32px; margin-bottom: 5px;}
.detailsTop span{ border-bottom: 1px dashed #ddd; display: inline-block; padding-bottom: 15px; font-size: 12px; color: #999;}
.content{ padding-top:30px; padding-bottom: 10px; line-height: 30px;}
.content img{ max-width: 100%;}

.peopleList{ border-bottom: 1px solid #eee; padding:10px 0 30px 15px;}
.peopleList li{ width: 290px; text-align: center; margin-left: 20px; margin-top: 20px; float: left;}
.peopleList li a{ display: block; padding-bottom: 18px; background: #f9f9f9;}

.peopleList li img{ width: 290px; height: 290px; display: block;}
.peopleList li p{ font-size:16px; font-weight: bold; padding: 15px 20px 8px;}
.peopleList li span{ font-size:13px; display: block; height: 20px; line-height: 20px; overflow: hidden; padding: 0 20px;}
.peopleList li a:hover,.peopleList li a:hover span{ color: #fff!important;}
.peopleList li a:hover{ background:#DAA747}

.worksList li{ text-align: left; position: relative;}
.worksList li img{ height: 180px;}
.worksList li a{ max-height: 430px;}
.worksList li .view{ position: absolute; top:0; left: 0; width: 290px; height: 180px; z-index: 9; background: rgba(0,0,0,0.4); text-align: center; display: none;}
.worksList li .view .startIcon{ border-color: #fff; background: #fff; color: #D19729; width: 30px; height: 30px; line-height: 30px; position: absolute; top:75px; left: 50%; margin-left: -15px;}
/* .worksList li:hover .view{ display: block;} */
.rightnTop{ height: 60px; line-height: 60px; background: #E1BF64;}
.rightnTop a{ width: 50%; float: left; text-align: center; color: #836618; font-weight: bold; position: relative; font-family: iconfont; display: block; }
.rightnTop a.active{ color: #fff; background: #D8AB34;}
.rightnTop a.active:after{ content: '\e791'; position:absolute; bottom: -6px; left: 50%; margin-left: -5px; line-height: 5px; color: #D8AB34;}

.notice{ color: #666;}
 /* background: url(../images/zhang.png) no-repeat center top; */ 
.zhang{width: 320px; height: 180px; float: right; line-height: 155px; text-align: center; font-weight: bold; font-size: 18px;}
.compet{ display: none;}
.compet.active{ display: block;}

.signForm{ border-bottom: 1px solid #eee; padding: 20px 0 30px; margin-bottom: 10px;}
.signForm h3{ font-weight: bold; color: #D2A427; text-align: center; font-size: 18px; padding-bottom: 10px;}
.input-row{ padding: 20px 0 0 0; overflow: hidden;}
.input-row .text-label{ width: 160px; text-align: right; float: left;line-height: 40px; padding-right: 10px;}
.input-row .input{ width: 620px; padding: 10px 15px; border: 1px solid #e3e3e3;}
.input-row .radio{ height: 40px; line-height: 40px;}
.input-row .radio label{ float: left; margin-right: 40px;}
.input-row .radio input{ float: left; margin-right: 10px; position: relative; top:14px}

.formRow{ overflow: hidden;}
.formRow .input-row{ float: left;}
.formRow .input-row .input{ width: 210px;}

.submitBtn{ text-align: center; padding-top: 20px;}
.submitBtn button{ cursor: pointer; text-align: center; padding: 15px 50px; font-weight: bold; background: #DAA747; color: #fff;}
.submitBtn button:hover{ background:#D69B30;}

.voteList{ border-bottom: 1px solid #eee; padding:10px 0 30px 15px;}
.voteList li{ width: 290px; text-align: center; margin-left: 20px; margin-top: 20px; float: left; height: 430px; position: relative; overflow: hidden;}
.voteList li .voteBtn{ position: absolute; right: 20px; top:20px; border-radius: 100%; width: 80px; height: 80px; background:#D8A443; color: #fff; z-index: 9; cursor: pointer;}.voteList li .voteBtn a{ display: block; width: 80px; height: 80px; color: #fff;}
.voteList li .voteBtn .iconfont{ font-size: 22px; margin: 15px 0 5px;}
.voteList li img{ width: 290px; height: 430px;}
.voteList li .voteInfo{position: absolute; bottom:0; left: 0; background: rgba(0,0,0,0.7); height: 55px; color: #fff; width:100%;}
.voteList li .voteInfo p{ font-size: 16px; padding: 15px 0; text-align:center;}
.voteList li .voteInfo span{ font-size: 13px; line-height: 22px; display: block; height: 110px; overflow: hidden; padding: 0 20px;}
.voteList li .voteData{ border: 1px solid #DAA747; color: #DAA747; width: auto; display: inline-block; text-align: center; padding: 8px 25px; margin-top: 30px;}
.voteList li:hover .voteInfo{ height: 100%;}
.voteList li:hover .voteInfo p{ padding-top: 160px;}
.voteList li:hover .voteBtn { left: 50%; margin-left: -40px; right: inherit; top:50px}

.reviewImg{ margin-top: -20px; position: relative; z-index: 9;}
.reviewImg img{ display: block; width: 100%;}

.works{padding:10px 0 30px 15px;}
.works li{ width: 290px; margin:20px 0 0 20px ;float: left; height: 430px; position: relative; overflow: hidden;}