.pl{
	padding-left: 0;
}
.pr{
	padding-right: 0;
}
.ml{
	margin-left: 0;
}
.mr{
	margin-right: 0;
}
.df{
	display: flex;
}
a{
	text-decoration: none;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.part-one{
	width: 100%;
	background: url(../images/bjt.png) no-repeat;
	background-size: 100% auto;
}
.part-thirdly{
	background-color: #f2f5f7;
}

.container{
}

.part-one{
	padding-top: 15px;

}
.logo-part{
	line-height: 48px;
}
.tab{
	position: relative;
	line-height: 48px;
}
.tab-part {
	display: flex;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -16px;
	margin-left: -51px;
	color: #ffffff;
}
.tab-part  a{
	text-decoration: none;
	color: #ffffff;
}
.tab-part li{
	width: 150px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
}

.tab-part li:hover{
	background: #ffffff;
	border-radius: 25px;
	color: #30C779;
	}


.intro-part{
	max-height: 835px;
	margin-top: 39px;
	padding-top: 126px;
}


.title{
	font-size: 35px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 15px;
}
.intro-content{
	color: #ffffff;
	font-size: 14px;
}
.add-wechat{
	margin-top: 48px;	
}

.add-wechat li{
	width: 200px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	border-radius: 6px;
	background: #ffffff;
}
.add-wechat li{
	/* background: #ffffff url(../images/webm_2x.png) no-repeat -320px -131px; */
	position: relative;
}
.add-wechat li:nth-child(1){
	margin-right: 30px;
}
.wechat-code{
	display: none;
	width: 203px;
	height: 203px;
	position: absolute;
	top: 48px;
	left: 0;
}

.wechat-code img{
	width: 100%;	
	height: 100%;
}
.add-wechat li:hover .wechat-code{
	display: block;
}

.swiper-box{
	margin-top: 39px;
	width: 458px;
	height: 835px;
}
.swiper{
	width: 390px;
	height: 660px;
	padding: 15px;
	padding-top: 20px;
	margin-left: 200px;
	background: url(../images/iPhone\ X\ Body\ White.png) no-repeat;
}
.carousel-inner{
	width: 295px;
	
}
.carousel-inner img{
	width: 100%;
	height: 600px;
}


.new-page img{
	width: 100%;
	height: 100%;
}

.new-intro{
	display: flex;
	align-items: center;
	justify-content: center;	
}
.middle{
	max-width: 235px;
}

.new-intros{
	font-size: 18px;
	color: #6d7783;
}

.new-title{
	color: #000000;
	font-size: 35px;
	margin-bottom: 20px;
}

.tool-title{
	font-size: 35px;
	margin-top: 25px;
	text-align: center;
	margin-bottom: 75px;
}

.add-logo{
	margin-bottom: 35px;
}
.add-code{
	display: none;
}
.add-code{
	margin-bottom: 35px;
}

/* .add-logo:hover{
	height: 0;
}
.add-logo:hover~.add-code{
	display: block;
} */
.part-sixth{
	padding-bottom: 35px;
}
.footer{
	color: #333333;
	height: 100px;
	line-height: 100px;
	font-size: 14px;
	border-top: 1px solid #d8d8d8;
}

.mobile-part{
	display: none;
}

/* 移动端 */

@media screen and (max-width: 768px){
	html,body{
		height: 100%;
	}
	.pc{
		display: none;
	}
	.mobile-part{
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: #cccccc;
	}
	.mobile-content{
		width: 100%;
		height: 1000%;
		transition: .3s linear
	}

	.page{
		width: 100%;
		height: 10%;
		background-color: #fdfdfd;
		text-align: center;
		position: relative;
	}

	 @keyframes mymove{ 
		0% {
			bottom:.2rem;
			transform: scale(.7);

		}
		50% {
			bottom:.3rem;
			transform: scale(.8);
		}
		100%{
			bottom:.2rem;
			transform: scale(.7);

		}
	}

	.hint-icon{
		height: .32rem;
		width: .32rem;
		overflow: hidden;
		background: url('../images/lALPD3W5Kn3qGTAkJA_36_36.png') no-repeat;
		background-size: 100% 100%;
		position: absolute;
		left: 0;
		right: 0;
		bottom: .4rem;
		margin: auto;
		animation: 2s mymove ease-in-out infinite;
	}

		

	.home{
		padding-top: 4rem;	
		background: url(../images/ydbj.png) repeat;
		background-size: 100% 100%;
	}

	.home-title p{
		color: #ffffff;
		margin-top: .5rem;
		font-size: .32rem;
	}
	.home-title{
		width: 60%;
		margin: auto;
	}
	.home-title img{
		height: 100%;
		width: 100%;
	}
	.home-download{
		width: 5.6rem;
		height: .96rem;
		font-size: .32rem;
		line-height: .96rem;
		
		margin:4rem auto;
	}
	.home-download img{
		width: 100%;
		height: 100%;
	}

	
	.new-pages{
		font-size: .32rem;
		position: relative;
	}
	.new-pages img{
		width: 100%;
		height: 100%;
	}

	.contact{
		padding-top: 2rem;
		font-size: .32rem;
	}
	
	.pages-img{
		height: 75%;
	}
	.pages-img img{
		width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%; 
	}
	.contact-foot{
		/* max-width: 4.82rem; */
		color: #ffffff;
		width: 100%;
		height: 35%;
		padding-top: 1.3rem;
		padding-left: 1rem;
		padding-right: 1rem;
		margin: auto;
		font-size: .32rem;
		background: url(../images/xiao.png) no-repeat;
		position: absolute;
		left: 0;
		bottom: 0;
		background-position: 100% auto;
	}
	.contact-foot p{
		font-size: .6rem;
		margin-bottom: .5rem;
	}

	.contact .contact-code img{
		width: 1.28rem;
		height: 1.28rem;
	}
	.contact-code:last-child{
		margin-top: 2rem;
		font-size: .6rem;
		/* color: #ffffff; */
		text-align: center;
	}
	.contact-code p{
	}
	.contact-title p{
		padding-top: 1rem;
	}
}