/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p,
blockquote,header,footer,section,nav, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li,
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea,
table,thead,th,tr,td,small,nav,
img{    
    margin: 0;
    padding: 0;
}
body,html{
	width:100%;
	height: 100%;
	background: url(../img/bg_page.png) center center no-repeat;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale;
}
html,
button,
input,
select,
textarea {
	color: #222;
}
/* 设置默认字体 */
body, button, input, select, textarea { font:0.8750em/1.6 "PingFang SC", "Microsoft YaHei", arial, "\5b8b\4f53", sans-serif, tahoma}
/** 设置默认字体 **/
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style:normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family:courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size:12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* Resetting HTML5! */
section, article, aside, header, footer, nav, dialog, figure ,
details, figcaption, hgroup, main, menu,summary { /*display: block; */ }
audio, canvas, progress, video { 
　　　/*display: inline-block;*/ 
} 
audio:not([controls]) { 
　　　display: none;
　　　height: 0; 
} 
/** 重置表格元素 **/
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}
img {
    display:block;
    width:100%;max-width:100%;
    height:auto;
    width: auto\9; /* “\9″在IE6/IE7/IE8/IE9/IE10下生效,“\0”在 IE8/IE9/IE10下生效,“\9\0” 在IE9/IE10下生效 */
    -ms-interpolation-mode:bicubic;/*防止windows平台，缩放图片失真现象象*/
    vertical-align:middle;
    border:medium none;/*不显示边框*/
}

fieldset{border:0;}
input, textarea, select, button {
    font-size: 0.9375em;
    font-weight: normal;
    border: 0;
}
input[type="button"], input[type="submit"], input[type="reset"] { /*清除手机自带样式*/
    -webkit-appearance: none;
}
input ,select{
    outline: none
}
select {
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/

/*很关键：将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
/*将背景改为红色*/
background:#FFF;
/*加padding防止文字覆盖*/
padding-right: 14px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

[placeholder] {  font-family: 'Microsoft YaHei';  }
input::-webkit-input-placeholder{
    color:#ccc;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#ccc;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#ccc;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#ccc;
}
/*input:focus{
	padding:2px;
}*/
ol,ul, li, dl, dt, dd {
    list-style-type: none;
}

a {
    text-decoration: none;
    outline: none;
    display: block;
    font-style:normal;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	cursor:pointer;	
    color:#FFF;
}
a:hover {
	text-decoration: none;
}
area,a:focus,button{
	outline: none;
}

b{font-weight: normal;}










header{
	width: 100%;
	background: #FFF;
	padding:10px 0;
	box-sizing: border-box;
}
.head{
	max-width: 80%;
	margin: 0 auto;
	overflow: hidden;zoom: 1;
}
.head img{
	width: 7%;
	float: left;
}
.head h3{
	font-size: 1.5em;
	float: left;
	margin-left: 20px;
	line-height: 55px;
}
.content{
	width: 100%;
	height: auto;	
}
.cont{
	max-width: 80%;
	margin: 0 auto;
	overflow: hidden;zoom: 1;
}
.contleft{
	width:70%;	
	float: left;
	box-sizing: border-box;
	margin-top:3%;
}
.contleft div{margin-left:7px;}
.Listone,.Listtwo,.Listthree,.Listfour,.Listfive{
	width: 100%;
	height: 100%;
	margin:10px 0;
	overflow: hidden;zoom: 1;
}
.none{
	width: 13%;
	height: 100%;
	float: left;
	border:1px #CCC solid;
	padding: 6% 0;
	opacity: 0;
}
.portal,.fms,.wms,.oms,.tms{
	width: 27%;/*height: 6rem;*/	
	float: left;
    position: relative;
    padding: 6% 0;
    cursor: pointer;
}
.edl,.bl,.yms,.cfs,.pricing,.bms,.mms,.b2c,.pl,.Hardware,.app,.subscription,.program,.barcode,.gps{
	width: 13%;/*height: 6rem;*/
	float: left;
    position: relative; 
    padding: 6% 0;   
    cursor: pointer;
}

.portal p,.edl p,.bl p,.fms p,.yms p,
.cfs p,.wms p,.oms p,.pricing p,.bms p,
.mms p,.b2c p,.pl p,.tms p,.Hardware p,
.app p,.subscription p,.program p,.barcode p,.gps p{
	position: absolute;
	bottom: 5px;
	left: 7px;
	color: #FFF;	
}
@media only screen and (min-width: 1900px) {
	.portal p,.edl p,.bl p,.fms p,.yms p,
	.cfs p,.wms p,.oms p,.pricing p,.bms p,
	.mms p,.b2c p,.pl p,.tms p,.Hardware p,
	.app p,.subscription p,.program p,.barcode p,.gps p{
		font-size:1.5em;
	}
	.tool .block{
		width: 30%!important;
		height: 8rem!important;
		font-size: 1.2em!important;
		
	}
	
}
.hidetext{
	position: absolute;
	top: 0;
	left:0%!important;
	width: 100%;
	height: 100%;
	padding-top: 17%;
	text-align: center;
	color: white;
	background: rgba(0,0,0,0.9);
	transition: all 0.2s; 
	display: none; 
}

.hidetextF{
	position: absolute;
	top: 0;
	left:0%!important;
	width: 100%;
	height: 100%;
	padding-top: 35%;
	text-align: center;
	color: #222!important;
	background: #E1EBFD;
	transition: all 0.2s; 
	display: none; 
	font-weight: bold;
	font-size: 1.1em;
}
.hidetextF1{
	position: absolute;
	top: 0;
	left:0%!important;
	width: 100%;
	height: 100%;
	padding-top: 16%;
	text-align: center;
	color: #222!important;
	background: #E1EBFD;
	transition: all 0.2s; 
	display: none; 
	font-weight: bold;
}
.portal{background: url(../img/img_portal.png) left center no-repeat;background-size: 100% 100%;}
.edl{background: url(../img/img_EDI.png) left center no-repeat;background-size: 100% 100%;}
.bl{background: url(../img/img_BI.png) left center no-repeat;background-size: 100% 100%;}
.fms{background: url(../img/img_FMS.png) left center no-repeat;background-size: 100% 100%;}
.yms{background: url(../img/img_YMS.png) left center no-repeat;background-size: 100% 100%;}
.cfs{background: url(../img/img_CFS.png) left center no-repeat;background-size: 100% 100%;}
.wms{background: url(../img/img_WMS.png) left center no-repeat;background-size: 100% 100%;}
.oms{background: url(../img/img_OMS.png) left center no-repeat;background-size: 100% 100%;}
.pricing{background: url(../img/img_Pricing.png) left center no-repeat;background-size: 100% 100%;}
.bms{background: url(../img/img_BMS.png) left center no-repeat;background-size: 100% 100%;}
.mms{background: url(../img/img_MMS.png) left center no-repeat;background-size: 100% 100%;}
.b2c{background: url(../img/img_B2C.png) left center no-repeat;background-size: 100% 100%;}
.pl{background: url(../img/img_4PL.png) left center no-repeat;background-size: 100% 100%;}
.tms{background: url(../img/img_TMS.png) left center no-repeat;background-size: 100% 100%;}
.Hardware{background: url(../img/img_hardware.png) left center no-repeat;background-size: 100% 100%;}
.app{background: url(../img/img_APP.png) left center no-repeat;background-size: 100% 100%;}
.subscription{background: url(../img/img_subscription.png) left center no-repeat;background-size: 100% 100%;}
.program{background: url(../img/img_mini_program.png) left center no-repeat;background-size: 100% 100%;}
.barcode{background: url(../img/img_BarCode.png) left center no-repeat;background-size: 100% 100%;}
.gps{background: url(../img/img_GPS.png) left center no-repeat;background-size: 100% 100%;}
.Ricon{
	width:42%;
	float: left;
	box-sizing: border-box;
}

.Ricon p{
	display: inline-block;
	color: #FFF;
	padding:0.9% 0.9%;
	cursor: pointer;
	background:#3598DB;
	/*background: url(../img/img_group_icon.png) no-repeat;*/
}
@media only screen and (min-width : 1809px) {
	.Ricon p{
		padding:2.1% 2%;
	}
}
@media only screen and (max-width : 1500px){
	.Ricon p{
		padding:0;
	}
}
@media only screen and (min-width : 1500px) and (max-width : 1517px){
	.Ricon p{
		padding:.8%;
	}
}
@media only screen and (min-width : 1427px) and (max-width : 1441px) {
	.Ricon p{
		padding:.5%;
	}
}
@media only screen and (min-width : 1407px) and (max-width : 1426px) {
	.Ricon p{
		padding:.4%;
	}
}
@media only screen and (min-width : 1384px) and (max-width : 1406px) {
	.Ricon p{
		padding:.3%;
	}
}
@media only screen and (max-width : 1121px) {
	.Ricon p{
		width:12.5%;
	}
}
@media only screen and (min-width : 1104px) and (max-width : 1383px) {
	.Ricon p{
		width:12.8%;
	}
}
@media only screen and (max-width : 1087px) {
	.Ricon{
		width:41%;
	}
	.tool .block{
		margin: 5px 0 5px 10px!important;
		font-size: .75em!important;
	}
	.contleft{
		margin-top:10%;
	}
}
/*.Ricon .Ricon1{background:#3598DB url(../img/svg/icon_group_1.svg) center center no-repeat;}
.Ricon .Ricon2{background:#3598DB url(../img/svg/icon_group_2.svg) center center no-repeat;}
.Ricon .Ricon3{background:#3598DB url(../img/svg/icon_group_3.svg) center center no-repeat;}
.Ricon .Ricon4{background:#3598DB url(../img/svg/icon_group_4.svg) center center no-repeat;}
.Ricon .Ricon5{background:#3598DB url(../img/svg/icon_group_5.svg) center center no-repeat;}
.Ricon .Ricon6{background:#3598DB url(../img/svg/icon_group_6.svg) center center no-repeat;}
.Ricon .Ricon7{background:#3598DB url(../img/svg/icon_group_7.svg) center center no-repeat;}
.Ricon .Ricon8{background:#3598DB url(../img/svg/icon_group_8.svg) center center no-repeat;}
.Ricon .Ricon9{background:#3598DB url(../img/svg/icon_group_9.svg) center center no-repeat;}
.Ricon .Ricon10{background:#3598DB url(../img/svg/icon_group_10.svg) center center no-repeat;}
.Ricon .Ricon11{background:#3598DB url(../img/svg/icon_group_11.svg) center center no-repeat;}
.Ricon .Ricon12{background:#3598DB url(../img/svg/icon_group_12.svg) center center no-repeat;}
.Ricon .Ricon13{background:#3598DB url(../img/svg/icon_group_13.svg) center center no-repeat;}
.Ricon .Ricon14{background:#3598DB url(../img/svg/icon_group_14.svg) center center no-repeat;}*/
.contright{
	width: 29%;
	float: left;
	margin-top:13%;
	overflow: hidden;zoom: 1;
}
.title{
	width: 80%;
	float: right;
	margin-bottom: 10%;
}
.title img{
	
}
.tool{
	width:100%;	
	overflow: hidden;zoom: 1;
}
.tool .block{
	width: 29%;
	height: 6rem;
	padding:10px;
	float: left;
	background: #151D3A;
	color: #FFF;
	margin:5px 0 5px 11px;
	box-sizing: border-box;
	font-size: .9375em;
}