.xiaochengxu-header ~ .xiaochengxu-shangcheng {
	margin-top: 60px;
}

.xiaochengxu-shangcheng .title-box {
	padding-top: 40px;
}
.xiaochengxu-shangcheng .col-title {
	text-align: center;
	font-size: 30px;
	color: #333;
}
.xiaochengxu-shangcheng .title-desc {
	text-align: center;
	margin-top: 14px;
	font-size: 16px;
	color: #999;
}

.xiaochengxu-shangcheng .container {
	width: 1200px;
	margin: 0 auto;
}

.xiaochengxu-shangcheng .column .title {
	color: #000;
	font-size: 32px;
	text-align: center;

}
.xiaochengxu-shangcheng .column .title .highlight {
	font-weight: bold;
}
.xiaochengxu-shangcheng .column .title-desc {
	color: #999;
	font-size: 18px;
	text-align: center;
	margin-top: 12px;
}

.xiaochengxu-shangcheng .mendian-banner {
	color: #fff;
	background: url('../../images/xiaochengxu/mendian/banner4.jpg') no-repeat center top #7338EC;
	background: url('../../images/xiaochengxu/mendian/banner4.jpg') no-repeat center top, linear-gradient(left, rgb(105,65,210),rgb(104,175,255));
	background: url('../../images/xiaochengxu/mendian/banner4.jpg') no-repeat center top,-webkit-linear-gradient(left, rgb(105,65,210),rgb(104,175,255));
}
.xiaochengxu-shangcheng .banner-box {
	position: relative;
	width: 1200px;
	height: 424px;
	margin: 0 auto;
}

.xiaochengxu-shangcheng .banner-btn {
	position: absolute;
	bottom: 113px;
	left: 3px;
	display: block;
	width: 212px;
	height: 49px;
	line-height: 49px;
	text-align: center;
	//background: #000;
	border-radius: 5px;
	color: #fff;
	font-size: 22px;
	/* older safari/Chrome browsers */  
    -webkit-opacity: 0;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 0;  
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    -khtml-opacity: 0;  
    /* IE9 + etc...modern browsers */  
    opacity: 0;  
    /* IE 4-9 */  
    filter:alpha(opacity=0);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 
}
.xiaochengxu-shangcheng .banner-btn {
	bottom: 70px;
}

.col1 {
	background: #fff;
	padding-bottom: 70px;
}
.col1 .core-group {
	margin-top: 20px;
}
.col1 .core-item {
	float: left;
	width: 190px;
	height: 158px;
	margin: 0 24px;
	margin-top: 60px;
}
.col1 .core-item .txt-box {
	text-align: center;
}
.col1 .core-item .icon-box {
	width: 44px;
	height: 44px;
	margin: 0 auto;
	background: url('../../images/xiaochengxu/mendian/col1-icons.png') no-repeat;
	background-position: 4px 0;
}
.col1 .core-item .icon1 {
	background-position: 4px 0;
}
.col1 .core-item .icon2 {
	background-position: -55px 0;
}
.col1 .core-item .icon3 {
	width: 50px;
	background-position: -119px 0;
}
.col1 .core-item .icon4 {
	background-position: -192px 0;
}
.col1 .core-item .icon5 {
	background-position: -252px 0;
}
.col1 .core-item .icon6 {
	background-position: 4px -46px;
}
.col1 .core-item .icon7 {
	background-position: -55px -46px;
}
.col1 .core-item .icon8 {
	width: 50px;
	background-position: -119px -46px;
}
.col1 .core-item .icon9 {
	background-position: -192px -46px;
}
.col1 .core-item .icon10 {
	background-position: -252px -46px;
}
.col1 .core-item .core-name {
	font-size: 17px;
	color: #333;
	margin-top: 26px;
	margin-bottom: 16px;
}
.col1 .core-item .txt {
	line-height: 26px;
	font-size: 14px;
	color: #999;
}

.col2 {
	background: #404855;
	padding-bottom: 45px;
}
.col2 .col-title {
	color: #fff;
}
.col2 .title-desc {
	color: #A3ABBC;
}
.col2 .app-group {
	position: relative;
	width: 1200px;
	height: 388px;
	margin: 0 auto;
	margin-top: 45px;
}
.col2 .app-group .item-title {
	font-size: 17px;
	font-weight: bolder;
	color: #eee;
	margin-bottom: 16px;
}
.col2 .app-group .txt {
	font-size: 13px;
	color: #ddd;
	line-height: 22px;
}
.col2 .app-group .item {
	position: absolute;
}

.col2 .app-group .img-box {
	position: absolute;
	top: 0;
	left: 0;
}
.col2 .app-group .icon-box {
	position: absolute;
	top: 15px;
	right: 16px;
	width: 42px;
	height: 38px;
	background: url('../../images/xiaochengxu/mendian/col2-icons-new.png') no-repeat;
	background-position: -43px 0;
}
.col2 .app-group .icon1 {
	background-position: -43px 0;
}
.col2 .app-group .icon2 {
	width: 50px;
	background-position: -87px 0;
}
.col2 .app-group .icon3 {
	background-position: 4px 0;
}
.col2 .app-group .icon4 {
	background-position: -136px 0;
}
.col2 .app-group .text-box {
	position: absolute;
	bottom: 20px;
	left: 16px;
}
.col2 .app-group .item1 {
	top: 0;
	left: 0;
	width: 239px;
	height: 388px;
}
.col2 .app-group .item2 {
	top: 0;
	left: 240px;
	width: 239px;
	height: 193px;
	background: #1083F8;
}
.col2 .app-group .item3 {
	top: 0;
	left: 480px;
	width: 239px;
	height: 193px;
}
.col2 .app-group .item4 {
	top: 0;
	left: 721px;
	width: 239px;
	height: 193px;
	background: #666D88;
}
.col2 .app-group .item5 {
	top: 0;
	left: 961px;
	width: 239px;
	height: 193px;
}
.col2 .app-group .item6 {
	top: 194px;
	left: 240px;
	width: 239px;
	height: 193px;
	background: #666D88;
}
.col2 .app-group .item7 {
	top: 194px;
	left: 480px;
	width: 480px;
	height: 193px;
}
.col2 .app-group .item8 {
	top: 194px;
	left: 961px;
	width: 239px;
	height: 193px;
	background: #666D88;
}

.xiaochengxu-shangcheng .column6 {
	background: #F7F9FE;
	padding-top: 50px;
}

.xiaochengxu-shangcheng .column6 .container {
	padding-bottom: 56px;
}
.xiaochengxu-shangcheng .column6 .server-btn {
	display: block;
	width: 140px;
	line-height: 38px;
	margin: 0 auto;
	margin-top: 17px;
	background: #75A0F3;
	border-radius: 3px;
	color: #fff;
	font-size: 18px;
	text-align: center;
}
.xiaochengxu-shangcheng .column6 .server-btn img {
	margin-left: 8px;
}
.xiaochengxu-shangcheng .column6 .img-box {
	position: relative;
	text-align: center;
	margin-top: 45px;
}
.xiaochengxu-shangcheng .column6 .txt {
	position: absolute;
	line-height: 24px;
	font-size: 17px;
	color: #333;
}
.xiaochengxu-shangcheng .column6 .txt1 {
	top: 50px;
	left: 92px;
}
.xiaochengxu-shangcheng .column6 .txt2 {
	top: 62px;
	left: 312px;
}
.xiaochengxu-shangcheng .column6 .txt3 {
	top: 50px;
	left: 550px;
}
.xiaochengxu-shangcheng .column6 .txt4 {
	top: 62px;
	left: 786px;
}
.xiaochengxu-shangcheng .column6 .txt5 {
	top: 50px;
	left: 1044px;
}

.xiaochengxu-shangcheng .column7 {
	height: 235px;
	overflow: hidden;
	text-align: center;
	background: url('../../images/xiaochengxu/mendian/column7-bg.jpg') no-repeat center top #7096FB;
	background: url('../../images/xiaochengxu/mendian/column7-bg.jpg') no-repeat center top, linear-gradient(left,rgb(112,150,251), rgb(105,65,210));
	background: url('../../images/xiaochengxu/mendian/column7-bg.jpg') no-repeat center top,-webkit-linear-gradient(left,rgb(112,150,251), rgb(105,65,210));
}
.xiaochengxu-shangcheng .column7 .container {
	padding-top: 36px;
	padding-bottom: 0px;
}
.xiaochengxu-shangcheng .column7 .p1 {
	font-size: 30px;
	color: #FFF600;
}
.xiaochengxu-shangcheng .column7 .p2 {
	font-size: 34px;
	color: #fff;
	margin-top: 8px;
	font-weight: bold;
}
.xiaochengxu-shangcheng .column7 .col7-btn {
	display: block;
	width: 220px;
	line-height: 50px;
	background: #fff!important;
	margin: 0 auto;
	margin-top: 30px;
	font-size: 21px;
	color: #6870F5;
	text-align: center;
	border-radius: 2px;
}
.shangcheng-column4 {
	background: #fff!important;
}
.shangcheng-column5 {
	background: #F7F9FE!important;
}
.shangcheng-column6 {
	background: #fff!important;
}