body{
	background:#000;
	color:#fff;
	}




#cmm_nav ul li a{
	padding:15px 0 15px 0;
	letter-spacing:6px;
	color:#ffffff;
	font-size:16px;
	/*font-weight:bold;*/
	}
/*六大特点*/

	
/*大标题样式*/	
.vpntitle>.titletext{
	color:#ffffff;
	}





/*机器猫*/	
@media (min-width: 767px) {	
	@media (max-height: 767px) {	
		.store-info-form .city-box .item-list li{
			padding-left: 30px;
		}
	}
}
@media (max-width: 767px) {	
	body{
		background:#03233f;
	}
	#cmm_nav ul li a{
		font-size:15px;
		padding: 12px 0 12px 0;
		/*font-weight:bold;*/
	}
	
	.onepage-wrapper .page4{
		height:auto;
		border-bottom:1px solid #000000;
		background:#000000 url('/public/statics/image/page4_wave.jpg') no-repeat center center;
		padding-top: 26px;
		background-size:100%;
	}
	.m_dorintro{
		display:block;
	}
	.m_dorintro img{
		display:block;
		width:90%;
		margin:0 auto 40px auto;
	}
	.dorintro{	
		display:none;
		}	
	.dorintro2{	
		display:block;
		width:100%;
		}
	.dorintro2 img{	
		width:98%;
		}
	#swiper1{

	}
	.m_page2_content{
		position:relative;
		height:346px;
		
	}
	.m_page2_content_list1{
		padding:20px 12px;
		width:100%;
		height:306px;
		background:#000000;
		border-top:1px solid transparent;
		opacity: 0.6;
		border-radius:6px;
	}
	.m_page2_content_list1 h2{
		height:42px;
		line-height:42px;
		padding:0;
		margin:16px 0 16px 0;
		font-size:22px;
		font-weight:bold;
		color:#3497e3;
	}
	.m_page2_content_list1 p{
		padding-left:30px;
		line-height:24px;
		background:url('/public/statics/image/right.png') no-repeat 6px 4px;
		background-size:16px;
		color:#ffffff;
		font-size:14px;
		margin-bottom:26px;
	}
	.swiper-pagination-bullet{
		margin: 0 5px;
		cursor: pointer;
		background:transparent;
		border:1px solid #3497e3;
		opacity:1;
	}
	.swiper-pagination-bullet-active{
		background: #007aff;
		border:1px solid #007aff;
	}
	.onepage-cent div.page2 div.pagecent{
		display:none;
	}
	.swiper-pagination{
		position:absolute;
		bottom: 10px;
    	left: 0;
    	width: 100%;
		text-align:center;
		-webkit-transition:.3s;
		-moz-transition:.3s;
		-o-transition:.3s;
		transition:.3s;
		-webkit-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		z-index:10
	}
	.onepage-wrapper .page1{
		height:auto;
	}
	.onepage-wrapper .page3{
		height:520px;
	}
	.onepage-wrapper .page2{
		background:url('/public/statics/image/ldys.png') no-repeat center 164px;
		background-size: 100%;
		height:520px;
	}
	.page3 div.vpntitle{
		margin-top:64px;
	}
	.page2 div.vpntitle{
		margin-bottom:24px;
		margin-top:32px;
	}
	/*我们的产品*/	
	.ourproduct{
		position:absolute;
		bottom:0 !important;
		padding-top: 20px;
		width:100%;
		height:420px;
	}
	.ourp_cent{
		width:100%;
		height:auto;
		margin:0 auto;
	}
	.ourp_cent div.ourp_in{
		float:none;
		width:320px;
		height:160px;
		margin:0 auto 40px auto;
	}
	.ourp_cent div.ourp_in img{
		display: block;
		width:160px;
	}
	.ourp_cent div.ourp_in p{
		width:160px;
		height:160px;
		margin:0;
		background:#02182b;
	}
	.ourp_cent div.ourp_in p span{
		display:block;
		height:24px;
		line-height:24px;
		color:#ffffff;
		font-size:12px;
		font-weight:bold;
		padding:0 0 0 28px;
		background:url('/public/statics/image/right.png') no-repeat 8px 6px;
		background-size:12px;
		letter-spacing:2px;
	}
	.ourp_cent div.ourp_in p span:nth-child(1){
		margin-top:22px;
	}
	.ourp_cent div.ourp_in p span:nth-child(3){
		margin-bottom:16px;
	}
	.ourp_cent div.ourp_in p a{
		display:block;
		height:36px;
		width:100px;
		border-radius:32px;
		color:#3497e3;
		border:1px solid #3497e3;
		font-size:14px;
		text-align:center;
		line-height:36px;
		margin:0 auto;
		text-decoration:none;
	}
	.ourp_cent div.ourp_in p a:hover{
		color: #ffffff;
		background: #3497e3;
		text-decoration:none;
	}
	.onepage-wrapper .page5{
		height:auto;	
	}
	.map-pie{
		position:absolute;
		left:0px;
		top:360px !important;
		width:100% !important;
		height:240px !important;
		margin:0 !important;
	}
	.map-wrap{

		top:0;
		width:100% !important;
		height:300px !important;
		margin:0 !important;
	}
	.vpnbtn{
		line-height:36px;
		width:200px;
		border-radius:40px;
		margin:260px auto 10px auto;
		text-align:center;
		background:#2fa8e1;
		font-weight:bold;
	}
	.vpnbtn a{
		color:#ffffff;
	}

	
	.vpnbtn a:hover{
		color:#fff;
	}
	/**更多城市**/
	.store-info-form .city-box {
		  position: fixed;
		  right: 0;
		  left: 0;

		  width: 600px;
		  height:800px;
		  margin: 0 auto;
		  border-radius: 0.2rem 0.2rem 0 0;
		  overflow: hidden;
		  z-index: 10099;
		  padding: 0 30px;
	}
	.store-info-form .city-box {
		width: 100%;
		height:400px;
	}
	.store-info-form .city-box .item-list {
	  padding: 0 10px 0 10px;
	}
	.store-info-form .city-box .item-list li {
		padding-left:10px;
	}
	.store-info-form .city-box .item-list li span{
		margin: 0 4px;
		min-width: 56px;
	}
	.store-info-form .city-box .city-sidaber {
		right: 16px;
	}
	.disabled-onepage-scroll .onepage-wrapper{
		top:0;
		z-index:9997;
	}
	.store-info-form .city-box .city-sidaber p{
		height: 12px;
		line-height: 12px;
		font-size:10px;
		margin: 0 0 2px 0;
	}
	.page5 div.vpntitle{
		display:none;
	}
}



@media (min-width: 768px) {
	.m_dorintro{
		display:none;
	}
	.dorintro{	
		display: block;
		height: 80%;
		width: 80%;
		margin: auto;
		}
	.dorintro img{
		display: block;
		max-height: 100%;
		max-width:100%;
		margin:0 auto;
		}	
	.dorintro2{	
		display:none;
		}

	.desclist{
		height:auto;
		position: absolute;
		margin:0;
		width:100%;
		padding:20px 200px;
		bottom: 30px;
	}

	.desclist div h3.desclt-tit{
		
	}
	.desclist div ul{
		display;block;
	}
	
	.desclist div ul.desclt-list{
		
	}
	.desclist div ul.d-service{
		
	}
	.desclist div ul.d-customer{
		
	}
	.desclist div ul.d-friendship{
		
	}
	.desclist div ul.desclt-list li{
		height:40px;
	}
	.desclist div ul.d-service li{
		height:40px;
	}
	.desclist div ul.desclt-list li a{
		line-height:40px;
		
	}
	.desclist div ul.d-service li a{
		height:40px;
		line-height:40px;
		display: inline-block;
	    width: auto;
	    margin: 0 24px 0 0;
	    color: #ffffff;
	    
	}
	.desclist div ul.desclt-list li span{
		
	}



	.vpnbtn a{
		color:#fff;
	}



	.linebtn a:hover{
		color:#fff;
	}
	.dwave_show{
		position:absolute;
		bottom:0px;
		width:100%;
	}
	div.onepage-cent div.page3{
		background: #02233f;
	}
	/*我们的产品*/	
	.ourproduct{
		position:absolute;
		bottom:300px;
		width:100%;
		height:260px;
	}
	.ourp_cent{
		width:1040px;
		height:260px;
		margin:0 auto;
	}
	.ourp_cent div.ourp_in{
		width:520px;
		height:260px;
	}
	.ourp_cent div.ourp_in img{
		display: block;
		width:260px;
		height:260px;
	}
	.ourp_cent div.ourp_in p{
		width:260px;
		height:260px;
		margin:0;
		padding:30px 0;
		background:#02182b;
	}
	.ourp_cent div.ourp_in p span{
		display:block;
		height:36px;
		line-height:36px;
		color:#ffffff;
		font-size:14px;
		font-weight:bold;
		padding:0 0 0 100px;
		background:url('/public/statics/image/right.png') no-repeat 68px 10px;
		background-size:14px;
		letter-spacing:2px;
	}
	.ourp_cent div.ourp_in p span:nth-child(1){
		margin-top:30px;
	}
	.ourp_cent div.ourp_in p span:nth-child(3){
		margin-bottom:16px;
	}
	.ourp_cent div.ourp_in p a{
		display:block;
		height:42px;
		width:146px;
		border-radius:32px;
		color:#3497e3;
		border:1px solid #3497e3;
		font-size:14px;
		text-align:center;
		line-height:42px;
		margin:0 auto;
		text-decoration:none;
	}
	.ourp_cent div.ourp_in p a:hover{
		color: #ffffff;
		background: #3497e3;
		text-decoration:none;
	}
	.footer{
		padding:20px 0 0 0;
	}
	.m_page2_content{
		display:none;
	}
	.map-pie{
		position:absolute;
		left:0px;
		top:303px;
		width:100%;
		height:240px;
	}
	.map-wrap{
		width:100%;
		height:300px;
	}
	.page1{
		position: absolute;
		width:100%;
		height:100%;
		top:0%;
	}
	.page2{
		position: absolute;
		width:100%;
		height:100%;
		top:100%;
	}
	.page3{
		position: absolute;
		width:100%;
		height:100%;
		top:200%;
	}
	.page4{
		position: absolute;
		width:100%;
		height:100%;
		top:300%;
	}
	.page5{
		position: absolute;
		width:100%;
		height:100%;
		top:400%;
	}
}