@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media(max-width: 1800px) {
	.w_all2 {
	width: 66%;
	}
	
}
@media(max-width: 1660px) {
	.w_all2 {
	width: 70%;
	}
	.w_all3 {
	width: 65%;
	}
	header ul li{
		margin-left: 5rem;
	}
}
@media(max-width: 1490px) {
	.w_all2 {
	width: 80%;
	}
	.w_all3 {
	width: 69%;
	}
	.o_ban .txt p{
		letter-spacing: 0;
		font-size: 1.64rem;
	}
	header ul li h2 {
		font-size: 1.6rem;
	}
	header ul li{
		margin-left: 4rem;
	}
}
@media(max-width: 1260px) {
	.w_all2 {
		width: 85%;
	}
	.w_all3 {
		width: 75%;
	}
	header ul li{
		margin-left: 3rem;
	}
}
@media(max-width: 1100px) {
	body,html{
		font-size:60.5%;
	}
	p{
		letter-spacing: 0;
	}
	.w_all2 {
		width: 90%;
	}
	.w_all3 {
		width: 80%;
	}
	header{
		height: 80px;
	}
	.navBtn{
		display: block;
		margin-left: 3rem;
	}
	header ul{
		display: none;
		position: fixed;
		right: 0;
		top: 80px;
		width: 100%;
		height: 100vh;
		background: #261b46;
		z-index: 1;
		padding-top: 6vh;
	}
	header ul li{
		margin:3vh 0;
		padding: 0 5%;
	}
	header ul li h2 {
		line-height: 2;
		text-align: center;
		font-size: 2rem;
		justify-content: space-between;
	}
	header ul li .s_menu{
		display: block !important;
		margin: auto;
		position: static;
		width: auto;
	}
	.s_menu dd{
		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: 58.5%;
	}
	header{
		height: 60px;
	}
	header.active{
		height: 60px;
	}
	.o_ban{
		padding-top: 60px;
	}
	header ul{
		top: 60px;
	}
	header .logo{
		height: 50px;
	}
	.banner{
		height: auto;
	}
	.banner .txt{
		position: relative;
		left: 0;
		top: 0;
		transform: none;
		padding: 14rem 0 8rem;
	}
	.banner p{
		width: 60%;
	}
	.title{
		font-size: 2.6rem;
	}
	.title p,.title2 p{
		font-size: 1.7rem;
	}
	.index_bar2 ul li h4{
		font-size: 1.8rem;
	}
	.index_bar2 ul li b::before{
		right: -32%;
		background-size: 70%;
	}
	.index_bar3 .title2{
		width: 100%;
	}
	.index_bar3 ul{
		width: 100%;
	}
	.index_bar3 ul li{
		width: 22%;
	}
	.index_bar4 .rr{
		width: 50%;
	}
	.index_bar4 .tt p{
		margin: 1rem 0;
	}
	.index_bar6 ul li{
		width: 100%;
	}
	.index_bar7 ul li p{
		padding: 0 3%;
		box-sizing: border-box;
		line-height: 1.4;
	}
	.index_bar8 ul li img{
		padding: 3% 5%;
	}
	.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;
		font-size: 2.4rem;
	}
	.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 .contain ul a{
		width: 48.5%;
		margin: 3% 3% 0 0;
	}
	.pro1 .contain ul a:nth-of-type(2n){
		margin-right: 0;
	}
	.pro1 .contain 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%;
	}
}
@media(max-width: 540px) {
	body,html{
		font-size: 56.5%;
	}
	.w_all3{
		width: 90%;
	}
	header .logo{
		height: 40px;
	}
	header .others .ls {
		margin-left: 0.5rem;
		padding: 0.8rem 1.5rem;
		transform: scale(0.92);
	}
	.navBtn{
		margin-left: 1rem;
	}
	footer .top{
		flex-direction: column-reverse;
	}
	footer .top .ll{
		width: 100%;
		margin-top: 5%;
	}
	footer .top .rr{
		width: 100%;
	}
	footer .top .rr dl{
		margin-bottom: 5%;
	}
	.banner h3{
		font-size: 2.8rem;
		line-height: 1.5;
	}
	.banner p{
		width: 100%;
	}
	.title{
		font-size: 2.2rem;
		line-height: 1.4;
	}
	.index_bar2 ul li{
		width: 50%;
		margin-bottom: 8%;
	}
	.index_bar2 ul li:nth-of-type(2n) b::before{
		display: none;
	}
	.title2 h3{
		font-size: 2rem;
	}
	.title p, .title2 p{
		font-size: 1.6rem;
	}
	.index_bar1 .img{
		position: static;
		width: 100%;
		height: 20rem;
	}
	.index_bar1 .txt{
		width: 100%;
		float: none;
		margin-top: 5%;
	}
	.index_bar3 ul li{
		width: 45%;
		align-items: center;
		margin: 3% 0;
	}
	.index_bar4 .contain{
		flex-wrap: wrap;
		position: relative;
	}
	.index_bar4 .rr{
		position: absolute;
		right: 0;
		bottom: 0;
		display: none;
	}
	.index_bar4 .ll{
		width: 100%;
	}
	.index_bar7 ul li{
		width: 50%;
	}
	.index_bar7 ul li h6{
		font-size: 2.6rem;
	}
	.index_bar8 .title2{
		width: 100%;
	}
	.index_bar8 ul{
		justify-content: flex-start;
		margin-top: 3%;
	}
	.index_bar8 ul li{
		width: 25%;
	}
	.index_bar8 ul li img{
		padding: 3% 5%;
	}
	.index_bar9 ul li{
		width: 100%;
		margin: 3% 0 !important;
	}
	.o_ban .txt p{
		width: 100%;
		font-size: 1.5rem;
		line-height: 1.6;
	}
	.o_ban h3{
		font-size: 2.4rem;
	}
	.o_bana .bg img{
		width: 200%;
	}
	.o_banyz .more{
		margin-top: 2rem;
	}
	.o_banyz .bg img{
		width: 200%;
	}
	.o_bana .more{
		margin-top: 2rem;
	}
	.about_1 .title2{
		padding: 0;
	}
	.about_2 .contain{
		padding: 8%;
	}
	.about_3 .rr{
		width: 100%;
	}
	.about_4 ul{
		margin-top:1rem;
	}
	.about_4 ul li{
		width: 30%;
	}
	.about_4 ul li b{
		width: 100%;
	}
	.peisong_1 .contain{
		margin-top: -30vh;
	}
	.peisong_1 table tr td{
		padding: 2rem;
	}
	.peisong_2 ul li{
		width: 50%;
		margin: 2% 0;
	}
	.peisong_2 ul li .tt{
		width: 70%;
	}
	.peisong_2 ul li .tt p {
		font-size: 1.2rem;
		line-height: 1.3;
	}
	.faq ul li h3{
		font-size: 1.6rem;
	}
	.yz li{
		flex-direction: column-reverse !important;
		padding: 5rem 0;
	}
	.yz .ll{
		width: 100% !important;
	}
	.yz li .rr{
		width: 100% !important;
		margin-bottom: 15%;
	}
	.yz2 ul li{
		width: 100%;
		margin: 2% 0;
	}
	.yz3 .ll{
		width: 100%;
	}
	.yz3 .rr{
		width: 100%;
		margin-top: 10%;
	}
	.news ul li{
		flex-wrap: wrap;
	}
	.news ul li b{
		width: 100%;
	}
	.news ul li .txt{
		width: 100%;
		margin-top: 8%;
	}
	.index_box{
		padding: 5rem 0;
	}
	.news_d .bar2 ul li b{
		width: 100%;
	}
	.news_d .bar2 ul li .txt{
		width: 100%;
		margin-top: 8%;
	}
	.news_d .bottom .more3{
		margin-top:5rem;
	}
}