/*nav*/
@media (max-width:1120px) {
	.navbar-nav li a{
		padding: 7 5px;
		font-size: 14px !important;
	}
	.active-nth-last-child a{
		display: inline-block;
		width:90px !important;
		height:34px;
		background:rgba(107,174,239,0.4) !important;
		border-radius:3px;
	}
	.container-fluid{
		width: 100% !important;
	}
}
@media (max-width: 767px) {
	.banner{
		display: none;
	}
	.banner1{
		display: block;
	}
	.banner1>img{
		width: 100%;
		height: auto;
	}
	.navbar-collapse{
		background:rgba(40,41,46,0.5);
	}
	#guding{
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
	}
	.navbar{
		background: rgba(255,255,255,0);
		margin-bottom:0;
		border: 0;
	}
	.navbar-brand img{
		width:1.2rem;
		height:0.25rem;
	}
	.navbar-toggle{
		margin-top: 10px;
		padding: 4px;
	}
	.navbar-nav {
    	float: left;
	}
	.navbar-nav{
		color: #fff;
	}
	.navbar-nav li a{
		padding-top:7px;
		font-size:0.12rem !important;
		font-family:PingFang SC;
		font-weight:400;
	}
	.navbar-nav li:nth-child(3) a{
		color:#6BAEEF !important;
	}
	.navbar-nav li a:hover{
		color: #6BAEEF !important; 
	}
}








/*article*/
@media (max-width:767px) {
/*弹窗*/
.gou{
	display: none;
	position: fixed;
	z-index: 100;
	top: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	background: rgba(0,0,0,0.4);
}
.gou>.Submission{
	width: 100%;
	height: 3.4rem;
	padding: 0.2rem 0.36rem 0.36re;
	margin: 1.8rem auto;
	background: rgba(51,52,56,1);
	text-align: center;
}
.Submission>span{
	display:inline-block;
	width:0.3rem;
	height:0.3rem; 
	color:#fff;
	margin-left:92%;
}


/*版块一*/
/*服务*/
	.Train{
		width: 100%;
		margin-top: 0.5rem;
	}
	.Train>div{
		width: 96%;
		margin: 0 auto;
		text-align: center;
	}
	.Train>div>h1{
		font-size:0.28rem;
		font-family:Adobe Heiti Std;
		font-weight:normal;
		color:rgba(51,51,51,1);
		margin-bottom: 0.3rem;
	}
	.Train>div>img{
		width: 100%;
		display: none;
	}
	.detailedSteps{
		margin: 0.7rem 0;
		list-style: none;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
	}
	.detailedSteps li{
		width:3.6rem;
		height:4rem;
		background:rgba(255,255,255,1);
		position: relative;
		margin-right: 0.05rem;
	}
	.detailedSteps li:hover{
		box-shadow:0 0.03rem 0.18rem 0 rgba(107, 239, 174, 0.65);
	}
	.detailedSteps li img{
		width: 3.6rem;
		height: 2.5rem;
	}
	.step{
		width: 3.6rem;
		height: 1.5rem;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.step>h2{
		font-size: 0.24rem;
		color: #333333;
	}
	.step p{
		display: inline-block;
		text-align: left;
		font-size:0.16rem;
		font-family:Adobe Heiti Std;
		font-weight:normal;
		color:rgba(102,102,102,1);
	}

/*版块二*/

	.customizedSoftware{
		width: 100%;
	}
	.customizedSoftware>div{
		width: 96%;
		margin: 0.3rem auto;
		text-align: center;
	}
	.customizedSoftware h1{
		font-size:0.2rem;
		font-family:Adobe Heiti Std;
		font-weight:normal;
		color:rgba(51,51,51,1);
		margin-bottom: 0.1rem;
	}
	.customizedSoftware>div>img{
		width: 100%;
		display: none;
	}
	.edition{
		padding: 0;
		width: 80%;
		margin: 0 auto;
		list-style: none;
		display: flex;
		flex-wrap:wrap;
		justify-content:center;
	}
	.edition li{
		width: 100%;
		height: 4rem;
		border-radius:5px;
		position: relative;
		display: inline-block;
		text-align: center;
		margin: 0.3rem 0;
		box-shadow:0 0.03rem 0.18rem 0 rgba(107, 239, 174, 0.45);
	}
	.edition li:hover button{
		background:rgba(107,174,239,1);
	}
	.dt{
		width: 3rem;
		height: 3.6rem;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.edition h3{
		width: 100%;
		line-height: 0.6rem;
		text-align: center;
		font-size:0.26rem;
		font-family:Adobe Heiti Std;
		font-weight:bold;
		color:rgba(255,255,255,1);
	}
	.edition>li>p{
		width:70%;
		height: 0.52rem;
		font-size:0.18rem;
		font-family:Adobe Heiti Std;
		font-weight:normal;
		color:rgba(102,102,102,1);
		margin: 0.81rem auto;
		text-align: center;
	}
	.edition button{
		width:70%;
		height:0.52rem;
		background:rgba(107,174,239,0.8);
		border-radius:5px;
		line-height: 0.52rem;
		border: 1px solid transparent; 
		outline: none; 
		font-size:0.26rem;
		font-family:Adobe Heiti Std;
		font-weight:normal;
		color:rgba(255,255,255,1);
	}
	.customizedPhone div{
		width:0.52rem;
		height:0.52rem;
		background:rgba(107,174,239,1);
		border-radius:8px;
		display: inline-block;
	}
	#call{
		width:0.29rem;
		height:0.31rem;
		margin: 0.11rem 0.1rem 0.12rem;
	}
	.customizedPhone p{
		display: inline-block;
		font-size:0.18rem;
		font-family:Adobe Heiti Std;
		font-weight:normal;
		color:rgba(102,102,102,1);
		Vertical-align:top;
		margin-left: 0.2rem;
	}


/*版块三*/
	.function{
		width: 100%;
		margin: 0.5rem 0;
	}
	.function>div{
		width: 96%;
		margin: 0 auto;
		text-align: center;
	}
	.function>div>h1{
		font-size:0.28rem;
		font-family:Adobe Heiti Std;
		font-weight:normal;
		color:rgba(51,51,51,1);
		margin-bottom: 0.3rem;
	}
	.function>div>img{
		width: 100%;
		display: none;
	}
	.function>div>p{
		font-size:0.16rem;
		font-family:Adobe Heiti Std;
		font-weight:normal;
		color:rgba(102,102,102,1);
		margin: 0.3rem 0;
	}
 		.technology{
		width: 96%;
		margin: 0 auto;
		margin-top: 0.65rem;
	}
 	.technology>ul{
 		padding: 0;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		list-style: none;
 	}
	.technology>ul>li{
		width: 100%;
		display: flex;
		justify-content: space-around;
		margin-bottom: 0.25rem;
		padding: 0.15rem 0;
	}
	.technology>ul>li>div:nth-child(1){
		width:0.99rem;
		height:1rem;
		background:rgba(255,255,255,1);
		border-radius:50%;
		line-height: 1rem;
		text-align: center;
	}
	.technology>ul>li>div:nth-child(2){
		width: 2.43rem;
		height: 1rem;
		text-align: left;
	}
	.technology>ul>li>div>img{
		width:1rem;
	}
	.technology>ul>li>div>h4{
		width:1rem;
		height:0.18rem;
		color:rgba(107,174,239,1);
	}	
	.technology>ul>li>div>p{
		font-size:0.14rem;
		color:rgba(102,102,102,1);
	}
	.technology>ul>li:hover{
		box-shadow:0 0.03rem 0.18rem 0 rgba(107, 239, 174, 0.35);
	}
	.moreFunctions{
		margin:0 auto;
		display: block;
		width:2.83rem;
		height:0.45rem;
		background:rgba(107,174,239,1);
		border-radius:5px;
		font-size:0.24rem;
		font-family:Adobe Heiti Std;
		font-weight:normal;
		color:rgba(255,254,254,1);
		line-height: 0.45rem;
		text-align: center;
	}


/*版块四*/
.discount{
		width: 100%;
		position: relative;
	}
	.discount>div{
		width: 100%;
		margin: 0 auto;
		text-align: center;
		position: absolute;
		top: 0.3rem;
		left: 0;
	}
	.preferentialDiscount p{
		font-size: 0.24rem;
		color: #fff;
	}
	.preferentialDiscount p span{
		font-size: 0.3rem;
		color: #6BAEEF;
	}
	.preferentialDiscount h5{
		font-size: 0.16rem;
		color: #fff;
	}
	.froms{	
		display: flex;
		flex-direction:column;
		align-items: center;
	}
	.froms input{
		width:3rem;
		height:0.5rem;
		background:rgba(255,255,255,1);
		border-radius:5px;
		font-size:0.2rem;
		font-family:Adobe Heiti Std;
		font-weight:normal;
		color:rgba(102,102,102,1);
		padding: 0.1rem;
		margin-bottom: 0.3rem;
		border: none;
	}
	.froms button{
		width:3rem;
		height:0.5rem;
		background:rgba(107,174,239,1);
		border-radius:5px;
		font-size:0.2rem;
		font-family:Adobe Heiti Std;
		font-weight:normal;
		color:rgba(255,255,255,1);
		border: 0 solid transparent;
		outline: none;
	}

/*版块五*/
	.programme{
		width: 100%;
		margin-top: 0.5rem;
	}
	.programme>div{
		width: 96%;
		margin: 0 auto;
		text-align: center;
	}
	.programme>div>h1{
		font-size:0.28rem;
		font-family:Adobe Heiti Std;
		font-weight:normal;
		color:rgba(51,51,51,1);
		margin-bottom: 0.3rem;
	}
	.programme>div>img{
		width: 100%;
		display: none;
	}
	.server-container{
		width: 96%;
		margin: 0 auto;
		margin-top: 0.4rem;
		display: flex;
		flex-direction: column;
	}

	.server-list{
	  width:3.6rem;
	  height: 6.5rem;
	  box-shadow:0 0.01rem 0.24rem 0 rgba(138,144,153,0.19);
	  list-style: none;
	  padding: 0;
	}
	.server-item{
		width: 3.6rem;
		height: 0.65rem;
		font-size:0.12rem;
		font-weight:400;
		color:rgba(102,102,102,1);
		line-height:0.65rem;
		float: right;
		box-sizing: border-box;
		border-bottom:1px dashed rgba(226,226,226,1);
	}
	.server-item span{
		padding-left: 0.35rem;
	}

	.server-item:hover{
	   width: 3.6rem;
	   background: url(../img/panoramicSoftware/active.png);
	   color:rgba(255,255,255,1);
	   border: 0;
	}
	.server-video{
		width: 3.6rem;
		min-height: 2.5rem;
		box-shadow:0px 0.02rem 0.55rem 0 rgba(138,144,153,0.7);
		border-radius:5px;
		margin-top: 0.3rem;
	}

	.server-video video{
		width: 100%;
		height: 100%;
	}







/*官方支持*/
	.officialSupport{
		width: 100%;
	}
	.biaotiTwo{
		width: 80%;
		margin: 0.3rem auto 0.1rem;
		text-align: center;
	}
	.biaotiTwo h1{
		font-size:0.24rem;
		font-family:Adobe Heiti Std;
		font-weight:normal;
		color:rgba(51,51,51,1);
		margin-bottom:0.1rem;

	}
	.biaotiTwo img{
		width: 100%;
	}

}
/*article*/









/*footer*/
@media (max-width:767px) {
	footer{
		width: 100%;
	}
	.footer{
		width: 100%;
		height:9.2rem;
		background:rgba(51,52,56,1);
		position: relative;
	}
	.footer p{
		font-size:0.36rem;
		font-family:Arial Black;
		font-weight:bold;
		color:rgba(217,217,217,0.1);
		text-align: center;
	}
	.websiteInformation{
		width: 100%;
		position: absolute;
		top: 0.35rem;
	}
	.biaotiSix{

	}
	.biaotiSix h1{
		font-size:0.28rem;
		font-family:Adobe Heiti Std;
		font-weight:bold;
		color:rgba(107,174,239,1);
		text-align: center;
		margin:0.2rem 0 0.2rem;
	}
	.biaotiSix p {
		margin: 0 auto;
		width: 90%;
		font-size:0.12rem;
		font-family:Adobe Heiti Std;
		font-weight:normal;
		color:rgba(217,217,217,1);
		text-align: center;
	}
	.xinxi{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 0.3rem;
	}
	.contact{
		width:3rem;
	}
	.contact div{
		display: inline-block;
		font-size:0.18rem;
		font-family:Adobe Heiti Std;
		font-weight:normal;
		color:rgba(255,255,255,1);
		position: relative;
	}
	.contact div p{
		width: 100%;
		height:0.45rem;
		text-align: center;
		line-height: 0.45rem;
		font-size:0.18rem;
		font-family:Adobe Heiti Std;
		font-weight:normal;
		color:rgba(255,255,255,1);
		position: absolute;
		top: 0;
		left: 0;
	}
	.contact div img{
		width:1.5rem;
		height:0.45rem;
		background:rgba(40,41,46,1);
	}
	.contact div .tabOne{
		width:1.1rem;
		height:0.45rem;
		background:rgba(40,41,46,1);
	}
	.contact span{
		display: inline-block;
		width:90%;
		height:0.02rem;
		background:rgba(101,101,101,1);
	}
	.lianxi li img{
		width: 0.3rem;
		height: 0.3rem;
	}
	.contact ul{
		list-style: none;
		padding: 0;
	}
	.fangan{
		width: 2rem;
		height: 2rem;
		display: none;
	}
	.contact ul li{
		margin: 0.1rem 0;
	}
	.contact ul li p{
		display: inline-block;
		font-size:0.18rem;
		font-family:Adobe Heiti Std;
		font-weight:normal;
		color:rgba(133,134,138,1);
	}

	.Submission{
		width:3rem;
		float: right;
	}
	.Submission input{
		width:3rem;
		height:0.41rem;
		border:1px solid rgba(101,101,101,1);
		border-radius:5px;
		background: rgba(51,52,56,1);
		margin-bottom: 0.17rem;
		color: #CFCFCF;
		font-size: 0.24rem;
	}
	.Submission textarea{
		width:3rem;
		height: 0.92rem;
		border:1px solid rgba(101,101,101,1);
		border-radius:5px;
		background: rgba(51,52,56,1);
		color: #CFCFCF;
		font-size: 0.24rem;
		resize: none;
	}
	.Submission div{
		width:3rem;
		height:0.51rem;
		background:rgba(107,174,239,1);
		border-radius:5px;
		line-height: 0.51rem;
		text-align: center;
		font-size:0.24rem;
		font-family:Adobe Heiti Std;
		font-weight:normal;
		color:rgba(255,255,255,1);
		margin-top: 0.17rem;
		display: inline-block;
	}


	.copyright{
		position: absolute;
		bottom: 0;
		width: 100%;
		background:rgba(40,41,46,1);
		font-size:0.18rem;
		font-family:Adobe Heiti Std;
		font-weight:normal;
		color: #85868A;
		text-align: center;
		line-height: 0.47rem;
	}
}
/*footer*/