@charset "utf-8";
/* CSS Document */

li{list-style:none;}
a{outline:none; cursor:pointer;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover,a:active{text-decoration:none;color: #dc0100;_colot:#000;}

.container{width:80%\9;}

.text-red{color: red;}
.section{margin-bottom: 40px;overflow: hidden;}
.section .row{margin-top:6%;margin-bottom:6%;}
.row-title{text-align:center;}
.row-title img{width:220px;width:423px\9;}
@media screen and (min-width:768px){
  .row-title img{width:300px;}
  .section{margin-bottom: 80px;}
}
@media screen and (min-width:992px){
  .row-title img{width:423px;}
  .section .row{margin-top:5%;margin-bottom:5%;}
  .bg-gray .section .row{margin: 5% 0 1%;}
}

/***** topnav *****/
.top-nav{border-radius: 0;border: none;min-height: 35px;margin-bottom:0;}
.top-nav ul li{float:left;width: 100px\9;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
@media screen and (min-width: 768px) {
    .top-nav{}
    .top-nav ul{padding:5px 0;}
    .top-nav ul li{margin:0 10px;}
    .top-nav ul li a{padding:0;line-height:24px;font-size:12px;}
}

/***** banner nav *****/
.banner{position:relative;}

.nav-con{width:100%;background:#f3f3f3;}
.nav-con .nav{padding:5px 0;}
.nav-con .nav li{float:left;text-align: center;width:33.33%;padding-bottom:0px;position:relative;}
.nav-con .nav li a{padding: 0px 0;line-height: 25px;}

.nav-con .nav li.hot i{position:absolute;top:0;right:8%;width: 20px;height: 13px;display: inline-flex;-webkit-animation: ball 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;animation: ball 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;}
@-webkit-keyframes ball {
  0% {
    -webkit-transform: translateY( 0 );
    transform: translateY( 0 );
  }
  100% {
    -webkit-transform: translateY( -2px );
    transform: translateY( -2px );
  }
}

@keyframes ball {
  0% {
    -webkit-transform: translateY( 0 );
    transform: translateY( 0 );
  }
  100% {
    -webkit-transform: translateY( -2px );
    transform: translateY( -2px );
  }
}

.floatlogo{position:absolute;right: 5%;width: 10%;top: 8%;}

@media screen and (min-width:992px) {
    .nav-con .nav{padding:0px 0;}
    .nav-con .nav li a{font-size: 22px;font-family:"微软雅黑";line-height: 50px;}
    .nav-con .nav li.hot i{top: 10px;}
}
@media screen and (min-width:768px) and (max-width:992px) {
    .nav-con .nav li a{font-size: 16px;font-family: "微软雅黑";font-weight: bold;line-height: 30px;}
}
@media screen and (min-width:768px){
    .nav-con .nav li{width:16.66%;}
    .nav-con{position:absolute;background:rgba(0,0,0,0.5);bottom:0;}

    .floatlogo{width:8%;}
}

/***** 流程 *****/
.liucheng{background: url(/Content/zhuanti/img/liuchengbg.jpg) center;display:none;}
@media screen and (min-width:992px) {
  .liucheng{display:block;}
}

/***** 活动导读 *****/
.intr{}
.intr .media{}
.intr .media .media-left{padding-right: 0;width: 100%;display: block;text-align: center;float: left\9;width: 72%\9;width: 72%\11;/* max-width: 800px; */float: left;}
.intr .media .media-left object,.intr .media .media-left embed{width:100%;height:auto;}

.intr .media .media-body{background:#2a58a4;color:#fff;padding: 10px 20px 0;padding: 35px 40px 0 40px\9;display: block;width: 100%;float: left\9;width: 28%\9;max-height: 450px;overflow: hidden;}
.intr .media .media-body a{color:#fff;}
.intr .media-body{}
.intr .media-heading{font-size:18px;font-size:24px\9;font-family:"微软雅黑";line-height: 28px;line-height: 38px\9;border-bottom:2px #fff solid;padding-bottom: 8px;margin-bottom: 8px;padding-bottom: 10px\9;margin-bottom: 10px\9;}
.intr .media-body .lead{font-size: 12px;font-size: 14px\9;margin-bottom: 10px;}
.intr .media-body .lead p{line-height: 28px;}

@media screen and (min-width:992px) {
  .intr .media-heading{font-size:24px;padding-bottom:10px;margin-bottom:10px;line-height: 38px;}
  .intr .media-body .lead{font-size:14px;}
}
@media screen and (min-width:1200px) {
  .intr .media .media-left{width: 800px;display: table-cell;height: 412px;}
  .intr .media .media-left object,.intr .media .media-left embed{width:800px;height:412px;}
  .intr .media .media-body{padding: 35px 40px 27px 40px;display: table-cell;width: initial;}
}

/***** 语录 *****/
.bg-gray{background: #f3f3f3;overflow: hidden;}
.bg-gray .section{margin-bottom:10px;}
.figure{text-align: center;font-size:12px;overflow: hidden;margin-bottom:0;}
.figure li{overflow:hidden;margin-bottom: 20px;padding: 30px 0 0;width: 33.33%\9;}
.figure li:hover{background:#eee;}
.figure li img{width:100%;max-width:200px;border-radius: 50%;}
.figure li .img-circle{width:200px;margin:0 auto;}
.figure h3{font-family:"微软雅黑";color:#333;font-weight:bold;}
.figure li .text{overflow:hidden;}
.figure .text-info{margin: 0 10%;text-align:left;line-height:28px;color:#999;}
.figure .text-red{margin:5%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.figure i{background:#333;width:30px;height:3px;display:block;margin:0 auto;margin-bottom: 15px;}

@media screen and (min-width:768px) and (max-width:992px){
  .figure li img{max-width:140px;}
}
@media screen and (max-width:768px){
  .figure{border-top:1px #ccc dotted;/* padding-top:3%; */}
  .figure li{margin-bottom: 0%;padding-bottom:3%;border-bottom:1px #ccc dotted;padding-top: 3%;}
  .figure li .img-circle{width:25%;float:left;margin-right:5%;}
  .figure li .img-circle img{max-width: 140px;}
  .figure li .text{text-align:left;float:left;width: 70%;}
  .figure h3{margin: 4% 0;font-size:20px;}
  .figure i{margin:0 0 3%;display:none;}
  .figure .text-red{margin: 2% 0;}
  .figure .text-info{margin:0 0;height: 50px;}
}
@media screen and (max-width:415px){
  .figure li .img-circle{width:35%;}
  .figure .text-info{line-height:22px;height:44px;}
  .figure li .text{width:60%}
}

/***** 滚动图片 *****/
.carousel-inner .item{width: 535px;height: 356px;float: left;}
.carousel-inner .item img{width: 535px;height: 356px;}

#wrapper {
	width: 100%;
}
.caroufredsel_wrapper{width: 100% !important;margin: 0 !important;height: 100px !important;height: 165px\9 !important;}
#carousel {
	margin-top: -100px;height: 100px !important;height: 165px\9 !important;
}
#carousel div {
	text-align: center;
	width: 150px;
	height: 100px;
	width: 250px\9;
	height: 165px\9;
	float: left;
	position: relative;
}
#carousel img{width:150px;height:100px;width:250px\9;height:165px\9;}
#carousel div img {
	border: none;
}
#carousel div span {
	display: none;
}
#carousel div:hover span {
	background-color: #333;
	color: #fff;
	font-family: Arial, Geneva, SunSans-Regular, sans-serif;
	font-size: 14px;
	line-height: 22px;
	display: inline-block;
	width: 100px;
	padding: 2px 0;
	margin: 0 0 0 -50px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	border-radius: 3px;
}

#donate-spacer {
	height: 100%;
}
#donate {
	width: 750px;
	padding: 50px 75px;
	margin: 0 auto;
	overflow: hidden;
}
#donate p, #donate form {
	margin: 0;
	float: left;
}
#donate p {
	width: 650px;
}
#donate form {
	width: 100px;
}

@media screen and (min-width:1920px){
	.caroufredsel_wrapper,#carousel{height: 355px !important;}
	#carousel div,#carousel img{width: 535px !important;height: 355px !important;}
}
@media screen and (min-width:768px){
	.caroufredsel_wrapper,#carousel{height: 165px !important;}
	#carousel div,#carousel img{width: 250px !important;height: 165px !important;}
}

/*缩略图展示*/
.fancybox{position:relative;}
.fancybox i{width:100%;height:100%;background:url(/Content/zhuanti/img/fancybox_overlay.png);display:block;z-index:999;position:absolute;left:0;top:0;}
.fancybox:hover i{display:none;}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.fancybox-opened {
	z-index: 8030;
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
	position: relative;
}
.fancybox-inner {
	overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}
.fancybox-error {
	color: #444;
	margin: 0;
	padding: 15px;
	white-space: nowrap;

}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(../images/fancybox_sprite.png);
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../images/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(../images/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}
.fancybox-prev {
	left: 0;
}
.fancybox-next {
	right: 0;
}
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}
.fancybox-nav:hover span {
	visibility: visible;
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}
/* Overlay helper */

.fancybox-lock {
	overflow: visible !important;
	width: auto;
}
.fancybox-lock body {
	overflow: hidden !important;
}
.fancybox-lock-test {
	overflow-y: hidden !important;
}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(/Content/zhuanti/img/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}
/* Title helper */

.fancybox-title {
	visibility: hidden;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}
.fancybox-opened .fancybox-title {
	visibility: visible;
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap {
	padding-top: 10px;
}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (min--moz-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(../images/fancybox_sprite@2x.png);
	background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
	background-image: url(../images/fancybox_loading@2x.gif);
	background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/* 缩略图样式 */
#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}
#fancybox-thumbs.bottom {
	bottom: 2px;
}
#fancybox-thumbs.top {
	top: 2px;
}
#fancybox-thumbs ul {
	position: relative;

	list-style: none;
	margin: 0;
	padding: 0;
}
#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}
#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}
#fancybox-thumbs ul li:hover {
	opacity: 1;
}
#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}
#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}
.con-title{background: #08316f;}
.con-title h3{margin:0;text-align:center;color:#fff;font-family:"微软雅黑";line-height:45px;line-height:65px\9;}

@media screen and (min-width:768px){
	.con-title h3{line-height:50px;font-size:120%;}
}
@media screen and (max-width:768px){
	.con-title h3{line-height:50px;font-size:100%;}
}
@media screen and (min-width:992px){
	.con-title h3{line-height:70px;font-size:22px;}
}
@media screen and (min-width:1920px){
	.con-title h3{line-height:90px;font-size:24px;}
}

/***** 获奖品牌 *****/
.brandlist{background:#f3f3f3;border-radius:5px;}
.brandlist dl{height: 100%;text-align: center;overflow: hidden;margin-bottom: 0px;border-bottom: 1px #ccc dotted;padding: 2% 0;}
.brandlist dl:last-child{border:none;}
.brandlist dl dt{height: 100%;padding: 18% 0 0;padding: 5% 0 0\9;font-size: 20px\9; font-family: "微软雅黑";}
.brandlist ul{margin-bottom:0;overflow: hidden;padding: 0 3% 2% 0;}
.brandlist ul li{margin: 3% 0 0;padding: 0px 2%;width: 20%\9;}
.brandlist ul li img{width: 100%;}

@media screen and (min-width:768px){
	.brandlist dl dt{padding: 13% 0 10%;}
}
@media screen and (min-width: 992px) {
	.brandlist dl dt{padding: 4% 0;font-size: 20px;font-weight: normal;}
	.brandlist dl{border:none;}
	.brandlist dl:nth-child(2n){background: #fff;}
	.brandlist ul li{margin: 2% 0 0;padding: 0px 1%;}
}

/***** 历届榜单 *****/
.brand{background: url(/Content/zhuanti/img/lj_bg.jpg) center no-repeat #1d1d1d;text-align: center;padding: 5% 0 5%;overflow: hidden;}
.brand ul li{float:left;width:25%;}
.brand img{width: 100%;display: none;}
.brand .container{margin-bottom:0;}
.brand .container p{margin-bottom:0;margin-top: 0px;color: #999;}

@media screen and (min-width:768px){
	.brand img{display:block;}
	.brand .container p{margin-top:10px;}
}
@media screen and (min-width:992px){
	.brand img{display:block;}
	.brand .container p{margin-top:25px;font-size:18px;font-family:"微软雅黑";}
}

/***** footer *****/
.footer{}
.footer table{margin-top:4%;}
.footer table tr{border-bottom: 1px #ddd dotted;line-height: 30px;width: 100%;display: inline-block;padding: 1% 2%;}
.footer table tr td.left{font-size: 18px;width: 10%;font-family: "微软雅黑";display: block;float: left;float:none\9;}
.footer table tr td.right{width: 90%;font-size: 12px;color: #999;}

.footlogo{width: 100%;margin: 3% auto;overflow: hidden;position: relative;height: 100px;}
.footlogo .logo{transform: scale(0.6);overflow: hidden;width: 394px;/* margin: 0 auto; */position: absolute;left: 50%;margin-left: -197px;}
.footlogo img{margin: 0 0%;float: left;}

@media screen and (min-width:480px){
	.footer table tr td.left{width:100px;}
}
@media screen and (max-width:480px){
	.footer table tr td.left{width:80px;font-size:16px;}
}
@media screen and (min-width:992px){
	.footlogo{margin: 5% auto;}
	.footlogo .logo{transform: scale(1);}
}