@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media(max-width: 1300px) {
	body,html{
		font-size: 64.5%;
	}
	.w_all{
		width: 90%;
	}
	header ul li{
		margin-left: 3rem;
	}
}
@media(max-width: 1100px) {
	body,html{
		font-size: 62.5%;
	}
	header ul li {
		margin-left: 2rem;
	}
}
@media(max-width: 1000px) {
	body,html{
		font-size: 60.5%;
	}
	.navBtn{
		display: block;
	}
	header {
		height: 54px;
	}
	header .logo{
		height: 30px;
	}
	header ul{
		display: none;
		position: fixed;
		right: 0;
		top: 53px;
		width: 100%;
		height: 100vh;
		background: #fff;
		z-index: 1;
		padding-top: 6vh;
	}
	header ul li{
		margin:4vh 0;
	}
	header ul li h2 {
		line-height: 1.6;
		text-align: center;
		font-size: 1.8rem;
	}
	header ul li .s_menu{
		display: block !important;
		text-align: center;
		margin: auto;
		position: static;
		width: auto;
	}
	header .others{
		padding-right: 5rem;
	}
	.banner{
		height: 50rem;
	}
	.title{
		letter-spacing: 0.1rem;
		margin-bottom: 3rem;
	}
	.index_bar1 .contain{
		display: block;
	}
	.index_bar1 ul{
		width: 100%;
	}
	.index_bar1 .img{
		position: static;
		height: 30rem;
		width: 100%;
		margin-top: 5%;
	}
	.index_bar1 h5 img{
		width: 26px;
	}
	.index_bar2 ul li{
		padding: 2.5rem 0;
	}
	.index_bar2 ul li img{
		height: 42px;
		margin: 0 auto 1.5rem;
	}
	.index_bar3 ul li {
		width: 46%;
		margin: 2%;
	}
	.index_bar5 .contain{
		display: block;
	}
	.index_bar5 .contain .ll{
		width: 100%;
		margin-bottom: 5%;
	}
	.index_bar5 .ll h5{
		margin: 0rem 0 1.5rem;
	}
	.index_bar5 .contain .rr{
		width: 100%;
	}
}
@media(max-width: 500px) {
	body,html{
		font-size: 56.5%;
	}
	header .logo{
		height: 26px;
	}
	.banner {
		height: 32rem;
	}
	.banner h3 {
		font-size: 3.4rem;
		margin-bottom: 1rem;
		letter-spacing: 0.1rem;
	}
	.banner p {
		font-size: 1.6rem;
		letter-spacing: 0rem;
		margin: 0.5rem 0;
	}
	.index_box{
		padding: 6rem 0;
	}
	.title{
		font-size: 1.8rem;
		text-align: center;
		letter-spacing: 0.05rem;
	}
	.index_bar1 p {
		padding-left: 30px;
	}
	.index_bar1 h5 img{
		width: 20px;
	}
	.index_bar1 h5{
		font-size: 1.8rem;
	}
	.index_bar1 .img{
		height: 25rem;
	}
	.index_bar2 ul{
		margin-top: 2%;
	}
	.index_bar2 ul li {
		width: 43%;
		padding: 1.5rem 0;
		font-size: 1.6rem;
		border-radius: 8px;
	}
	.index_bar2 ul li img{
		height: 28px;
		margin-bottom: 8px;
	}
	.index_bar3 ul li{
		width: 100%;
		margin: 3% 0 !important;
	}
	.index_bar3 ul li p{
		font-size: 1.4rem;
	}
	.index_bar5 .title{
		margin-bottom: 1rem;
	}
	.index_bar5 .rr{
		padding: 2rem;
		margin-top: 10%;
	}
	.index_bar5 button{
		float: none;
		margin: 1rem auto;
		display: block;
	}
	.index_bar5 .rr p{
		display: block;
		margin: 1.5rem 0;
	}
	.index_bar5 .rr p span{
		width: 100%;
		margin-bottom: 6px;
		text-align: left;
	}
	.index_bar5 .rr p input,.index_bar5 .rr p textarea{
		width: 100%;
		padding: 10px;
	}
	.banner p{
		width: 100%;
	}
	html[lang="en"] .title{
		font-size: 1.5rem;
	}
	html[lang="en"] .index_bar1 p {
		font-size: 1.2rem;
	}
	.index_bar5 .ll h5{
		text-align: center;
	}
	html[lang="en"] .index_bar5 .title {
		margin-bottom: 0;
	}
}