
@media screen and (max-width: 1023px) {

	#m1-particles-js, 
	#m2-particles-js,
	#m3-particles-js, 
	#m4-particles-js,
	#m5-particles-js,
	#m6-particles-js,
	#m7-particles-js,
	#m8-particles-js{
		height:100%;
		position: absolute;
		width: 97%;
	}
	#mobile-view-page{
		display: block !important;
		height: 100%;
	}
	#pc-view-page{
		display: none;
	}

	.m_nav_title{
		width: 100% !important;
		height: 1.2667rem;
		text-align: center;
		color: #fff;
		background: #09347a;
		width: 60px;
		line-height: 1.2667rem;
		display: inline-block;
		box-sizing: border-box;
		font-size: 0.42rem;
		position: fixed;
		z-index: 9;
	}
	.m_title{
		position: absolute;
	    top: 2rem;
	    right: 0;
	    left: 0;
	    margin: 0 auto;
	    color: #fff;
	    text-align: center;
	    font-size: 0.58rem;
	}
	
	.m_content_bg{
		background: url(../img/m_u3.png) no-repeat;
		background-size: 100% 100%;
	}
	.m_content_first_bg{
	    background: url(../img/m_banner.png) no-repeat;
	    background-size: 100% 100%;
	}
	.m_content{
		height: 100%;
	    width: 100%;
	}
	.m_nav_title li{
		width: 100%;
	}
	.m_nav_title  li a{
		color: #fff;
	}
	.m_content1{
		color: #fff;
		height: 100%;
	}
	.m_money_btn{
	    background: #00adee;
	    color: #fff !important;
	}

	.m_content2 img, 
	.m_content4 img,
	.m_content3 img,
	.m_content5 img,
	.m_content8 img{
		width: 90%;
	    position: absolute;
	    top: 2.5rem;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	}
	.m_content2 img, .m_content3 img{
		height: 10.5rem;
	}
	.m_content4 img{
		height: 11rem
	}
	.m_banner_desc{
		font-size: 0.6854rem;
	    position: absolute;
	    z-index: 9;
	    bottom: 3rem;
	    right: 0;
	    left: 0;
	}
	.m_banner_desc li{
		margin-right: 0.4rem;
		text-align: center;
	    z-index: 9;

	}
	.m_nav_active{
		background: #00adee;
	}
	.m_banner_desc li h3{
		font-size: 0.9rem;
	}
	.m_banner_desc p{
		font-size: 0.4534rem;
	}
	.m_button{
		text-align: center;
		width: 6.5rem;
		background: #e89b04;
		/* background: #ccc; */
		border-radius: 50px;
		height: 1rem;
		line-height: 1rem;
		color: #fff;
		position: absolute;
		bottom: 1.4rem;
		right: 0;
		font-size: 0.4rem;
		left: 0;
		margin: 0 auto;
	    z-index: 9;
	}
	.m_arrow{
		position: absolute;
		bottom: 0.1rem;
		display: block;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 9;
	}
	.swiper-slide {
		height: 100%
	}
	.swiper-container {
	  width: 100%;
	  height: 100%;
	}

	.m_content7_desc{
		padding: 3rem 0.4rem 0.2rem 0.4rem;
	    color: #fff;
	    font-size: 0.35rem;
	    box-sizing: border-box;
	    line-height: 0.45rem;
	}
	.m_content7_bottom{
		position: absolute;
		bottom: 2.6rem;
	}
	.m_content7_bottom a{
		flex: 1;
		display: inline-block;
		text-align: center;
		font-size: 0.35rem;
		color: #fff;
	}
	.m_content7_bottom p{
		padding: 2rem 0.2rem;
		line-height: 0.01rem;
	}
	.m_content7_bottom a img{
		width: 85%
	}
	.m_concat p{
		color: #fff;
	    font-size: 0.35rem;
	    margin-left: 0.2rem;
	    margin-top: 0.3rem;
	}
	.m_concat img{
		width: 25%;
		margin-left: 0.2rem;
		height: 100%;
		margin-right: 0.2rem;
	}
	.m_content6{
		width: 90%;
	    position: absolute;
	    top: 3.5rem;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	}
	.m_tab_title, .m_tab_content{
		color: #fff;
		font-size: 0.35rem;
	}
	.m_tab_title li{
		width: 2.5rem;
	    text-align: center;
	    height: 0.8rem;
	    margin-right: 3px;
	    line-height: 0.8rem;
	    border-top-left-radius: 5px;
	    border-top-right-radius: 5px;
	    border: 1px solid #71cef7;
	}
	.m_tab_content {
		border: 1px solid #71cef7;
		padding: 0.5rem;
		box-sizing: border-box;
		border-radius: 5px;
	}


	/* pdk详情页样式 */
	.m_pdk_detail{
		background: url(../img/m_u3.png) no-repeat;
		background-size: 100% 100%;
	}
	.m_pdk_content{
		padding-top: 0.7rem;
	}
	.m_pdk_right {
	    text-align: left;
	    line-height: 28px;
	    color: #1b3663;
	}
	.m_pdk_content li{
		background: #fff;
		width: 90%;
	    margin: 0 auto 0.5rem auto;
	    border-radius: 5px;
	    padding: 0.35rem;
        box-sizing: border-box;
	}
	.m_pdk_right h4{
	    font-size: 0.34rem;
	}
	.m_pdk_right p{
	    font-size: 0.3rem;
	    line-height: 0.5rem;
	}
	.m_pdk_content img{
		width: 2rem;
    	height: 100%;
    	margin-right: 0.25rem;
	}
	.m_pdk_download_box a{
		border: 1px solid #00adee;
	    color: #00adee;
	    display: inline-block;
	    text-align: center;
	    height: 0.8rem;
	    line-height: 0.8rem;
	    font-size: 0.345rem;
	    border-radius: 5px;
	    padding: 0 0.02rem
	}
	.m_free {
		color: #fff;
		font-size: 0.35rem;
		padding: 0 0.5rem 1rem 0.5rem;
	}
	.m_pdk_title{
	    margin: 0 auto;
	    color: #fff;
	    text-align: center;
	    font-size: 0.58rem;
	    padding-top: 2rem;
	}

	/* 表单页面样式 */
	.m_input{
		background: url(../img/m_u3.png) no-repeat;
		background-size: 100% 100%;
	}
	.m_input_title{
	    margin: 0 auto;
	    color: #fff;
	    text-align: center;
	    font-size: 0.58rem;
	    padding-top: 2rem;
	}
	.m_input_content {
		color: #fff;
		font-size: 0.4rem;
	}
	.m_input_content {
		width: 90%;
		margin: 0 auto;
	}
	.m_input_content input, .m_input_content textarea, .m_input_content select{
		width: 100%;
	}
	.m_input_content input, .m_input_content select{
		height: 1rem;
		border: none;
		padding-left: 5px;
		box-sizing: border-box;
		background: #fff;
	}
	#m_residecitybox select{
		width: 50%;
		background: #fff;
		margin-bottom: 0.3rem;
	}
	.m_input_content p{
		margin-bottom: 0.25rem;
		margin-top: 0.4rem;
	}
	.m_submit_btn{
		background: #00adee;
		color: #fff;
		border-radius: 50px;
		font-size: 0.4rem;
		margin: 30px 0;
		box-shadow: 0px 0px 10px #00adee;
		display: inline-block;
		width: 100%;
		height: 1rem;
		text-align: center;
		line-height: 1rem;
	    border: none;
	    outline: none;
	}
	.inner_font {
	    font-size: 0.875em !important;
	    padding: 0 0.2rem !important;
	    border-radius: 0 !important;
	}

	.m_input_content h4{
	    border-left: 4px solid #00adee;
	    padding-left: 0.2rem;
	    box-sizing: border-box;
	    font-size: 0.4rem;
	    color: #fff;
	    margin-bottom: 20px;
	    margin-top: 20px;
	}
	.m_input_content h4 span{
	    color: #e89b04;
	    font-size: 0.35px;
	}
	ins{
		color: #b7834c !important;
	}

}
