body {
	font-family:'Microsoft Yahei';
	background-color: #555;
}

/*鼠标双击禁止选中文本*/
.no_select{
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */   
}
/*向下的导航三角*/
.triangle {
	margin:0 auto;
	width: 0;
	height: 0;
	border-width: 40px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}

/*logo*/
.logo-zh {
	font-size: 36px;
	color:rgb(24,104,177);
	font-weight: 900;
	display:inline-block;
	-webkit-transform: scale(1.2,0.9);
}

.logo-en {
	font-size: 18px;
	color:rgb(24,104,177);
	font-weight: 900;
	display:block;
	-webkit-transform: scale(1.5,1);
	margin-top: -5px;
}

.logo-img {
	/**/
}

@media screen and (min-width: 1000px) {
	/*标题栏*/
	.title-div {
		position: fixed;
		top:0;
		left:0;
		z-index:9;
		width:100%;
		background-color: #fffffa;
	}
	.title-div-left {
		text-align: center;
		padding:10px;
		width:39%;
		display: inline-block;
		cursor: pointer;
	}
	.title-div-left-M {
		display: none;
	}
	.title-div-right {
		text-align: center;
		width:55%;
		display: inline-block;
		vertical-align: top;
	}
	/*导航*/
	.navigation-btn {
		display: inline-block;
		width:24%;
		background-color: #fff;
		padding:15px 0;
		vertical-align: middle;
	}
	.navigation-btn span {
		cursor:pointer;
	}
	.navigation-btn span:hover {
		color:rgb(24,104,177);
		font-weight: 600;
		border-bottom:3px solid rgb(24,104,177);
	}
	.navigation-btn-active {
		color:rgb(24,104,177);
		font-weight: 600;
		border-bottom:3px solid rgb(24,104,177);
	}
	.navigation-btn img {
		cursor:pointer;
	}
	/*隐藏移动端扫码登陆*/
	#qbQRcode_M {
		display: none;
	}
	/*二维码*/
	#qbQRcodeDiv {
		position:fixed;
		top:0;
		right:0;
		background-color:rgba(10,10,10,0.1);
		z-index:99;
		display: none;
		text-align: center;
		padding:15px;
	}
	/*公司介绍*/
	#companyInfo_Div {
		background: linear-gradient(to bottom, rgb(24,104,177),rgb(76,151,219));
		color:#fff;
		padding:75px 0;
	}
	.companyInfo-Div-P {
		text-align: center;
		width:100px;
		padding:5px;
		margin:auto;
		margin-top:30px;
		margin-bottom: -30px;
		border:1px solid #fff;
		border-radius: 5px;
		cursor:pointer;
	}
	.companyInfo-Div-33 {
		display: inline-block;
		width:33%;
		text-align: center;
		vertical-align: top;
	}
	.companyInfo-Div-33 p {
		width:128px;
		margin:15px auto;
		text-align: left;
		font-size:14px;
	}
	.companyInfo-Div-M {
		display: none;
	}
	#companyInfo_Div_show {
		display: none;
		position: fixed;
		top:90;
		z-index: 999;
		text-align:left;
		background-color: rgba(10,10,10,0.1);
		color:#fff; 
	}
	#companyInfo_Div_show div {
		display: block;
		overflow-y: auto;
		padding:30px 190px;
		background: linear-gradient(to bottom, rgb(24,104,177),rgb(76,151,219));
	}
	/*产品中心*/
	.productsInfo-title {
		text-align: center;
		color:#666;
		margin-top: -20px;
	}
	/*餐饮、商超、saas*/
	.imgbg {
		width:33%;
		height:300px;
		background-color: #333;
		text-align: center;
		color:#fff;
		background-image: url(img/bg.jpg);
		background-repeat:repeat-y; 
		background-size:100% 100%;
		-moz-background-size:100% 100%;
		display: inline-block;
		cursor: pointer;
		vertical-align: top;
	}
	.imgbg-hover {
		background-color: rgba(110,110,110,0.75);
		height:100%;
		display: none;
	}
	.imgbg-hover div {
		padding:0 45px;
		padding-top: 50px;
	}
	.imgbg-hover-text {
		text-align: left;
		padding:15px 0;
	}
	.imgbg-hover-btn:hover {
		background-color: #fff;
		color:rgba(110,110,110,0.75);
	}
	.imgbg-hover-btn {
		border:1px solid #fff;
		border-radius: 5px;
		width:30%;
		margin:0 auto;
		padding:10px;
	}	
	.imgbg-show {
		height:100%;
	}
	.imgbg-show p {
		padding-top: 100px;
		font-size: 24px;
		font-weight: 900;
		text-shadow: 0 3px 2px rgba(50,50,50,0.9);
	}

	/*支付、云老板、查询*/
	.ext-productsInfo {
		width:33%;
		display: inline-block;
		vertical-align: top;
		text-align: left;
	}
	.ext-productsInfo div {
		background-color: #fff;
		border-radius: 5px 5px 0 0;
		margin:0 60px;
		color:#fff;
		box-shadow: 0 1px 1px 1px rgba(150,150,150,0.1);
	}
	.ext-productsInfo div:hover {
		box-shadow: 0 1px 11px 6px rgba(10,10,10,0.2);
		color:rgb(50,149,210);
	}
	.ext-productsInfo p {
		height:90px;
		background-color: #ccc;
		border-radius: 5px 5px 0 0;
		color:#fff;
		text-align: left;
		position: relative;
		background-image: url(../img/img3.png);
		background-repeat:repeat-y; 
		background-size:100% 100%;
		-moz-background-size:100% 100%;
	}
	.ext-productsInfo b {
		position: absolute;
		left:15;
		bottom:5;
		text-shadow: 0 6px 6px rgba(10,10,10,0.9);
	}
	.ext-productsInfo span {
		height:100px;
		display: inline-block;
		margin:0 30px;
		text-align: left;
		color:#666;
		font-size: 14px;
	}
	.ext-productsInfo u {
		display: block;
		font-size: 14px;
		padding-left:30px;
		padding-bottom:15px;
		cursor: pointer;
	}

	/*联系我们*/
	.contactUsClass {
		display: inline-block;
		width:30%;
		vertical-align: top;
		text-align: left;
	}
	.contactUsClass-25 {
		display: inline-block;
		width:25%;
		vertical-align: top;
		text-align: left;
	}
	#contactUs_Div p {
		font-size: 12px;
		color:#eee;
	}
}

@media screen and (max-width: 1000px) {
	/*标题栏*/
	.title-div {
		position: fixed;
		top:0;
		left:0;
		z-index:9;
		width:100%;
		background-color: #fffffa;
	}
	.title-div-left-M {
		position: fixed;
		top:5;
		right:5;
		z-index: 99;
		padding:20px;
	}
	.title-div-left {
		text-align: center;
		padding-bottom:5px;
	}
	.title-div-right {
		text-align: center;
		width:100%;
		display: none;
	}
	/*导航*/
	.navigation-btn {
		background-color: rgb(24,115,187);
		padding:12px 0;
		border-bottom:1px solid #eee;
		vertical-align: top;
	}
	.navigation-btn span {
		color: #eee;
		font-weight: 900;
	}
	/*隐藏web端扫码关注*/
	#qbQRcode_Web {
		display: none;
	}
	/*二维码*/
	#qbQRcodeDiv {
		display: none;
		position: fixed;
		top:80;
		left:15;
		right:15;
		background-color: rgba(200,200,200,0.9);
		z-index: 999;
		padding-bottom:35px;
		text-align: center;
	}
	/*公司介绍*/
	#companyInfo_Div {
		background: linear-gradient(to bottom, rgb(24,104,177),rgb(76,151,219));
		color:#fff;
		padding:15px;
		padding-bottom:5px;
		text-align:left;
	}
	.companyInfo-Div-P {
		text-align: center;
		width:100px;
		padding:5px;
		margin:auto;
		margin-top:5px;
		margin-bottom: 20px;
		border:1px solid #fff;
		border-radius: 5px;
		cursor:pointer;
	}
	.companyInfo-Div-33 {
		display: none;
	}
	.companyInfo-Div-M {
		display: inline-block;
	}
	.companyInfo-Div-M p {
		display: inline-block;
		width:49%;
		vertical-align: middle;
		font-size: 14px;
	}
	#companyInfo_Div_show {
		display: none;
		position: fixed;
		top:90;
		z-index: 999;
		text-align:left;
		background-color: rgba(10,10,10,0.3);
		color:#fff; 
	}
	#companyInfo_Div_show div {
		overflow-y: auto;
		height:350px;
		padding:15px;
		background: linear-gradient(to bottom, rgb(24,104,177),rgb(76,151,219));
	}
	/*产品中心*/
	.productsInfo-title {
		text-align: center;
		color:#666;
		font-size:12px;
		padding:0 30px;
		margin-top: -30px;
	}
	/*餐饮、商超、saas*/
	.imgbg {
		width:100%;
		height:240px;
		background-color: #333;
		text-align: center;
		color:#fff;
		background-image: url(img/bg.jpg);
		background-repeat:repeat-y; 
		background-size:100% 100%;
		-moz-background-size:100% 100%;
		display: inline-block;
	}
	.imgbg-hover {
		background-color: rgba(110,110,110,0.75);
		height:100%;
		display: none;
	}
	.imgbg-hover div {
		padding:0 20px;
		padding-top: 10px;
	}
	.imgbg-hover-text {
		text-align: left;
		padding:15px 0;
	}
	.imgbg-hover-btn:hover {
		background-color: #fff;
		color:rgba(110,110,110,0.75);
	}
	.imgbg-hover-btn {
		border:1px solid #fff;
		border-radius: 5px;
		width:30%;
		margin:0 auto;
		padding:10px;
		margin-top: -20px;
	}	
	.imgbg-show {
		height:100%;
	}
	.imgbg-show p {
		padding-top: 75px;
		font-size: 24px;
		font-weight: 900;
		text-shadow: 0 3px 2px rgba(50,50,50,0.9);
	}
	/*支付、云老板、查询*/
	.ext-productsInfo {
		width:100%;
		display: inline-block;
		vertical-align: top;
		text-align: left;
	}
	.ext-productsInfo div {
		background-color: #fff;
		border-radius: 5px 5px 0 0;
		margin:0 30px;
		color:#fff;
		box-shadow: 0 1px 11px 6px rgba(10,10,10,0.2);
		color:rgb(50,149,210);
	}
	.ext-productsInfo p {
		height:90px;
		background-color: #ccc;
		border-radius: 5px 5px 0 0;
		color:#fff;
		text-align: left;
		position: relative;
		background-image: url(../img/img3.png);
		background-repeat:repeat-y; 
		background-size:100% 100%;
		-moz-background-size:100% 100%;
	}
	.ext-productsInfo b {
		position: absolute;
		left:15;
		bottom:5;
		text-shadow: 0 6px 6px rgba(10,10,10,0.9);
	}
	.ext-productsInfo span {
		height:100px;
		display: inline-block;
		margin:0 30px;
		text-align: left;
		color:#666;
		font-size: 14px;
	}
	.ext-productsInfo u {
		display: block;
		font-size: 14px;
		padding-right:30px;
		padding-bottom:15px;
		text-align: right;
		cursor: pointer;
	}

	/*联系我们*/
	.contactUsClass {
		display: inline-block;
		width:90%;
		margin:0 auto;
		vertical-align: top;
		text-align: left;
	}
	.contactUsClass-25 {
		display: inline-block;
		width:90%;
		margin:0 auto;
		vertical-align: top;
		text-align: left;
	}
	#contactUs_Div p {
		font-size: 12px;
		color:#eee;
	}
}	