@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media(max-width: 1400px) {
	.w_all2 {
		width: 80%;
	}
}
@media(max-width: 1260px) {
	.w_all{
		width: 90%;
	}
	.w_all2 {
		width: 90%;
	}
}
@media(max-width: 1100px) {
	body,html{
		font-size:58.5%;
	}
	p{
		letter-spacing: 0;
	}
	header{
		height: 80px;
	}
	.navBtn{
		display: block;
		margin-left: 3rem;
	}
	header nav{
		display: none;
		position: fixed;
		right: 0;
		top: 63px;
		width: 100%;
		height: 100vh;
		background: #111;
		z-index: 1;
		padding: 6vh 5% 0 5% ;
		box-sizing: border-box;
	}
	header nav> ul{
		display: block;
		text-align: center;
	}
	header nav > ul li{
		width: max-content;
		margin:4vh 0;
	}
	header nav > ul li h2 {
		line-height: 2;
		text-align: center;
		font-size: 2rem;
		justify-content: space-between;
	}
	header nav > ul li .s_menu{
		display: block !important;
		margin: auto;
		position: static;
		width: auto;
		text-align: left;
		background: none;
	}
	.s_menu li{
		font-size: 1.7rem;
		padding: 0.8rem 0;
		color: #999;
	}
	.o_ban{
		padding-top: 80px;
	}
	.o_ban p {
		width: 50%;
	}
	.pnav span{
		font-size: 1.6rem;
		margin-right: 2rem;
	}
	.peisong_2 ul li h6{
		font-size: 1.4rem;
		height: 34px;
		line-height: 17px;
	}
	.yz .ll h6{
		font-size: 2.4rem;
	}
	
}
@media(max-width: 840px) {
	body,html{
		font-size: 56.5%;
	}
	header .top{
		padding: 1rem 0;
	}
	header .nav_box{
		padding: 1.5rem 0;
	}
	header .logo{
		height: 30px;
	}
	header .others .ls {
		font-size: 1.2rem;
		padding: 8px 1.5rem;
	}
	.banner{
		padding: 8rem 0 25rem;
		background-position: right bottom !important;
	}
	.banner h3{
		font-size: 3.4rem;
		margin-bottom: 5%;
    	line-height: 1.3;
	}
	.banner p{
		width: 100%;
	}
	.more {
		font-size: 1.4rem;
		padding: 1.4rem 2.5rem;
	}
	.title{
		font-size: 2.6rem;
	}
	.title p,.title2 p{
		font-size: 1.7rem;
	}
	.title2 h3{
		font-size: 3rem;
	}
	.index_bar2 .ll{
		width: 100%;
		font-size: 3rem;
		border: none;
		margin-bottom: 2rem;
		text-align: center;
	}
	.index_bar2 ul{
		width: 100%;
		text-align: center;
		flex-wrap: wrap;
	}
	.index_bar2 ul li{
		width: 50%;
		margin: 1rem 0;
	}
	.index_bar2 ul li p {
		line-height: 1.4;
		font-size: 1.5rem;
		width: 86%;
		margin: 0;
	}
	.index_bar2 ul li img {
		margin: 0;
		height: 7rem;
	}
	.index_bar3 .top{
		flex-wrap: wrap;
	}
	.index_bar3 .title2{
		width: 100%;
	}
	.index_bar3 .top .tt{
		width: 100%;
	}
	.index_bar3 ul{
		width: 100%;
	}
	.index_bar3 .uls ul li{
		width: 100%;
		margin: 3% 0;
	}
	.index_bar3 .uls ul li img{
		max-width: 60%;	
	}
	.index_bar3 .top2{
		flex-wrap: wrap;
		flex-direction: column-reverse;
		padding-top: 0;
	}
	.index_bar3 .top2 .tt h3{
		margin-bottom: 1rem;
	}
	.index_bar3 .top2 .tt p{
		width: 100%;
	}
	.index_bar3 .top2 ul{
		width: 100%;
	}
	.index_bar3 .top2 .tt{
		width: 100%;
	}
	.index_bar3 .top2 ul li{
		padding: 2% 4%;
		box-sizing: border-box;
	}
	.index_bar4 .rr{
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
		height: 20rem;
		overflow: hidden;
	}
	.index_bar4 .ll{
		width: 100%;
		float: none;
		margin-top: 5%;
	}
	.index_bar4 ul li{
		width: 100%;
		text-align: left;
	}
	.index_bar4 .rr img{
		width: 100%;
		height: auto;
	}
	.index_bar4 .title2 h3{
		font-size: 2.4rem;
	}
	.index_bar5 ul li{
		width: 100%;
		margin: 3% 0 !important;
	}
	.index_bar5 ul li p{
		font-size: 1.8rem;
	}
	.footer .top .rr ul{
		width: 48%;
		margin: 3% 0;
	}
	footer .top{
		padding: 5rem 0;
	}
	footer .copy .ll img {
		height: 3rem;
	}
	footer .top ul h6{
		font-size: 1.6rem;
	}
	.o_bana .bg img{
		width: 140%;
	}
	.o_bana p{
		width: 58%;
	}
	.abouts p{
		line-height: 2;
		font-size: 1.6rem;
		margin: 0 0 2rem 0;
	}
	.about_3{
		padding-bottom: 0;
	}
	.about_3 .contain{
		flex-wrap: wrap;
	}
	.about_3 .ll{
		width: 100%;
	}
	.about_3 .rr{
		width: 70%;
		margin:3% auto 0;
	}
	.about_4 ul{
		width: 100%;
	}
	.o_banyz .bg img{
		width: 140%;
	}
	.o_banyz p{
		width: 58%;
	}
	.yz li .rr{
		padding: 0 !important;
	}
	.yz2 ul li{
		width: 49%;
	}
	.yz3 .ll p{
		font-size: 1.6rem;
		line-height: 1.8;
	}
	.yz3 .ll .bottoms .more{
		margin-top: 3rem;
	}
	.yz3 .ll p:last-of-type{
		margin-top: 3rem;
	}
	footer .top ul li img{
		margin-right: 1rem;
	}
	footer .top .ll input{
		line-height: 1.6;
	}
	.ban_ps .txt{
		position: static;
		transform: none;
		padding: 10% 0 0;
	}
	.ban_ps{
		height: 50vh;
	}
	.peisong_1 .contain {
		margin-top: -35vh;
	}
	.peisong_2 ul {
		justify-content: center;
		margin-top: 5%;
	}
	.peisong_2 ul li{
		width: 30%;
		margin: 0 1.5%;
	}
	.faq ul li .txt{
		padding: 1.5rem 0;
	}
	.o_ban .txt2 h3{
		padding: 5rem;
	}
	.pnav{
		flex-wrap: wrap;
	}
	.pnav span {
		font-size: 1.5rem;
		margin-right: 1rem;
	}
	.news ul{
		width: 100%;
	}
	.news dl{
		width: 100%;
		margin-top: 5%;
	}
	.news_d .bar1 p {
		font-size: 1.5rem;
	}
	.news_d .bar2 ul li .txt p{
		min-height: 5rem;
	}
	.peisong_3 .contain{
		flex-direction: column-reverse;
	}
	.peisong_3 .ll{
		width: 100%;
	}
	.peisong_3 .rr{
		width: 100%;
		margin-bottom: 8%;
	}
	.pro1 ul a{
		width: 48.5%;
		margin: 3% 3% 0 0;
	}
	.pro1 ul a:nth-of-type(2n){
		margin-right: 0;
	}
	.pro1 ul li h4{
		margin: 2rem 1rem;
		box-sizing: border-box;
	}
	.pro1 .mores0{
		justify-content: center;
		margin: 5% auto;
	}
	.pro1 .more{
		padding: .5rem 1rem;
	}
	.o_banp .txt2 h3{
		padding: 0;
	}
	.pnav{
		justify-content: center;
	}
	.tk .bb{
		width: 80%;
	}
	.tk .bb input{
		width: 70%;
	}
}