@media screen and (max-width: 1200px){
	/*nav*/
	.toggle {
		display: block;
		position: fixed;
		top: 30px;
		right: 15px;
		z-index: 65;
		background: url(../img/nav.png) no-repeat;
		background-size: contain;
		height: 40px;
		width: 40px;
		cursor: pointer;
	}

	.actives{
		background:url(../img/close.png) no-repeat;
		background-size: contain;
	}

	.top{
		background: #fff;
	}

	a.logo{
		max-width: -webkit-fill-available;
		width: 180px;
	}

	.nav{
		position: fixed;
		display: none;
		right:0;
		top:90px;
		height: 100%;
		width:100%;
		background:#3dbfdf;
	}

	.nav ul {
		padding: 20px 0;
        border-radius: 25px;
		flex-direction: column;
		height: 80vh;
	}
	
	.nav ul >a {
		display: block;
		padding: 30px;
		border-bottom: 1px solid #4d4d4d;
		width: 90%;
		
	}
	.nav a{
		font-size: 36px;
		line-height: 2;
		color: #fff;
	}
/**/
	.kv{
		background: url(../img/kvbg-m.png) no-repeat center;
		background-size: cover;
		width: 100%;
		max-width: 1210px;
		height: 1200px;
		top: 50px;
		margin-bottom: 50px;
		.w1200{
			flex-direction: column-reverse;
  		    align-items: center;
			top: 350px;
		}
		.title{
			margin-top: 150px;
			width: 100%;
			display: flex;
            flex-direction: column;
            align-items: center;
		}
		.kvt1{
			margin: 0 auto;
		}
		.kvt2{justify-content: center; width: 100%;}
		.kvt3{justify-content: center; width: 100%;}
		.kvt3 .line{display: none;}
		.kvt1::after {left: 70%;}


	}
	.p2{
		height: auto;
		margin-top: -10px;
		padding-bottom: 50px;
	}
	.p3{
		height: auto;
		margin-top: -10px;
		padding-bottom: 100px;
	}
	.p4{
		height: auto;
		margin-top: -10px;
		padding-bottom: 100px;
	}
	.p5{
		height: auto;
		margin-top: -10px;
		padding-bottom: 100px;
		padding-top: 100px;
	}
	.p2::before{
		bottom: 500px;
	}
	.p2::after{
		bottom: -20px;
	}
	.p2,.p3 {
		.p2list{
        	justify-content: center;
		}
		.p2list>div {
			width: 70%;
			justify-content: center;
			align-items: center;
			.txt {
				width: 50%;
				margin-top: 0px;
			}
		}
	}

	.p3{
		.container{
			flex-direction: column;
			margin: 0 auto;
			width: 90%;
		}
		
		ul{
			width: 100%;
			flex-direction: row;
		}
		ul li{
			height: 100px;
			width: 45%;
			margin: 0 10px;
			padding: 0;
		}
		.content {width: 100%;} 
		.steplis{display: none;}
		.swiper-slide {margin: 10px auto;}
		.steplis_mb{
			display: block; 
			margin: 10px auto; 
			width: 80%;
			text-align: left;
		}

		br{display: none;}
	}
	.swiper-button-next::after,.swiper-button-prev::after {
		font-size: 24px !important; 
		font-weight: bold;
	}

	.p4{
		.tab-btn {gap: 10px;}
		.tab-content{flex-direction: column;width: 90%;}
		i {margin-left: 20px;}
	}
	.btntop{width: 100px; height: 100px; border-radius: 260px; font-size: 26px; line-height: 30px; }
	.p5 table{width: 100%;}
	.kv .btn,.p6 .btn{width:50%; padding:40px; border-radius: 100px; }
	.kvt1::after{
		top: -30%;
    }
	.p3 p,
	.p3 h4{
		color: #213168;
	}

}
@media screen and (max-width: 700px) {
	.tab-content li{
		line-height: 3.5rem;
	}
}

@media screen and (max-width: 700px) {
	.kv {
		.w1200 {top: 350px;}
		.a2{left: 55%;}
		.a3{left: 58%;bottom: -10%;}
		.a4-1{left: -30%;}
		.a5{left: -10%;}
	}
	.kvt2{flex-wrap: wrap;}
	.kv p, .p3 li, .p4 li, .kv span,.btn,.p4 p{
		font-size: 28px; 
		line-height: 3rem;
		color: #283955;
	}
	.p2 p,.p2 li{font-size: 28px ;line-height: 2.5rem; }
	.txt small, .qc ul, .qc li, table, .qc p, .qc i{
		font-size: 26px ;line-height: 2.5rem; 
	}

	.kvt2 span{ font-size: 26px ; line-height: 2rem;}
	button,.p3 .active h4{font-size: 40px;} 
	h3{font-size: 28px;}
	.qt p {font-size: 30px;}
	.p3 h4{font-size: 46px;line-height: 5rem; color: #000;}
	.p3 p {font-size: 30px; line-height: 2.5rem;}
	h6{font-size:38px; letter-spacing: 2px;}
	.kv .btn,.p6 .btn{width:80%; padding:40px; border-radius: 100px;}
	.p2 {
		.p2list>div {width: 100%; gap: 20px; margin: 10px;}
		.p2list > div .txt {width: 80%;}
		.icon img{margin-top: 20px;}
	}	
	.p4 {
		.tab-btn {gap: 5px;}
		.tab-btn p{margin: 10px;}
		.tab-btn button{ margin: 0 20px;}
		.tab-content{padding: 30px 30px 80px 30px;width: 96%; margin:  0 auto 40px auto; border-radius: 0;}
		i{font-size: 22px; bottom: 30px; width: 75%; text-align: left; }
	}
	/* .swiper-slide{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.steplis_mb p{
		height: 60px;
	} */
	.qc ul,.qc p{padding-top: 20px;}
	.btntop{bottom: 90px;}
	.brs{display: block;}
	.tab-btn-all-pc{display: none !important;}
    .tab-btn-all-mb{display: block !important;}
	.tab-btn-all-mb >div p{text-align: center;}
	.tab-btn-all-mb >div{
		background: #c0f1ff;
		border-radius: 50px 50px 0 0;
		width: 80%;
		margin: 0 auto;
		padding: 20px 0;
	}
	.tab-btn-all-mb .btntitle{
		font-size: 40px; 
		font-weight: 600; 
	}
}