@charset "utf-8";
body {
  font-family: "Microsoft YaHei","Helvetica Neue",Arial,"Noto Sans",sans-serif;
  /* background-color: #1D1717; */
  background-color: #fff;
  color: #333;
}
button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

/* .container-xl {
    max-width: 1200px;
} */
.navbar-user .user-icon {
    width: 1.875rem;
    height: 1.875rem;
    margin-right: 5px;
}
.navbar-user a:hover{
	text-decoration: none;
}
.header {
	background: #fff;/* #365681 */
	border-bottom: #e8e8e8 solid 1px;
	padding: 10px!important;
	-webkit-transition: all 0.4s;
	    -moz-transition: all 0.4s;
	    transition: all 0.4s;
}
/* 头部置顶 */
.navbar-sticky.navbar-stuck {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-animation: navbar-show .3s;
    animation: navbar-show .3s;
    z-index: 1030;
	transition: .3s ease;
}
@keyframes navbar-show {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/* end */

.navbar-brand img {
    height: 30px;
}
@media (max-width: 767px) {
	.navbar-brand img {
	    height: 20px;
	}
}

.header .navbar-nav .nav-link{
	font-size: 1rem;
	color: #333;
	padding-left: 20px!important;
	padding-right: 20px!important;
}
.header .navbar-nav .nav-link:hover, .header .navbar-nav .nav-link.active {
  color: #1d9bf0;
  font-weight: bold;
}
.banner{
	position: relative;
}
.banner img{
	width: 100%;
}
.banner-btn-box{
	position: absolute;
	left: 10%;
	bottom: 22%;
}
.banner-btn{
	font-size: 1.125rem;
	color: #3d260c;
	/* background-color: #f8f0c2; */
	border-color: #f8f0c2;
	border: 0;
	background: linear-gradient(to right, #7b5528, #f8f0c2, #c9aa71);
}
.banner-btn-box span{
	font-size: 1.125rem;
	color: #f8f0c2;
	padding-left: 1rem;
}
@media (max-width: 767px) {
	.banner-btn-box{
		position: absolute;
		left: 36px;
		top: 140px;
	}
	.banner-btn{
		font-size: 0.875rem;
		
	}
	.banner-btn-box span{
		font-size: 1rem;
	}
}
.banner-content{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
}

.heading{
	margin-top: 0px;
	margin-bottom: 50px;
	text-align: center;
	position: relative;
}
/* .heading::after{
	content: '';
	display: inline-block;
	border-top: #E50014 solid 3px;
	width:3rem;
} */

.heading-title{
	font-size: 32px;
	color: #202a6d;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0px;
}

.content {
	padding-top: 40px;
	padding-bottom: 40px;
}
.bg-dark{
	background-color: #f5f5f5!important;
}


.about-text p {
	font-size: 1.125rem;
	color: #3c4043;
	line-height: 1.8;
	margin-bottom: 2rem;
}
.about-text p:last-child{
	margin-bottom: 0;
}
.about-info{
	font-size: 1.25rem;
	color: #3c4043;
	margin-top: 1rem;
}
.about-info span{
	font-size: 1.125rem;
	margin-left: 0.25rem;
}

@media (max-width: 768px){
	.content {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.heading{
		margin-bottom: 30px;
	}
	.heading-title{
		font-size: 1.5rem;
		text-align: center;
	}
	.sub-heading-title{
		font-size: 1.25rem;
	}
}

.jiabin{
	text-align: center;
}
.jiabin img{
	display: block;
	width: 100%;
	margin-bottom: 15px;
}
.jiabin h4{
	font-size: 1.125rem;
	font-weight: bold;
	margin-bottom: 6px;
}
.jiabin p{
	font-size: 0.875rem;
	color: #333;
	line-height: 1.4;
}
@media (max-width: 767px) {
	.jiabin h4 {
		font-size: 1rem;
	}
	.jiabin p {
		font-size: 0.75rem;
		line-height: 18px;
	}
}
.jglist{
	text-align: center;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 20px;
}
.jglist img{
	display: inline-block;
	width: 173px;
	height: 62px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	border: #DDDDDD solid 1px;
}
.jglist span{
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 10px;
	border: #DDDDDD solid 1px;
	
}
.jglist span small{
	display: block;
	
}

/* Ticket */
.ticket{
	background: #fff;
	text-align: center;
	color: #000;
	height: 100%;
	box-shadow: 0 0.375rem 1.5rem 0 rgb(140 152 164 / 13%);
	border: #DDDDDD solid 1px;
}
.ticket .card-header{
	padding: 0;
}
.ticket .card-footer{
	padding: 1rem;
}
.ticket .card-header,.ticket .card-footer{
	background-color: transparent;
	border-width: 0;
}
.ticket hr{margin-top: 0;margin-bottom: 1.25rem;}
.ticket-name {
	font-size: 1.125rem;
	background: #DDDDDD;
	padding: 1rem 0.5rem;
}
.ticket-price {
	font-size: 1.75rem;
	font-weight: bold;
	margin-top: 1rem;
}

.ticket-yprice {
	font-size: 1rem;
	color: #999;
}

.ticket-time {
	font-size: 1rem;
	margin-top: 10px;
}
.ticket-info h4 {
	font-size: 1rem;
	color: #E50014;
}

.ticket-info p {
	font-size: 0.875rem;
	margin-bottom: 0.5rem;
}
.breadcrumb{
	background-color: transparent;
	
}
.breadcrumb a{
	color: #333;
	
}

.footer .word{
	margin-bottom: 1rem;
}
.footer .word h4{
	font-size: 1.125rem;
	font-weight: bold;
}
.footer .word p{
	font-size: 1rem;
	margin-bottom: 0;
}
.foot-ewm{
	text-align: center;
}
.foot-ewm img{
	max-width: 100px;
}

.nav-hot{
	position: relative;
}
.nav-hot span{
	position: absolute;
	right: -5px;
	top: 4px;
	display: block;
	color: #ff0000;
	font-size: 12px;
	font-weight: bold;
}
@media (max-width: 767px) {
	.nav-hot span{
		right: 0;
		left: 163px;
	}
}



/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.photos-list{}
.photo-item{
	position: relative;
	
}
.item-body{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0,0.4);
	display: flex;
	align-items: flex-end;
	direction: ltr;
	
}
.photos-list .photo-item .item-title {
    background-image: linear-gradient(135deg,#ffd5a3,#c9814d);
    border-top-right-radius: 13px;
    padding: 1px 12px 1px 10px;
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    color: #18120f;
    letter-spacing: 0;
    line-height: 24px;
    z-index: 15;
    transition: all .3s;
    position: relative;
	left: 0;
    bottom: 20px;
    font-weight: bolder;
    max-width: 450px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.photos-list .photo-item a {
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	opacity: 0;
	color: #18120f;
	font-size: 14px;
	line-height: 24px;
	padding: 3px 32px;
	background-image: linear-gradient(135deg, #ffd5a3, #c9814d);
	transform: translate(-50%, 50%);
	border-radius: 15px;
	transition: all .3s;
	font-weight: bolder
}

.photos-list .photo-item.hasLink:hover {
	border: 2px solid;
	-o-border-image: url(//static.36krcdn.com/hd/static/box_picture@3x.f39ad15a.png) 2;
	border-image: url(//static.36krcdn.com/hd/static/box_picture@3x.f39ad15a.png) 2
}

.photos-list .photo-item.hasLink:hover .item-title {
	opacity: 0;
	bottom: 0
}

.photos-list .photo-item.hasLink:hover .mask {
	opacity: 0
}

.photos-list .photo-item.hasLink:hover a {
	opacity: 1;
	bottom: 50%
}


.venue-info h4{
	font-size: 1rem;
	color: #2236C9;
	font-weight: 700;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.venue-info p{
	font-size: 1rem;
	margin-bottom: 0.5rem;
}

.baomingbtn{
	position: fixed;
	right: 15px;
	bottom: 50px;
	z-index: 999;
	padding: 0.8125rem;
}
@media (min-width: 768px) {
	.baomingbtn{
		display: none;
	}
}


.circle {
	background: #007bff;
	border-radius: 100%;
	width: 60px;
	height: 60px;
	z-index: 999;
	text-align: center;
	top: 18px;
	left: 18px;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}
.circle a {
	font-size: 14px;
	line-height: 1.2;
	color: #fff;
	text-decoration: none;
}
.circle a:hover {
	text-decoration: none;
}

.circle_bottom {
	background: rgba(0,123,255,0.6);
	border-radius: 100%;
	width: 60px;
	height: 60px;
	filter: alpha(opacity=40);
	z-index: -100;
	position: absolute;
	top: 18px;
	left: 18px;
}

.circle_bottom2 {
	background: rgba(0,123,255,0.4);
	border-radius: 100%;
	width: 70px;
	height: 70px;
	filter: alpha(opacity=20);
	z-index: -110;
	position: relative;
}

.animation {
	-webkit-animation: twinkling 2.1s infinite ease-in-out;
	animation: twinkling 2.1s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animation2 {
	-webkit-animation: twinkling 2.1s infinite ease-in-out;
	animation: twinkling 2.1s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes twinkling {
	0% {
		opacity: 0.2;
		filter: alpha(opacity=20);
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		opacity: 0.5;
		filter: alpha(opacity=50);
		-webkit-transform: scale(1.12);
		transform: scale(1.12);
	}

	100% {
		opacity: 0.2;
		filter: alpha(opacity=20);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes twinkling {
	0% {
		opacity: 0.2;
		filter: alpha(opacity=20);
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		opacity: 0.5;
		filter: alpha(opacity=50);
		-webkit-transform: scale(1.12);
		transform: scale(1.12);
	}

	100% {
		opacity: 0.2;
		filter: alpha(opacity=20);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

/* 亮点样式 */
.ld-card{
	padding: 30px 30px;
	border-radius: 10px;
	background-color: #eee;
	height: 100%;
}
.ld-card.light{
	background-color: #EBF7FA;
}
.ld-icon{
	max-width: 50px;
	margin-bottom: 0.5rem;
}

.ld-card h4 span{
	display: inline-block;
	font-size: 1.25rem;
	color: #595757;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 0rem;
	/* background-image: -webkit-linear-gradient(to right, #8369e4, #af4ccc);
	background-image: linear-gradient(to right, #8369e4, #af4ccc);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent; */
}
.ld-card p{
	font-size: 1rem;
	color: #3c4043;
	margin-bottom: 0.5rem;
}
.ld-card p:last-child{
	margin-bottom: 0;
}

/* 大会亮点手风琴 */


#certify {
	position: relative;
	margin: 0 auto
}

#certify .swiper-container {
	padding-bottom: 30px;
}

#certify  .swiper-slide {
	width: 800px;
	height: 372px;
}
#certify  .swiper-slide img{
	display:block;
	width: 100%;
}
#certify  .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 0px;
}
@media (max-width: 768px) {
	#certify  .swiper-slide {
		width: 100% !important;
		height: auto !important;
	}
}

.newsvideo{
	width: 100%;
	height: 330px;
}
@media (max-width: 767px) {
	.newsvideo{
		width: 100%;
		height: 215px;
	}
}
.newslist li{
	margin-bottom: 0.625rem;
}
.newslist li:last-child{
	margin-bottom: 0;
}

.newslist a {
	font-size: 16px;
}
.newslist a{
	font-size: 1rem;
	line-height: 1.5;
	display: block;
	border-bottom: #dee2e6 solid 1px;
	padding-bottom: 0.75rem;
	margin-bottom: 1.5rem;
	
}
