*,html,body{
	margin: 0;
	padding: 0;
}
body{
	background: #FAFAFA;
	width: 100%;
	min-width: 1200px;
}
a{
	color: #fff;
	text-decoration: none;
}
.jkd-header{
	width: 100%;
	position: relative;
	min-width: 1200px;
	
}
.jkd-nav{
	width: 1200px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 20px;
	z-index: 99;
}
.jkd-header .swiper-container img{
	width: 100%;
}
.swiper-slide,.swiper-slide img{
	width: 100%;
}
.jkd-nav{
	color: #fff;
	font-size: 18px;
}
.ul{
	width: 70%;
	box-sizing: border-box;
	padding: 0 50px;
}
.list{
	cursor: pointer;
}
.jkd-main{
	width: 100%;
	
}
.content{
	width: 1200px;
	color: #050505;
	margin: 0 auto;
}
.font-size-12{
	font-size: 14px;
}
.number-box{
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	/* padding: 70px 0px; */
	height: 288px;
}
.number-box-title{
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	font-size: 35px;
    text-align: center;
	color: #0066ca;
	/* padding: 70px 0px; */
	/*height: 288px;*/
}
.number{
	font-size: 35px;
	text-align: center;
}
.Journalism-box{
margin-top: 250px;
}
.Journalism-title{
	font-size:40px;
}
.Journalism-content{
	width: 573px;
	font-size: 32px;

}
.Journalism-content span{
	display: inline-block;
	margin-top: 30px;
}
.Journalism-content-box{
	padding: 15px;
}
.Journalism-content-box .icon{
	padding: 40px 0 20px 0;
	font-size: 20px;
}
.row{
	background: url(pic3.png) no-repeat;
	width: 100%;
	height: 370px;
	margin-top: 250px;
	color: #fff;
}
.row-content{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.row-title{
	font-size: 56px;
	display: inline-block;
	margin-top: 140px;
}
.row-btn{
	background: #fff;
	color: #0080F8;
	border-radius: 6px;
	width: 132px;
	height: 48px;
	margin: 0 auto;
	line-height: 48px;
	font-size: 28px;
	margin-top: 50px;
}
.jkd-title{
	font-size:40px ;
	text-align: center;
	position: relative;
	margin-top: 300px;
	padding-top: 60px;
	width: 1200px;
}
.jkd-title-none-top{
	font-size:40px ;
	text-align: center;
	position: relative;
	padding-top: 60px;
	width: 1200px;
}
.jkd-title-bg{
	position: absolute;
	font-size: 60px;
	color: #E9E9E9;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	opacity: .5;
	width: 100%;
}
.text-content{
	font-size:20px;
	text-align: center;
	margin-top: 30px;
}
.ticket-box{
	width: 375px;
	height: 462px;
	border-radius: 20px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.1);
	overflow: hidden;
	margin-top: 35px;
}
.ticket-box-footer{
	width: 100%;
	height: 114px;
	font-size: 16px;
	box-sizing: border-box;
	padding: 25px 30px;
}
.ticket-box-footer-blue{
	background-color: #0080F8;
		color:#fff ;
}
.ticket-box-footer-pink{
	background-color: #FFA6D3;
		color:#fff ;
}
.ticket-box-footer-green{
	background-color: #81DB4A;
		color:#fff ;
}

.ticket-box-img{
	text-align: center;
	margin-top: 75px;
}
.marketing-box-img img{
	display: block;
	width: 100%;
}
.marketing-box-content{
	box-sizing: border-box;
	padding: 20px 30px 0 30px;
	font-size: 20px;
}
.loop-box{
	width: 578px;
	height: 196px;
	box-sizing: border-box;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
	background: #fff;
	border-radius: 25px;
	overflow: hidden;
}
.loop-box-product{
	width: 761px;
	height: 196px;
	box-sizing: border-box;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
	background: #fff;
	border-radius: 25px;
	overflow: hidden;
}
.loop-box-iconfont{
	background-color:#0080F8;
	width: 196px;
	height: 196px;
	text-align: center;
	line-height: 196px;
	color: #fff;
	font-size: 80px;
}
.loop-box-content{
	width: 338px;
	margin-left: 20px;
	font-size: 20px;
	box-sizing: border-box;
	padding: 20px 0;
}
.loop-box-content-produckt{
	width: 533px;
	margin-left: 20px;
	font-size: 20px;
	box-sizing: border-box;
	padding: 20px 0;
}

.jkd-input{
	background:#F5F5F5 ;
	border: none;
	width: 1004px;
	height: 34px;
	color: #050505;
	margin-left: 50px;
	font-size: 20px;
}
.input-box span{
	color: #FF0C4E;
}
.input-title{
	width: 150px;
}
.input-btn{
	background: #0080F8;
	color: #fff;
	border-radius: 25px;
	width: 160px;
	height: 47px;
	margin: 0 auto;
	text-align: center;
	line-height: 47px;
	margin-top: 150px;
	cursor: pointer;
}
.qr-box img{
	width: 223px;
	height: 223px;
}
.jkd-footer{
	background: #F2F6FA;
	width: 100%;
	box-sizing: border-box;
	padding-top: 40px;
}
.footer-box{
	width: 1200px;
	margin: 0 auto;
	height: 260px;
}
.qr-img img{
	width: 100px;
}
.footer-title{
	font-size: 24px;
}
.footer-content{
	font-size: 24px;
}
.concept-box{
	background: #fff;
	box-shadow: 0 3px 6px rgba(0,0,0,.1);
	box-sizing: border-box;
	padding: 30px;
	border-radius:25px ;
	width: 565px;
	height: 199px;
}
.concept-box-iconfont{
	width: 149px;
	height: 149px;
	background: linear-gradient(#0492FF,#4795FF);
	border-radius: 25px;
	text-align: center;
	line-height: 149px;
	color: #fff;
	font-size: 80px;
}
.concept-box-title{
	position: relative;
	box-sizing: border-box;
	padding-bottom: 10px;
	font-size: 22px;
	
}
.concept-box-title::after{
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: linear-gradient(#04D8FF,#4795FF);
	border-radius: 20px;
	width: 36.14px;
	height: 6.78px;
}
.concept-content{
	width: 330px;
}
.positioning{
	color: #0080F8;
	font-size: 60px;
}
.positioning span{
	font-size: 16px;
	color: #050505;
	display: block;
}
.side-title{
	position: relative;
	box-sizing: border-box;
	padding:20px 0   10px 0;
}
.side-title::after{
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: linear-gradient(#04D8FF,#4795FF);
	border-radius: 20px;
	width: 36.14px;
	height: 6.78px;
}
.side-title-orange{
	position: relative;
	box-sizing: border-box;
	padding:20px 0   10px 0;
}
.side-title-orange::after{
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: #FFB834;
	border-radius: 20px;
	width: 36.14px;
	height: 6.78px;
}
.side-title-green{
	position: relative;
	box-sizing: border-box;
	padding:20px 0   10px 0;
}
.side-title-green::after{
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: #81DB4A;
	border-radius: 20px;
	width: 36.14px;
	height: 6.78px;
}
.side-title-pink{
	position: relative;
	box-sizing: border-box;
	padding:20px 0   10px 0;
}
.side-title-pink::after{
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: #FFB8DC;
	border-radius: 20px;
	width: 36.14px;
	height: 6.78px;
}
.side-title-violet{
	position: relative;
	box-sizing: border-box;
	padding:20px 0   10px 0;
}
.side-title-violet::after{
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: #C0ACFF;
	border-radius: 20px;
	width: 36.14px;
	height: 6.78px;
}
.side-width{
	width: 230px;
}
.download-iconfont{
	background: linear-gradient(#FD4F7E,#FF8AB2);
	width: 137px;
	height: 137px;
	text-align: center;
	line-height: 137px;
	color: #fff;
	font-size: 60px;
	border-radius: 30px;
	margin: 0 auto;
}
.download-iconfont-violet{
background:linear-gradient(#604FFD,#8584F8) ;
	width: 137px;
	height: 137px;
	text-align: center;
	line-height: 137px;
	color: #fff;
	font-size: 60px;
	border-radius: 30px;
	margin: 0 auto;
}
.download-iconfont-blue{
		background:linear-gradient(#4795FF,#04D8FF) ;
	width: 137px;
	height: 137px;
	text-align: center;
	line-height: 137px;
	color: #fff;
	font-size: 60px;
	border-radius: 30px;
	margin: 0 auto;
}
.download-iconfont-yellow{
	background:linear-gradient(#FFE88A,#FFC94B) ;
	width: 137px;
	height: 137px;
	text-align: center;
	line-height: 137px;
	color: #fff;
	font-size: 60px;
	border-radius: 30px;
	margin: 0 auto;
}
.download-box{
	width: 35%;
}
.download-box-pink{
	position: relative;
	box-sizing: border-box;
	padding-bottom: 10px;
	width: 375px;
	margin: 0 auto;
}
.download-box-pink::after{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	content: '';
	background:linear-gradient(#FD4F7E,#FF8AB2) ;
	width: 32px;
	height: 6px;
	border-radius: 10px;
}
.download-box-violet{
	position: relative;
	box-sizing: border-box;
	padding-bottom: 10px;
	
	width: 335px;
	margin: 0 auto;
}
.download-box-violet::after{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	content: '';
	background:linear-gradient(#604FFD,#8584F8) ;
	width: 32px;
	height: 6px;
	border-radius: 10px;
}
.download-box-blue{
	position: relative;
	box-sizing: border-box;
	padding-bottom: 10px;
	width: 335px;
	margin: 0 auto;
}
.download-box-blue::after{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	content: '';
	background:linear-gradient(#4795FF,#04D8FF) ;
	width: 32px;
	height: 6px;
	border-radius: 10px;
}
.download-box-yellow{
	position: relative;
	box-sizing: border-box;
	padding-bottom: 10px;
	width: 335px;
	margin: 0 auto;
}
.download-box-yellow::after{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	content: '';
	background:linear-gradient(#FFE88A,#FFC94B) ;
	width: 32px;
	height: 6px;
	border-radius: 10px;
}
.download-img{
	border-radius: 20px;
	border: 2px solid #0080F8;
	overflow: hidden;
	width:193px ;
	height: 193px;
	margin: 0 auto;
	margin-top: 30px;
}
.download-img img{
	width: 100%;
}
.guide-title-left{
	width: 15px;
	height: 58px;
	background: #0080F8;
	border-radius: 10px;
}
.guide-title-color{
	color:#C5C5C5 ;
}
.about-btn{
	border: 2px solid #04D8FF;
	color: #18C4FF;
	width: 88px;
	height: 32px;
	border-radius: 20px;
	line-height: 32px;
	text-align: center;
	margin: 0 auto;
	margin-top: 80px;
	cursor: pointer;
}
.introduction-box{
	width: 522px;
	height: 120px;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
	border-radius: 25px;
	overflow: hidden;
}
.introduction-box-l{
	width: 522px;
	height: 159px;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
	border-radius: 25px;
	overflow: hidden;
}
.introduction-blue-l{
	background: #0080F8;
	width: 120px;
	height: 159px;
	text-align: center;
	line-height: 159px;
	color: #fff;
	font-size: 50px;
}
.introduction-blue{
	background: #0080F8;
	width: 120px;
	height: 120px;
	text-align: center;
	line-height: 120px;
	color: #fff;
	font-size: 60px;
}
.introduction-title-box{
	width: 360px;
	color: #050505;
	box-sizing: border-box;
}
.bg-green{
	background:#81DB4A;
}
.bg-orange{
	background:#FFB834;
}
.bg-violet{
	background: #C0ACFF;
}
.tab{
	position: fixed;
	left: 10px;
	top: 300px;
}

.tab-box {
	width: 200px;
	/* height: 61px; */
	box-sizing: border-box;
	padding: 10px;
	background: #fff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
	border-radius: 10px;
	cursor: pointer;
	margin-top: 10px;
}

.about-tab {
	/* padding-bottom: 10px; */
	font-size: 30px;
	cursor: pointer;
	border-bottom:2px solid #E9E9E9 ;
}
.about-tab-active{
	color:#0080F8 ;
	border-bottom:2px solid #0080F8 ;
	box-sizing: border-box;
	padding-bottom: 10px;
}
.banner-box,.banner-box>.swiper-container{
	width: 517px;
	/* height: 706px; */
}
.swiper-slides{
	box-sizing: border-box;
	padding: 60px;
}
.about-qr{
	width: 223px;
	height: 223px;
	margin:  0 auto;
	margin-top: 50px;
}
.about-qr img{
	width: 223px;
}

.nav-s {
	cursor: pointer;
	background: #fff;
	border-radius: 6px;
	color: #18C4FF;
	box-sizing: border-box;
	padding: 1px 5px;
}

.activeIndex {
	color: #0af5ff;
	font-weight: bolder;
}

.list:hover {
	color: #0af5ff;
}