@charset "utf-8";
a:hover {
	text-decoration: none;
	cursor: pointer;
}

body,
html {
	background: #fff;
}


/*头部*/

.relative {
	position: relative;
}

.contain {
	width: 1180px;
	margin: 0 auto;
}

.headerbox {
	width: 100%;
	min-width: 1180px;
	position: relative;
}

.header {
	height: 74px;
	width: 100%;
	min-width: 1180px;
	position: absolute;
	top: 20px;
	z-index: 10;
}

.head-banimg {
	min-height: 550px;
}

.header-nav {
	height: 33px;
	margin-top: 22px;
	/*overflow: hidden;*/
	line-height: 30px;
	font-size: 16px;
}

.header-nav ul li {
	text-align: center;
	padding: 0 10px;
	position: relative;
}

.header-nav dl {
	display: none;
	width: 100%;
	position: absolute;
	left: 0;
	top: 30px;
	z-index: 10;
}

.header-nav dl dd {
	color: #fff;
	text-align: center;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0.9;
}

.header-nav ul li a {
	display: inline-block;
	color: #fff;
	text-align: center;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
}

.header-nav ul li dl a:hover {
	/*background-color: #83878e;*/
	width: 100%;
	background: #83878e;
}

.header-nav ul li:hover {
	/*background-color: #83878e;*/
	background: rgba(0, 0, 0, 0.7);
}

.header-nav ul li:last-child {
	border-right: none;
}

.logo {
	vertical-align: middle;
	width: 125px;
	text-align: center;
	margin-left: 18%;
}

.logo img {
	width: 60px !important;
	height: 68px !important;
}

.hotlinebox {
	font-size: 16px;
	margin-top: 22px;
	margin-right: 5%;
	color: #fff;
}

.hotlinebox span {
	color: #fff !important;
}

.gologin {
	display: inline-block;
	border-radius: 4px;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	background: #29a6e2;
	color: #fff;
	text-align: center;
	margin-left: 10px;
	font-size: 14px;
}

@media only screen and (min-width: 1700px) and (max-width: 1800px) {
	.logo {
		margin-left: 10%;
	}
}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
	.logo {
		margin-left: 6%;
	}
}

@media only screen and (min-width: 1500px) and (max-width: 1599px) {
	.logo {
		margin-left: 2%;
	}
	.hotlinebox {
		margin-right: 2%;
	}
}

@media only screen and (min-width: 1400px) and (max-width: 1499px) {
	.logo {
		margin-left: 10%;
	}
	.hotlinebox {
		margin-right: 10%;
	}
}

@media only screen and (min-width: 1340px) and (max-width: 1399px) {
	.hotlinebox {
		margin-bottom: 10px;
		margin-top: 10px;
		margin-right: 6%;
	}
	.logo {
		margin-left: 10%;
	}
}

@media only screen and (min-width: 1255px) and (max-width: 1339px) {
	.hotlinebox {
		margin-bottom: 10px;
		margin-top: 10px;
		margin-right: 6%;
	}
	.logo {
		margin-left: 6%;
	}
}

@media only screen and (max-width: 1254px) {
	.hotlinebox {
		margin-bottom: 10px;
		margin-top: 10px;
		margin-right: 3%;
	}
	.logo {
		margin-left: 3%;
	}
}

.company-namebox {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -260px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 520px;
	text-align: center;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 4px;
	padding: 15px 0;
}

.company-china {
	font-size: 40px;
}

.company-english {
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.website-box {
	width: 100%;
	text-align: center;
	margin-top: 30px;
	position: relative;
	min-width: 210px;
	min-width: 1180px;
}

.website-top {
	font-size: 36px;
	font-weight: 600;
	padding: 20px 0;
}

.website-top p {
	margin: 0;
}

.website-bot img {
	margin-left: 34px;
}

.website-con {
	margin: 10px 0;
}

.angle-leftimg {
	width: 50%;
	position: absolute;
	left: 0;
	top: 650px;
	height: 880px;
	background: url(../img/index5.png);
	background-size: 100% 100%;
}

.angle-rightimg {
	width: 50%;
	position: absolute;
	right: 0;
	top: 650px;
	height: 880px;
	background: url(../img/index4.png);
	background-size: 100% 100%;
}

.service-itembox {
	width: 100%;
	text-align: center;
	margin-top: 250px;
}

.top-chinabox {
	font-size: 36px;
	font-weight: 600;
}

.hengline {
	display: inline-block;
	width: 130px;
	height: 1px;
	background: #000;
	vertical-align: middle;
}

.top-english {
	margin: 0 20px;
	vertical-align: middle;
	font-size: 20px;
	font-weight: 600;
}

.service-item-containbox li {
	width: 300px;
	margin: 100px 45px 0;
	text-align: center;
	cursor: pointer;
}

.item-list-topbox {
	width: 260px;
	height: 260px;
	border: 1px solid #000;
	border-radius: 50%;
	position: relative;
	margin: auto;
}

.item-list-img {
	position: absolute;
	left: -36px;
	top: 4px;
}

.item-list-conbox {
	margin-top: 50px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
}

.item-list-botbox {
	padding: 0 24px;
	color: #717071;
	font-size: 16px;
	height: 80px;
	overflow: hidden;
}

.about-box {
	height: 600px;
	width: 100%;
	margin-top: 100px;
	background: url(../img/index12.png) no-repeat;
	background-size: 100% 100%;
	color: #fff;
	min-width: 1180px;
}

.my-aboutbox {
	width: 590px;
	margin: auto;
	font-size: 17px;
	text-align: center;
	padding-top: 215px;
	line-height: 30px;
}

.about-box-top {
	font-size: 36px;
	/*font-weight: bold;*/
	margin-bottom: 30px;
}

.about-box-english {
	font-size: 14px;
}

.english-top {
	margin-top: 30px;
}

.advantagebox-wrap {
	width: 100%;
	min-width: 1180px;
}

.advantagebox {
	height: 544px;
	width: 629px;
	margin: 100px auto 0;
	background: url(../img/index14.png) no-repeat;
	background-size: 100% 100%;
	color: #fff;
	position: relative;
}

.over-angle {
	position: absolute;
	left: -83px;
	top: 61px;
}

.first-percent {
	position: absolute;
	left: 248px;
	top: 139px;
	font-size: 50px;
}

.center-advantage {
	position: absolute;
	left: 257px;
	top: 307px;
	font-size: 60px;
	color: #000;
}

.second-percent {
	position: absolute;
	left: 90px;
	top: 412px;
	font-size: 50px;
}

.third-percent {
	position: absolute;
	right: 90px;
	top: 412px;
	font-size: 50px;
}

.second-percent {
	position: absolute;
	left: 90px;
	top: 412px;
	font-size: 50px;
}

.triangle-up {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 20px solid #000;
	margin-right: 10px;
}

.advantage-list1 {
	position: absolute;
	left: -155px;
	top: 157px;
	color: #000;
	font-size: 22px;
	font-weight: 600;
}

.advantage-list2 {
	position: absolute;
	left: -210px;
	top: 325px;
	color: #000;
	font-size: 22px;
	font-weight: 600;
}

.advantage-list3 {
	position: absolute;
	right: -170px;
	top: 225px;
	color: #000;
	font-size: 22px;
	font-weight: 600;
}

.customer-casebox-top {
	position: relative;
	width: 100%;
}

.casebox-top-message {
	position: absolute;
	width: 600px;
	color: #fff;
	left: 50%;
	margin-left: -300px;
	top: 50%;
}

.casebox-top-message span {
	vertical-align: middle;
}

.case-china {
	font-size: 36px;
}

.case-english {
	font-size: 20px;
	margin: 0 60px;
}

.case-arrow {
	font-size: 20px;
}

.case-listbox {
	text-align: center;
}

.case-list-name {
	font-size: 20px;
	font-weight: 600;
	margin-top: 30px;
	margin-bottom: 10px;
}

.case-list-word {
	width: 440px;
	padding: 0 10px;
	margin: auto;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	height: 120px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.case-view {
	width: 100px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #000;
	border-radius: 15px;
	margin: 10px auto;
}

.case-view a {
	display: block;
	height: 100%;
	width: 100%;
}

.swiperbox {
	width: 100%;
	position: relative;
	margin-top: 50px;
}

.swip-arrow-left,
.swip-arrow-right {
	display: block;
	position: absolute;
	z-index: 1000;
	top: 190px;
	margin-top: -30px;
	width: 40px;
	height: 60px;
	/* background: url(../img/slider-arrow.png) -126px -137px no-repeat; */
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: 0.5;
	color: #000;
	font-size: 24px;
}

.swip-arrow-left {
	left: 0px;
}

.swip-arrow-right {
	right: 0px;
	text-align: right;
}

.product-developbox {
	width: 85%;
	margin: 20px auto;
}

.product-develop-leftbox {
	width: 420px;
	margin-top: 200px;
}

.develop-leftbox-con {
	margin-top: 20px;
}

.product-china {
	font-size: 20px;
	font-weight: 600;
	margin-right: 20px;
}

.product-english {
	vertical-align: middle;
	display: inline-block;
	padding-bottom: 5px;
	border-bottom: 1px solid #ebedf7;
}

.develop-shuline {
	width: 3px;
	height: 80px;
	background: #000;
	margin-right: 10px;
	margin-top: 5px;
}

.develop-word {
	font-size: 16px;
	line-height: 30px;
	height: 88px;
	width: 397px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.footbox {
	width: 100%;
	height: 680px;
	background: url(../img/index18.png) no-repeat;
	background-size: 100% 100%;
	color: #fff;
	text-align: center;
	min-width: 1180px;
}

.contact-usbox {
	padding-top: 70px;
}

.contact-china {
	font-size: 36px;
}

.contact-english {
	font-size: 20px;
	margin-top: 10px;
}

.company-infobox {
	width: 740px;
	margin: 85px auto;
	text-align: left;
	padding: 10px;
	line-height: 45px;
	font-size: 20px;
}

.company-infoimg {
	margin-right: 15px;
	margin-left: 20px;
}

.company-infobox span {
	vertical-align: middle;
}

.foot-copy {
	font-size: 20px;
}

.angle-leftimg.hui-fadeinL,
.angle-rightimg.hui-fadeinR {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
}

.item-list-img {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
}


/*软件开发*/

.software-bannerbox {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -260px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 520px;
	text-align: center;
	color: #fff;
}

.software-bannertop {
	font-size: 50px;
}

.software-bannertop span {
	vertical-align: middle;
}

.dot {
	height: 40px;
	line-height: 40px;
	display: inline-block;
	width: 10px;
	margin-top: -20px;
}

.software-bannerbot {
	font-size: 22px;
	margin-top: 10px;
}

.custom-domain-topbox {
	text-align: center;
	margin-top: 60px;
	margin-bottom: 60px;
}

.domain-topbox-top {
	font-size: 34px;
	font-weight: 600;
}

.domain-topbox-bot {
	color: #767475;
	font-size: 20px;
}

.custom-domainlist-tipbox {
	width: 200px;
	height: 200px;
	position: relative;
	overflow: hidden;
}

.custom-domainlist-circle {
	width: 180px;
	height: 180px;
	border: 10px solid #040404;
	background: #e6e6e6;
	border-radius: 50%;
}

.domainlist-tip {
	background: #fff;
	color: #221614;
	font-size: 60px;
	position: absolute;
	width: 100%;
	height: 70px;
	line-height: 70px;
	left: 0;
	top: 62px;
	text-align: center;
	font-weight: 600;
}

.domainlist-title {
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight: 600;
}

.custom-domain-conbox {
	text-align: center;
}

.domain-conbox-con {
	margin-left: 50px;
}

.domain-conbox-top {
	margin-left: 50px;
	margin-right: 190px;
}

.domain-conbox-four {
	margin-left: 250px;
	margin-right: 260px;
}

.erp-anglebox {
	width: 78%;
	margin-left: 22%;
	position: relative;
}

.erp-img {
	position: absolute;
	left: -3%;
	top: 5%;
	width: 54%;
}

.erp-wordbox {
	position: absolute;
	left: 55%;
	width: 15%;
	top: 20%;
	z-index: 10;
	color: #fff;
	font-size: 16px;
}

.erp-size {
	font-size: 40px;
	font-weight: 600;
}

.erp-wordbox-top {
	font-size: 20px;
	font-weight: 600;
}

.erp-systembox {
	margin-top: 50px;
}

.crm-img {
	width: 800px;
	margin-right: 50px;
}

.crm-systembox {
	margin-top: -120px;
	position: relative;
}

.crm-wordbox {
	width: 540px;
	margin-top: 30px;
	margin-right: 70px;
}

.crm-size,
.oa-size {
	font-size: 40px;
	font-weight: 600;
	color: #070000;
}

.crm-wordbox-top,
.oa-wordbox-top,
.import-wordbox-top {
	font-size: 20px;
	font-weight: 600;
}

.crm-wordbox-bot,
.oa-wordbox-bot {
	font-size: 18px;
	margin-top: 10px;
	font-weight: 600;
	line-height: 30px;
}

.crm-leftimgbox {
	position: absolute;
	width: 45%;
	left: 0;
	top: -100px;
}

.crm-leftimg {
	width: 100%;
}

.crm-leftfang {
	position: absolute;
	width: 20%;
	left: 10px;
	top: -62px
}

.oa-img {
	width: 890px;
	margin-left: 30px;
}

.oa-wordbox {
	width: 540px;
	margin-top: 30px;
	margin-left: 80px;
}

.oa-systembox {
	margin-top: 120px;
	position: relative;
	z-index: 5;
}

.oa-rightimgbox {
	position: absolute;
	width: 29%;
	right: 0;
	top: 100px;
}

.oa-rightimg {
	width: 100%;
}

.soft-swiper {
	width: 85%;
	margin-top: 80px;
}

.soft-swiperimg {
	width: 1000px;
}

.soft-swipleft {
	top: 300px;
	left: 30px;
}

.soft-swipright {
	top: 300px;
	right: 30px;
}

.import-systembox {
	width: 100%;
	height: 320px;
	background: url(../img/software15.png) no-repeat;
	background-size: 100% 100%;
}

.import-wordbox {
	width: 600px;
	margin: auto;
	text-align: center;
	color: #fff;
	padding-top: 110px;
}

.import-wordbox-bot {
	font-size: 20px;
	text-align: left;
	padding: 10px;
	margin-top: 10px;
}

.import-size {
	font-size: 34px;
	font-weight: 600;
	color: #fff;
}

.custom-processbox {
	background: #f1f1f1;
	width: 100%;
	padding-bottom: 70px;
}

.custom-process-topbox {
	font-size: 34px;
	font-weight: 600;
	padding-top: 70px;
	text-align: center;
}

.custom-process-titlebot {
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 50px;
}

.title-first {
	margin-right: 100px;
}

.custom-process-imgbox {
	width: 900px;
	margin: auto;
}

.custom-companybox {
	width: 100%;
	height: 600px;
	background: #fff;
	text-align: center;
}

.custom-company-title {
	font-size: 34px;
	font-weight: 600;
	padding-top: 70px;
}

.custom-company-titlebot {
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 50px;
	font-weight: 600;
}

.company-linklistbox ul {
	width: 1050px;
	margin: auto;
}

.company-linklistbox li img {
	width: 230px;
	height: 110px;
	margin-left: 30px;
	margin-bottom: 30px;
}


/*APP软件开发*/

.app-bannerbot {
	font-size: 22px;
	color: #fff;
	font-weight: 600;
	margin-top: 10px;
}

.app-topbox-leftbox {
	width: 22%;
	margin-left: 8%;
	margin-right: 2%;
}

.app-topbox-conbox {
	width: 32%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: -200px;
	position: relative;
	z-index: 5;
}

.app-topbox-rightbox {
	width: 22%;
	margin-left: 3%;
}

.app-topbox-listtitle {
	font-size: 20px;
	font-weight: 600;
}

.app-topbox-listword {
	color: #838383;
	font-size: 16px;
	margin-top: 10px;
	line-height: 30px;
}

.app-topbox-listmt {
	margin-top: 125px;
}

.my-appbox {
	width: 100%;
	position: relative;
}

.app-angle {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 28px solid transparent;
	border-right: 28px solid transparent;
	border-top: 20px solid #fff;
}

.my-appword {
	color: #fff;
	font-size: 30px;
	margin-bottom: 30px;
}

.my-app-wordbox {
	position: absolute;
	left: 50%;
	top: 36%;
	width: 200px;
	height: 100px;
	margin-left: -100px;
	margin-top: -50px;
	text-align: center;
}

.term-advantage-list {
	position: relative;
	width: 500px;
}

.term-advantage-list img {
	width: 100%;
}

.term-wordbox {
	position: absolute;
	right: 110px;
	top: 55px;
	color: #fff;
	width: 150px;
	text-align: center;
}

.term-wordtop {
	font-size: 26px;
}

.term-wordbot {
	font-size: 18px;
	margin-top: 10px;
}

.term-advantage-topbox {
	margin: auto;
	margin-top: -320px;
}

.term-advantage-botbox {
	width: 1100px;
	margin: auto;
	margin-top: 30px;
}

.service-flow-contop {
	font-size: 34px;
	margin-top: 50px;
	text-align: center;
	font-weight: 600;
}

.service-flow-conbot {
	font-size: 22px;
	margin-top: 10px;
	/*margin-bottom: 10px;*/
	text-align: center;
	color: #787677;
}

.custom-process-bot {
	margin-top: 50px;
}

.custom-process-list {
	width: 140px;
	height: 180px;
	position: relative;
	text-align: center;
	margin-bottom: 40px;
}

.custom-process-img img {
	width: 34px;
	height: 34px;
}

.custom-process-img {
	height: 80px;
	width: 80px;
	border: 1px solid #ccc;
	border-radius: 50%;
	margin: auto;
	line-height: 80px;
}

.custom-process-num {
	font-size: 24px;
	margin-top: 10px;
	color: #494949;
}

.custom-process-title {
	margin-bottom: 10px;
	color: #787677;
}

.process-t {
	display: inline-block;
	margin-right: 150px;
}

.process-b {
	display: inline-block;
	margin-left: 149px;
}

.left-line {
	position: absolute;
	width: 1px;
	height: 127px;
	background: #ccc;
	transform: rotate(135deg);
	left: -12px;
	top: -82px;
}

.right-line {
	position: absolute;
	width: 1px;
	height: 127px;
	background: #ccc;
	transform: rotate(45deg);
	right: -12px;
	top: -82px;
}

.color-blue {
	color: #0072f0;
}

.app-experiencebox {
	width: 100%;
	height: 620px;
	background: url(../img/app7.png) no-repeat;
	background-size: 100% 100%;
}

.app-experience-topbox {
	width: 600px;
	margin: auto;
	padding-top: 50px;
	text-align: center;
	color: #fff;
}

.app-experience-toptitle {
	font-size: 34px;
}

.app-experience-topword {
	font-size: 20px;
	margin-top: 10px;
}

.app-experience-list {
	width: 22%;
	margin-left: 2%;
	background: #efefef;
	height: 315px;
	position: relative;
	text-align: center;
}

.app-experience-listnum {
	margin-top: 90px;
	font-size: 50px;
	font-weight: 600;
}

.app-experience-listtip {
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 15px
}

.app-experience-listword {
	font-size: 16px;
	color: #787677;
	padding: 0 40px;
}

.app-plusbox {
	font-size: 30px;
	position: absolute;
	right: 30px;
	top: 20px;
}

.app-experience-conbox {
	margin-top: 50px;
}

.develope-casetopbox {
	text-align: center;
}

.develope-casetitle {
	font-size: 34px;
	margin-top: 50px;
}

.develope-caseword {
	font-size: 20px;
	margin-top: 10px;
	color: #787677;
	width: 660px;
	margin: auto;
}

.develope-casebox {
	margin-bottom: 30px;
}

.app-bannerbox {
	top: 48%;
}


/*会员管理*/

.member-banleft {
	width: 40%;
	margin-right: 5%;
	margin-left: 13%;
}

.member-banright {
	margin-right: 14%;
}

.member-banright-top {
	color: #069bf9;
	font-size: 40px;
	/*font-weight: 600;*/
	margin-top: 90px;
}

.member-banright-bot {
	color: #2870aa;
	font-size: 20px;
	font-weight: 600;
	margin-top: 10px;
}

.member-color {
	color: #10d6f3;
}

.member-banbox {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 300px;
	margin-top: -150px;
	margin-left: -590px;
}

.what-membox {
	text-align: center;
}

.what-memtopbox {
	font-size: 4vw;
	font-weight: 600;
	padding-top: 70px;
	margin-bottom: 40px;
}
.what-memtopbox-18 {
	font-size: 2.6vw;
	font-weight: 560;
	padding-top: 70px;
	margin-bottom: 40px;
}
.advantage-mes-16,.advantage-mes-17,.advantage-mes-18{
	position: relative;
}
.advantage-mes-16-right,.advantage-mes-16-left{
	position: absolute;
    width: 32%;
    height: 32%;
    background: #6699ff;
    border-radius: 10px;
}
.advantage-mes-16-right{
	top: 15%;
	right: 19%;
}.advantage-mes-22-right{
	top: 15%;
	right: 16%;
	position: absolute;
}
.advantage-mes-16-right{
	top: 15%;
	right: 19%;
}
.advantage-mes-16-left{
	top: 56%;
	left: 19%;
}
.wrap{
	border: 3px solid #fff;
    width: 93%;
    height: 92%;
    left: 3%;
    position: relative;
    top: 3%;
    border-radius: 10px;
}
.advantage-mes-22-wrap{
    width: 96%;
    height: 96%;
    left: 2%;
    position: relative;
    top: 2%;
    border-radius: 10px;
}
.advantage-mes-17 img,.advantage-mes-18 img,.advantage-mes-16 img{
	width: 100%;
}
.what-memword {
	width: 73%;
	margin: auto;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
}
.what-memword-18 {
	width: 62%;
	margin: auto;
	font-size: 1.2vw;
	text-align: center;
	color: #333333;
	opacity: .7;
}
.what-memword-1 {
	width: 73%;
	margin: auto;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
}
.what-memword-2 {
	width: 73%;
	margin: auto;
	font-size: 20px;
	text-align: center;
}
.what-memword-3 {
	width: 73%;
	margin: auto;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
}
.what-membotbox {
	width: 90%;
	margin: auto;
	margin-top: 60px;
	position: relative;
	z-index: 10;
}

.what-membotbox li {
	width: 25%;
	background: #1e1e1e;
	height: 280px;
	color: #fff;
}

.what-membotbox .liodd {
	background: #3d3d3d;
}

.what-memimgbox {
	width: 100px;
	height: 100px;
	line-height: 100px;
	margin: 60px auto 30px;
}

.what-membot-tilte {
	font-size: 20px;
	padding: 0 40px;
}

.what-membox {
	width: 100%;
	height: 750px;
	background: #fff;
	position: relative;
}

.what-leftimg {
	position: absolute;
	left: 0;
	top: 130px;
	width: 14%;
}

.what-rightimg {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 14%;
}

.our-strongbox {
	width: 100%;
	height: 600px;
	background: #f1f1f1;
}

.our-strong-leftbox {
	width: 50%;
	background: url(../img/member8.png);
	background-size: 100% 100%;
	height: 600px;
}

.our-strong-rightbox {
	width: 50%;
}

.our-strong-title {
	text-align: center;
	position: relative;
	width: 200px;
	font-size: 34px;
	font-weight: 600;
	margin: 30px auto;
}

.our-strong-line {
	position: absolute;
	width: 120px;
	height: 1px;
	background: #ada9a7;
	left: -40px;
	bottom: 0px;
}

.our-strong-wordbox {
	width: 65%;
	padding: 40px 5%;
	background: #fff;
	margin-left: -8%;
}

.our-strong-wordbox ul {
	padding-left: 10px;
}

.our-strong-wordbox li {
	list-style: disc;
	font-size: 18px;
	margin-bottom: 40px;
	line-height: 30px;
}

.our-functionbox {
	width: 100%;
	background: url(../img/member9.png) no-repeat;
	background-size: 100% 100%;
	height: 600px;
}

.our-function-leftbox {
	width: 25%;
	margin: 0 3%;
}

.our-function-leftlist {
	width: 100%;
	text-align: center;
	color: #000;
	font-size: 24px;
	border: 1px solid #b6b4b3;
	padding: 25px 0;
	margin-bottom: 23px;
	background: #fff;
	cursor: pointer;
}

.our-functionbox-pd {
	padding-top: 105px;
}

.our-function-leftlist img {
	margin-right: 20px;
}

.our-function-rightbox {
	width: 65%;
	background: url(../img/member10.png) no-repeat;
	background-size: 100% 100%;
	height: 370px;
}

.our-function-casebox {
	width: 88%;
	color: #fff;
	display: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 6%;
	line-height: 36px;
	font-size: 17px;
}

.our-function-casetop {
	font-size: 40px;
	padding-top: 20px;
	text-align: right;
}

.our-function-casecon {
	margin-top: 40px;
	font-size: 19px;
}

.our-function-casebot {
	margin-top: 40px;
	font-size: 19px;
}

.fuction-active {
	display: block;
}

.bg-active {
	background: #231816;
	color: #fff;
}


/*费用审批管理系统*/

.cost-banbox {
	position: absolute;
	left: 50%;
	top: 48%;
	margin-left: -590px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	color: #fff;
}

.cost-bantop {
	font-size: 16px;
}

.cost-bancon {
	font-size: 50px;
	font-weight: 600;
	/*margin-top: 20px;*/
	margin-bottom: 20px;
}

.cost-banbot {
	font-size: 20px;
	font-weight: 600;
}

.engine-box {
	width: 100%;
	text-align: center;
}

.engine-topbox {
	font-size: 34px;
	font-weight: 600;
	padding-top: 70px;
}

.engine-conbox {
	margin-top: 20px;
}

.engine-bot-leftbox {
	width: 50%;
}

.engine-bot-leftop {
	text-align: left;
	font-size: 26px;
	margin-left: 15%;
}

.engine-bot-lefbot {
	padding-right: 5%;
}

.engine-bot-lefbot ul {
	margin-left: 18%;
	margin-top: 20px;
}

.engine-bot-lefbot li,
.science-approve-wordbox li {
	text-align: left;
	font-size: 18px;
	list-style: disc;
	line-height: 30px;
	color: #000;
}

.engine-bot-lefbot li span,
.science-approve-wordbox li span {
	color: #9f9f9f;
}

.cost-swiper {
	width: 90%;
}

.cost-swiperimg {
	width: 1050px;
}

.cost-swipleft {
	left: 90px;
	top: 300px;
	text-align: right;
}

.cost-swipright {
	right: 90px;
	top: 300px;
	text-align: left;
}

.engine-botbox {
	margin-top: 50px;
}

.engine-bot-leftop img {
	margin-right: 20px;
}

.bg-mountainbox {
	width: 100%;
	height: 310px;
	background: url(../img/cost9.png) no-repeat;
	background-size: 100% 100%;
	margin-top: 70px;
}

.science-approvebox {
	width: 100%;
	height: 1000px;
	background: url(../img/cost10.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
}

.science-approve-topbox {
	background: #fff;
	width: 950px;
	height: 430px;
	position: absolute;
	left: 115px;
	top: -120px;
	z-index: 100;
}

.science-jiantou {
	position: absolute;
	right: 0;
	bottom: 0;
}

.science-approve-wordbox {
	width: 310px;
	margin-left: 30px;
}

.science-approve-imgbox {
	margin-top: -100px;
	margin-left: 30px;
	margin-right: 30px;
}

.science-approve-wordbox li {
	margin-bottom: 30px;
}

.science-approve-wordbox li:last-child {
	margin-bottom: 0px;
}

.science-approve-title {
	font-size: 26px;
	margin-top: 50px;
	margin-bottom: 20px;
}

.science-approve-botbox {
	padding-top: 410px;
}

.science-approve-botbox {
	text-align: center;
}

.science-bot-title {
	font-size: 34px;
	font-weight: 600;
}

.science-botword {
	font-size: 22px;
	color: #9f9f9f;
	width: 990px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 40px;
}

.science-conbox {
	width: 1050px;
	margin: auto;
}

.science-conbox li {
	width: 320px;
	margin-right: 35px;
	color: #fff;
	background: #000;
	height: 320px;
}

.science-conbox li:last-child {
	margin-right: 0px;
}

.science-memimgbox {
	height: 100px;
	line-height: 100px;
	margin-top: 80px;
	margin-bottom: 50px;
}

.science-membot-tilte {
	font-size: 24px;
}

.yourcost-listbox {
	width: 90%;
	margin: auto;
	padding-top: 80px;
}

.yourcost-listbox-l {
	width: 50%;
}

.yourcost-listbox-l ul {
	width: 90%;
	margin-top: 100px;
}

.yourcost-listbox-l li {
	padding: 50px 40px;
	cursor: pointer;
	border: 1px solid #fff;
	border-radius: 4px;
}

.yourcost-list-title {
	font-size: 24px;
}

.yourcost-list-word {
	font-size: 18px;
	color: #9f9f9f;
	margin-top: 20px;
	margin-bottom: 20px;
}

.yourcost-list-imgbox {
	width: 95%;
	margin: auto;
}

.yourcost-list-discbox span {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #ccc;
	margin-right: 10px;
	cursor: pointer;
}

.yourcost-list-discbox {
	text-align: center;
}

.yourcost-list-imgbox img {
	display: none;
}

.yourcost-list-active {
	border: 1px solid #eee !important;
}

.costspan-active {
	background: #000;
}

.yourcost-list-imgbox .costimg-active {
	display: block;
}

.multi-industrybox {
	width: 100%;
	height: 160px;
	background: #000;
	position: relative;
	margin-top: 70px;
}

.left-whitebox {
	width: 15%;
	background: #fff;
	height: 30px;
	margin-top: 70px;
}

.right-whitebox {
	width: 43%;
	background: #fff;
	height: 66px;
	margin-top: 47px;
}

.multi-wordbox {
	position: absolute;
	width: 800px;
	text-align: center;
	height: 34px;
	line-height: 34px;
	color: #fff;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -17px;
}

.multi-word {
	font-size: 34px;
	font-weight: 600;
	margin-right: 100px;
}

.multi-wordbox img {
	margin-top: -12px;
}

.heartbox {
	text-align: center;
	padding-top: 100px;
	padding-bottom: 80px;
}


/*客户管理系统*/

.custom-bantop {
	font-size: 40px;
	font-weight: 600;
}

.custom-bancon {
	font-size: 40px;
	font-weight: 600;
}

.custom-banbot {
	font-size: 18px;
	font-weight: 600;
	margin-top: 15px;
}

.custom-advantagebox {
	width: 100%;
	background: #f7f7f7;
}

.custom-advantage-topbox {
	text-align: center;
	font-size: 34px;
	font-weight: 600;
	padding-top: 70px;
}

.custom-advantage-conbox {
	width: 90%;
	margin: 70px auto;
}

.custom-advantage-conleftbox {
	width: 48%;
	background: #fff;
	border: 4px solid #eeeeee;
}

.custom-advantage-conleft {
	border: 4px solid #fff;
	width: 90%;
	margin: 10px auto;
	padding: 24px 0;
}

.custom-advantage-leftword,
.custom-advantage-rightword {
	font-size: 24px;
	margin-top: 65px;
}

.custom-advantage-leftimg,
.custom-advantage-rightimg {
	height: 200px;
	line-height: 200px;
}

.custom-advantage-leftimg {
	margin-left: 12px;
	margin-right: 25px;
}

.custom-advantage-rightword {
	margin-left: 25px;
	margin-right: 25px;
}

.custom-advantage-active {
	border: 4px solid #4f6b9d;
}

.custom-advantage-casebox {
	width: 33%;
}

.custom-advantage-botbox {
	width: 90%;
	margin: auto;
	padding-bottom: 110px;
}

.custom-advantage-casetitle {
	font-size: 24px;
}

.custom-advantage-caseword {
	font-size: 18px;
	color: #9f9f9f;
	margin-top: 6px;
}

.caseword-disc {
	margin-top: -21px;
	display: inline-block;
	width: 5px;
	height: 20px;
	vertical-align: middle;
	text-align: center;
}

.custom-advantage-caseleft {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 22px;
}

.bg-housebox {
	width: 100%;
	height: 197px;
	background: url(../img/custom18.png) no-repeat;
	background-size: 100% 100%;
	background-color: #fff;
}

.custom-managebox {
	width: 100%;
	background: #fff;
	height: 1200px;
	padding-top: 40px;
	position: relative;
}

.custom-manage-imgbox {
	width: 45%;
	margin-left: 4%;
	margin-right: 4%;
	position: relative;
	z-index: 20;
}

.custom-manage-listbox {
	width: 40%;
	margin-left: 3%;
}

.custom-manage-listop {
	font-size: 24px;
	margin-left: 10px;
}

.custom-manage-listop span {
	vertical-align: middle;
	margin-left: 20px;
}

.custom-manage-listbot {
	font-size: 18px;
	color: #9f9f9f;
	line-height: 30px;
	margin-top: 25px;
	padding-left: 10px;
}

.custom-manage-listbox li {
	margin-top: 100px;
}

.right-global {
	width: 14%;
	position: absolute;
	right: 0;
	top: 0;
}

.left-global {
	width: 14%;
	position: absolute;
	left: 0;
	bottom: -232px;
	z-index: 10;
}

.custom-functionbox {
	width: 100%;
	height: 680px;
	background: #f7f7f7;
	position: relative;
}

.set-img {
	margin-top: 60px;
}

.custom-function-listbox {
	width: 68%;
	height: 680px;
	background: url(../img/custom15.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: 0;
	min-width: 1000px;
	color: #fff;
	line-height: 30px;
}

.custom-function-listop {
	font-size: 34px;
	padding-top: 120px;
}

.custom-function-listcon {
	font-size: 18px;
	margin-top: 60px;
	margin-bottom: 60px;
}

.custom-function-listbot li {
	font-size: 18px;
	margin-top: 20px;
}

.custom-checked {
	margin-right: 10px;
}

.custom-function-listcontain {
	width: 510px;
	margin-left: 10%;
}

.intelligent-systembox {
	width: 100%;
	height: 1260px;
	padding-top: 140px;
	position: relative;
	background: #fff;
}

.intelligent-system-bgbox {
	width: 100%;
	height: 930px;
	background: url(../img/custom20.png) no-repeat;
	background-size: 100% 100%;
}

.intelligent-system {
	position: absolute;
	left: 50%;
	margin-left: -590px;
	top: 100px;
	text-align: center;
}

.intelligent-systembot-top {
	font-size: 34px;
	font-weight: 600;
	margin-top: 85px;
	margin-bottom: 85px;
}

.intelligent-systembot-contop span {
	margin-top: 31px;
	display: inline-block;
	line-height: 38px;
}

.intelligent-systembot-con li {
	width: 33.3%;
}

.intelligent-systembot-contop {
	font-size: 28px;
	border: 1px solid #737373;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	margin: auto;
	margin-bottom: 30px;
}

.intelligent-systembot-conbot {
	padding: 0 50px;
	font-size: 18px;
	color: #9f9f9f;
	line-height: 30px;
}

.intelligent-systembot-con {
	position: relative;
}

.line1,
.line2 {
	width: 170px;
	height: 1px;
	background: #737373;
	position: absolute;
}

.line1 {
	left: 310px;
	top: 70px;
}

.line2 {
	left: 700px;
	top: 70px;
}

.intelbot-imgbox {
	background: #f7f7f7;
	padding-top: 110px;
	padding-bottom: 60px;
}

.intelbot-img-listbox {
	width: 30%;
	margin-right: 15px;
	position: relative;
}

.intelbot-img-listbox img {
	width: 100%;
}

.intelbot-img-listbox1 {
	margin-left: 40px;
}

.intelbot-imglist1-word {
	position: absolute;
	background: #ffffff;
	font-size: 18px;
	text-align: center;
	width: 210px;
	height: 40px;
	line-height: 40px;
	left: 73px;
	bottom: 62px;
}

.intelbot-imglist2-word {
	position: absolute;
	background: #486899;
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 50px;
	height: 50px;
	line-height: 50px;
	left: 26px;
	bottom: 174px;
	border-radius: 50%;
}

.intelbot-imglist3-word {
	position: absolute;
	background: rgba(255, 255, 255, 0.7);
	font-size: 18px;
	text-align: center;
	width: 240px;
	padding: 180px 30px;
	line-height: 30px;
	left: 22px;
	top: 31px;
	border: 4px solid #4f6b9d;
}


/*mes管理系统*/

.mes-banbox {
	position: absolute;
	left: 50%;
	margin-left: -590px;
	top: 10%;
	color: #fff;
	text-align: center;
	z-index: 10;
}

.mes-bgbox {
	width: 100%;
	height: 177px;
	background: url(../img/mes2.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 120px;
}

.mes-bantop {
	font-size: 100px;
	font-weight: 600;
	color: #fce0d3;
	line-height: 1;
}

.mes-banbot {
	font-size: 42px;
	font-weight: 600;
	margin-top: 10px;
	color: #fce0d3;
	line-height: 1.6;
	margin-bottom: 24px;
	font-family: 'KaiGenGothicSC-Light';
}

.realtime-box {
	width: 100%;
	text-align: center;
	padding-top: 50px;
	top: -18px;
	background-color: #fff;
	position: relative;
}

.realtime-topbox {
	font-size: 34px;
	font-weight: 600;
	padding-top: 70px;
	margin-bottom: 60px;
}

.realtime-botbox {
	width: 94%;
	margin: auto;
}

.realtime-botbox li {
	width: 25%;
	padding-bottom: 50px;
}

.realtime-imgbox {
	/*height: 250px;
	line-height: 250px;*/
}

.realtime-tilte {
	font-size: 1.2vw;
    padding: 20px 40px;
    color: #000000;
    opacity: .7;
    width: 80%;
}
.realtime-imgbox img{
	width: 70%;
	left: 7%;
	position: relative;
}
.fanbox {
	width: 100%;
	height: 650px;
	background: url(../img/mes8.png) no-repeat;
	background-size: 100% 100%;
}

.fanbox .contain {
	height: 650px;
}

.fan-imgbox {
	text-align: center;
	padding-top: 100px;
}

.fan-leftbox {
	position: absolute;
	left: 60px;
	top: 80px;
}

.fan-rightbox {
	position: absolute;
	right: 60px;
	top: 80px;
}

.fan-tilte {
	font-size: 24px;
	color: #fff;
	padding-left: 30px;
}

.fan-word {
	background: #fff;
	font-size: 17px;
	color: #9f9f9f;
	border-radius: 40px;
	width: 311px;
	padding: 5px 29px;
	line-height: 25px;
}

.fan-leftli2 {
	margin-left: -40px;
}

.fan-leftli2 .fan-word {
	width: 280px;
}

.fan-leftbox li {
	margin-bottom: 60px;
}

.fan-rightbox li {
	margin-bottom: 60px;
}

.fan-rightbox .fan-tilte {
	text-align: right;
	padding-right: 30px;
}

.fan-rightli2 {
	position: relative;
	right: -64px;
}

.fan-rightli2 .fan-tilte {
	padding-right: 60px;
}

.fan-rightli2 .fan-word {
	width: 280px;
}

.mes-featurebox {
	width: 100%;
	height: 2298px;
	background: url(../img/mes9.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
}

.mes-pt {
	padding-top: 130px;
}

.mes-feature-leftbox {
	width: 300px;
	text-align: center;
}

.mes-leftbot-top {
	font-size: 18px;
	margin-top: 50px;
	margin-bottom: 20px;
}

.mes-leftbot-bot {
	color: #977f63;
	font-size: 15px;
}

.mes-feature-leftspanbox span {
	display: inline-block;
	width: 10px;
	height: 2px;
	background: #a9a9a9;
	margin-left: 5px;
	cursor: pointer;
}

.mes-feature-leftspanbox .messpan-active {
	display: inline-block;
	width: 11px;
	height: 4px;
	background: #333333;
	margin-left: 5px;
}

.mes-feature-conbox {
	margin: 0 22px;
}

.mes-smallimg {
	margin-top: 30px;
}

.right-angle {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 12px solid #000;
	margin-left: 10px;
}

.mes-feature-rightbot {
	position: relative;
	border: 1px solid #989898;
	width: 94px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	font-size: 18px;
}

.mes-border {
	position: absolute;
	border: 1px solid #989898;
	width: 94px;
	height: 36px;
	left: -4px;
	top: -4px;
}

.mes-feature-rightbox {
	width: 358px;
}

.mes-feature-rightop {
	font-size: 24px;
	margin-top: 64px;
}

.mes-feature-rightcon {
	margin-bottom: 45px;
	margin-top: 30px;
	font-size: 18px;
	color: #9f9f9f;
}

.mes-feature-casebox {
	width: 1100px;
	margin: auto;
}

.mes-feature-casebox2 {
	text-align: right;
	margin-top: 140px;
}

.mes-feature-casebox2 .mes-feature-rightbot {
	margin-left: 260px;
}

.mes-feature-leftbox li {
	display: none;
}

.mes-feature-leftbox .mesli-ative {
	display: block;
}

.mes-record-leftop {
	font-size: 34px;
	font-weight: 600;
	margin-top: 15px;
}

.mes-record-leftbot {
	color: #727272;
	font-size: 17px;
	width: 400px;
	margin-top: 15px;
}

.mes-recordbox {
	margin-top: 140px;
}

.mes-record-leftbox {
	margin-left: 80px;
}

.mes {
	position: absolute;
	color: #fff;
	font-size: 40px;
	top: 72px;
	left: 93px;
}

.right-largebox {
	position: absolute;
	right: 0;
	top: 350px;
	width: 26%;
}

.left-largebox {
	position: absolute;
	left: 0;
	top: 891px;
	width: 26%;
}


/*wms系统*/

.wms-banbot {
	font-size: 40px;
	font-weight: 600;
	color: #fff;
}

.wms-bancon {
	background: #fff;
	width: 580px;
	height: 4px;
	margin: 35px auto 20px;
}

.wms-banbox {
	position: absolute;
	left: 50%;
	margin-left: -590px;
	top: 50%;
	margin-top: -172px;
	color: #fff;
	text-align: center;
	z-index: 10;
}

.wms-problembox {
	width: 100%;
	background: #F7F7F7;
	margin-top: -90px;
	position: relative;
}

.bg-xudian {
	width: 50%;
	height: 932px;
}

.xukuang {
	width: 94%;
	position: absolute;
	left: 0;
	bottom: 130px;
}

.xukuang img {
	width: 100%;
	height: 623px;
}

.wms-problem-listbox {
	position: absolute;
	width: 1140px;
	left: 50%;
	margin-left: -560px;
	bottom: 177px;
}

.wms-problem-listbox li {
	width: 268px;
	margin-right: 20px;
	border: 1px solid #eaeaea;
	height: 520px;
	background: #fff;
}

.wms-problem-listbox li:last-child {
	margin-right: 0;
}

.wms-problem-listcon {
	padding-left: 20px;
	padding-right: 22px;
}

.wms-problem-listip {
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 40px;
}

.wms-problem-listline {
	background: #e4e4e4;
	width: 80px;
	height: 1px;
}

.wms-problem-listword {
	margin-top: 25px;
	font-size: 18px;
	color: #a0a0a0;
	line-height: 30px;
}

.wms-system-featurebox {
	width: 100%;
	height: 1060px;
	background: #fff;
	position: relative;
}

.wms-featurebox {
	width: 420px;
	margin-left: 40px;
	padding-top: 300px;
}

.wms-featurebox-top {
	font-size: 24px;
	font-weight: 600;
}

.wms-featurebox-con {
	margin-top: 30px;
	margin-bottom: 50px;
	font-size: 17px;
	color: #a0a0a0;
	line-height: 30px;
}

.wms-featurebox-bot {
	font-size: 17px;
	line-height: 30px;
}

.wms-featurebox-bot li {
	margin-top: 16px;
}

.wms-featurebox-bot img {
	margin-right: 16px;
	vertical-align: middle;
}

.wms-featurebox-bot span {
	vertical-align: middle;
}

.wms-feature-rightbox {
	position: absolute;
	width: 60%;
	right: 0;
	top: 100px;
	min-width: 800px;
}

.wms-feature-leftbox {
	position: absolute;
	width: 26%;
	left: 0;
	bottom: 0;
}

.wms-industrybox {
	width: 100%;
	height: 380px;
	background: url(../img/wms11.png) no-repeat;
	background-size: 100% 100%;
	margin-top: -103px;
	position: relative;
}

.wms-industrybox li {
	width: 25%;
	text-align: center;
	color: #fff;
}

.wms-industry-img {
	height: 80px;
	line-height: 80px;
	margin-top: 80px;
}

.wms-industry-tip {
	font-size: 24px;
	margin-bottom: 20px;
}

.wms-industry-word {
	font-size: 17px;
	padding: 0 40px;
}

.my-industry-top {
	font-size: 24px;
	margin-left: 40px;
	padding-top: 100px;
	padding-bottom: 30px;
	font-weight: 600;
}

.my-industry-con {
	font-size: 17px;
	color: #a0a0a0;
	line-height: 30px;
	width: 650px;
	margin-left: 40px;
	margin-bottom: 50px;
}

.my-industry-leftbox {
	position: relative;
	width: 570px;
	height: 610px;
	margin-left: 30px;
	margin-right: 50px;
}

.my-industry-infobox {
	position: absolute;
	width: 390px;
	color: #fff;
	text-align: center;
	left: 100px;
	top: 100px;
	font-size: 17px;
}

.my-industry-infochina {
	font-size: 30px;
	margin-top: 70px;
	margin-bottom: 10px;
}

.my-industry-infoword {
	margin-top: 130px;
}

.my-industry-infoenglish {
	font-size: 20px;
}

.my-industry-rightbox {
	width: 490px;
}

.my-industry-rightbox li {
	width: 210px;
	height: 280px;
	margin-bottom: 30px;
	text-align: center;
}

.my-industry-listchina {
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 6px;
}

.my-industry-listenglish {
	font-size: 17px;
	color: #a0a0a0;
}

.my-industrybox {
	width: 100%;
	position: relative;
	padding-bottom: 120px;
}

.my-rightimg {
	position: absolute;
	width: 17%;
	right: 0;
	top: 0;
}


/*erp系统*/

.erp-banbox {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 600px;
	height: 216px;
	text-align: center;
	background: url(../img/erp2.png) no-repeat;
	background-size: 100% 100%;
}

.erp-bantop {
	font-size: 43px;
	font-weight: 600;
	margin-top: 50px;
	margin-bottom: 10px;
}

.erp-banbot {
	font-size: 24px;
	font-weight: 600;
}

.abouterp-containbox {
	width: 100%;
	position: relative;
}

.abouterp-contain {
	width: 970px;
	margin: auto;
	padding-top: 100px;
	position: relative;
}

.abouterp-containbox .contain {
	height: 1220px;
}

.abouterp-word-tip {
	font-size: 34px;
	font-weight: 600;
}

.abouterp-word-line {
	width: 80px;
	height: 1px;
	background: #000000;
	margin-top: 25px;
	margin-bottom: 30px;
}

.abouterp-wordbox {
	width: 250px;
}

.abouterp-word {
	font-size: 16px;
	color: #a0a0a0;
	line-height: 30px;
}

.abouterp-wordbox-l {
	position: absolute;
	left: 220px;
	top: 320px;
	z-index: 10;
}

.abouterp-wordbox-r {
	position: absolute;
	right: 210px;
	top: 320px;
	z-index: 10;
}

.abouterp-wordbox-l .abouterp-word-tip {
	text-align: right;
}

.abouterp-wordbox-l .abouterp-word-line {
	margin-left: 160px;
}

.position-img1 {
	position: absolute;
	left: -60px;
	top: -6px;
	z-index: 20;
}

.position-img2 {
	position: absolute;
	right: -60px;
	top: -6px;
	z-index: 20;
}

.position-img3 {
	position: absolute;
	left: -60px;
	bottom: -110px;
	z-index: 20;
}

.position-img4 {
	position: absolute;
	right: -60px;
	bottom: -110px;
	z-index: 20;
}

.bg-bluetu {
	position: absolute;
	width: 100%;
	height: 350px;
	background: url(../img/erp5.png) no-repeat;
	background-size: 100% 100%;
	left: 0;
	bottom: 0;
}

.abouterp-leftimg {
	width: 14%;
	position: absolute;
	left: 0;
	bottom: 20px;
}

.abouterp-rightimg {
	width: 14%;
	position: absolute;
	right: 0;
	top: 110px;
}

.bg-black {
	width: 100%;
	height: 12px;
	background: #000;
}

.erp-solutebox {
	width: 100%;
	background: #F7F7F7;
	height: 700px;
}

.erp-solute-conbox {
	width: 100%;
	height: 380px;
	background: url(../img/erp11.png) no-repeat;
	background-size: 100% 100%;
}

.erp-solute-topbox {
	text-align: center;
	font-size: 34px;
	font-weight: 600;
	padding-top: 70px;
	padding-bottom: 10px;
}

.erp-solute-imgbox {
	padding-top: 45px;
}

.erp-solute-img1 {
	margin-left: 80px;
	margin-right: 115px;
}

.erp-solute-img2 {
	margin-right: 115px;
}

.erp-solute-title {
	font-size: 24px;
	margin-bottom: 10px;
}

.erp-solute-word {
	font-size: 17px;
	color: #a0a0a0;
	line-height: 30px;
}

.erp-solute-wordlist {
	width: 360px;
	text-align: center;
}

.erp-solute-wordlist1 {
	margin-left: 15px;
	margin-right: 40px;
}

.erp-solute-wordlist2 {
	margin-right: 38px;
}

.erp-solute-wordbox {
	margin-top: 50px;
}

.erp-solute-botbox {
	text-align: center;
}

.erp-solute-botbox img {
	margin-top: -43px;
}

.safe-officebox {
	width: 100%;
	height: 562px;
	background: url(../img/erp16.png) no-repeat;
	background-size: 100% 100%;
}

.safe-office-containbox {
	padding-top: 110px;
	position: relative;
}

.safe-office-bgimg {
	width: 1120px;
	margin: auto;
}

.safe-office-leftop {
	font-size: 20px;
	color: #fff;
	font-weight: 600;
}

.safe-office-leftbot {
	font-size: 45px;
	color: #fff;
}

.safe-office-leftbox {
	position: absolute;
	left: 130px;
	top: 242px;
	text-align: center;
}

.safe-office-conbox {
	width: 610px;
	position: absolute;
	left: 362px;
	top: 141px;
}

.safe-office-contop {
	font-size: 34px;
}

.safe-office-conline {
	width: 80px;
	height: 1px;
	background: #000000;
	margin-top: 20px;
	margin-bottom: 15px;
}

.safe-office-conbot {
	font-size: 16px;
	color: #a0a0a0;
	line-height: 30px;
}

.safe-office-rightimg1 {
	position: absolute;
	right: 96px;
	top: 149px;
}

.safe-office-rightimg2 {
	position: absolute;
	right: 96px;
	top: 367px;
}

.implement-case-bgbox {
	width: 79%;
	height: 635px;
	background: url(../img/erp20.png) no-repeat;
	background-size: 100% 100%;
	margin: auto;
	min-width: 1180px;
}

.erp-heartbox {
	width: 1100px;
	position: absolute;
	left: 50%;
	margin-left: -550px;
	top: 110px;
	text-align: center;
}

.erp-heartip {
	font-size: 34px;
	color: #fff;
	margin-bottom: 65px;
}

.apply-case-list {
	width: 330px;
	height: 280px;
	position: relative;
	margin-right: 30px;
	overflow: hidden;
	cursor: pointer;
}

.apply-case-list:last-child {
	margin-right: 0;
}

.apply-casebox {
	text-align: center;
	width: 1140px;
	margin: 450px auto 110px;
}

.apply-casebox-top {
	font-size: 34px;
	margin-bottom: 50px;
}

.apply-case-wordbox {
	width: 100%;
	position: relative;
	background: rgba(255, 255, 255, 0.7);
	margin-top: -40px;
}

.apply-case-wordtop {
	text-align: center;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	font-weight: 600;
}

.apply-case-wordbot ul {
	padding: 0 10px 20px 10px;
}

.apply-case-wordbot li {
	margin-left: 20px;
	text-align: left;
	font-size: 16px;
	list-style-type: decimal;
	margin-bottom: 8px;
}

.apply-acitve {
	-webkit-animation: apply 1.2s ease;
	-moz-animation: apply 1.2s ease;
	-ms-animation: apply 1.2s ease;
	animation: apply 1.2s ease;
	margin-top: -217px;
}


/*条码追溯系统*/

.barcord-banbox {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 390px;
	margin-top: -195px;
	margin-left: -590px;
}

.barcord-banleft {
	width: 45%;
	margin-right: 5%;
	margin-left: 6%;
}

.barcord-banright {
	margin-right: 8%;
	background: url(../img/barcord3.png) no-repeat;
	background-size: 100% 100%;
	height: 300px;
	margin-top: 20px;
}

.barcord-banright-top {
	color: #fff;
	font-size: 40px;
	/* font-weight: 600; */
	margin-top: 84px;
}

.barcord-banright-bot {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-top: 10px;
}

.barcord-casebox {
	width: 100%;
	background-size: 100% 100%;
	height: 760px;
	background: url(../img/barcord4.png) no-repeat center;
}

.barcord-casecon {
	width: 94%;
	background: url(../img/barcord6.png) no-repeat;
	background-size: 100% 100%;
	height: 510px;
	margin: auto;
}

.barcord-casewordbox {
	padding-top: 280px;
}

.barcord-caseword {
	width: 500px;
	color: #fff;

}

.barcord-casetop {
	color: #330000;
	font-size: 34px;
	/* font-weight: 600; */
	padding: 60px 0;
	text-align: center;
}
.barcord-casetop-1 {
	color: #330000;
	font-size: 50px;
	/* font-weight: 600; */
	padding: 40px 0;
	text-align: center;
}
.barcord-casetop-2 {
	color: #330000;
	font-size: 34px;
	/* font-weight: 600; */
	padding: 60px 0;
	text-align: center;
}
.barcord-casetop-3 {
	color: #330000;
	font-size: 34px;
	/* font-weight: 600; */
	padding: 60px 0;
	text-align: center;
}
.barcord-word {
	padding: 30px;
	font-size: 17px;
	line-height: 36px;
	color: #000000;
}

.barbord-advantagebox {
	width: 100%;
	color: #fff;
	height: 640px;
	position: relative;
}

.barcord-advantage-list1 {
	width: 630px;
	background: url(../img/barcord8.png) no-repeat;
	background-size: 100% 100%;
	height: 82px;
	margin-bottom: 20px;
}

.barcord-advantage-list2 {
	width: 630px;
	background: url(../img/barcord9.png) no-repeat;
	background-size: 100% 100%;
	height: 82px;
	margin-bottom: 20px;
}

.barcord-advantage-list3 {
	width: 630px;
	background: url(../img/barcord10.png) no-repeat;
	background-size: 100% 100%;
	height: 82px;
	margin-bottom: 20px;
}

.barcord-advantage-list4 {
	width: 630px;
	background: url(../img/barcord11.png) no-repeat;
	background-size: 100% 100%;
	height: 82px;
	margin-bottom: 20px;
}

.barcord-advantagecon {
	width: 1050px;
	margin: auto;
	color: #000;
	position: relative;
	z-index: 10;
}

.barcord-advantagetop {
	font-size: 34px;
	color: #000;
	font-weight: 600;
	padding-top: 80px;
	padding-bottom: 50px;
	text-align: center;
}

.barcord-advantage-list1 .barcord-advantage-listword {
	width: 540px;
	font-size: 17px;
	margin-left: 100px;
	padding-top: 28px;
}

.barcord-advantage-list2 .barcord-advantage-listword {
	width: 475px;
	font-size: 17px;
	margin-left: 72px;
	padding-top: 14px;
}

.barcord-advantage-list3 .barcord-advantage-listword {
	width: 480px;
	font-size: 17px;
	margin-left: 100px;
	padding-top: 14px;
}

.barcord-advantage-list4 .barcord-advantage-listword {
	width: 500px;
	font-size: 17px;
	margin-left: 66px;
	padding-top: 28px;
}

.barcord-advantage-leftbox {
	position: absolute;
	left: 0;
	top: 0;
	width: 14.5%;
}

.barcord-advantage-rightbox {
	position: absolute;
	right: 0;
	bottom: 0px;
	width: 10.5%;
}

.barcord-productbox {
	width: 100%;
	background-size: 100% 100%;
	height: 790px;
}

.barcord-product {
	width: 974px;
	padding-top: 70px;
	position: relative;
	margin: auto;
}

.barcord-product-leftword {
	position: absolute;
	left: 20px;
	top: 360px;
	width: 280px;
	font-size: 17px;
}

.barcord-product-topword {
	position: absolute;
	right: 30px;
	top: 100px;
	width: 410px;
	font-size: 17px;
}

.barcord-product-botword {
	position: absolute;
	right: 30px;
	bottom: 60px;
	width: 410px;
	font-size: 17px;
}

@keyframes apply {
	0% {
		margin-top: -40px;
	}
	100% {
		margin-top: -217px;
	}
}

@-moz-keyframes apply {
	0% {
		margin-top: -40px;
	}
	100% {
		margin-top: -217px;
	}
}

@-ms-keyframes apply {
	0% {
		margin-top: -40px;
	}
	100% {
		margin-top: -217px;
	}
}

@-webkit-keyframes apply {
	0% {
		margin-top: -40px;
	}
	100% {
		margin-top: -217px;
	}
}


/*.apply-acitve .apply-case-wordbot{
	display: block;
}*/


/*iframe高度*/

.iframe {
	height: 137px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

@media only screen and (max-width:1400px) {
	.angle-leftimg {
		height: 700px;
		top: 710px;
	}
	.angle-rightimg {
		height: 700px;
		top: 710px;
	}
	.casebox-top-message {
		top: 45%;
	}
	.erp-wordbox {
		width: 20%;
		top: 16%;
	}
	.custom-domainlist-tipbox {
		width: 150px;
		height: 150px;
	}
	.custom-domainlist-circle {
		width: 130px;
		height: 130px;
		border: 10px solid #040404;
	}
	.domainlist-tip {
		font-size: 40px;
		height: 50px;
		line-height: 50px;
		top: 52px;
	}
	.custom-domain-conbox {
		width: 1020px;
		margin: auto;
	}
	.domain-conbox-four {
		margin-left: 225px;
	}
	.our-strong-wordbox {
		width: 70%;
	}
	.our-strong-wordbox li {
		margin-bottom: 20px;
	}
	.left-global img {
		width: 160px;
	}
	.left-global {
		bottom: -116px;
	}
	.wms-feature-rightbox {
		top: 180px;
	}
	.mes-banbox {
	    position: absolute;
	    left: 50%;
	    margin-left: -590px;
	    top: 16%!important;
	    color: #fff;
	    text-align: center;
	    z-index: 10;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
	.crm-leftimgbox {
		top: -50px;
	}
	.left-largebox {
		top: 917px;
	}
}

@media only screen and (min-width: 1500px) and (max-width: 1599px) {
	.crm-leftimgbox {
		top: 0px;
	}
	.our-strong-wordbox li {
		margin-bottom: 30px;
	}
	.left-largebox {
		top: 927px;
	}
}

@media only screen and (min-width: 1400px) and (max-width: 1499px) {
	.crm-leftimgbox {
		top: 130px;
		width: 40%;
	}
	.oa-rightimgbox {
		width: 25%;
		top: 120px;
	}
	.our-strong-wordbox li {
		margin-bottom: 20px;
	}
	.left-largebox {
		top: 937px;
	}
	.wms-feature-rightbox {
		top: 160px;
	}
}

@media only screen and (min-width: 1300px) and (max-width: 1399px) {
	.crm-leftimgbox {
		top: 150px;
		width: 40%;
	}
	.oa-rightimgbox {
		width: 22%;
		top: 140px;
	}
	.erp-anglebox {
		width: 85%;
		margin-left: 15%;
	}
	.left-largebox {
		top: 947px;
	}
}

@media only screen and (min-width: 1100px) and (max-width: 1299px) {
	.crm-leftimgbox {
		top: 170px;
		width: 40%;
	}
	.oa-rightimgbox {
		width: 22%;
		top: 160px;
	}
	.erp-anglebox {
		width: 85%;
		margin-left: 15%;
	}
	.left-largebox {
		top: 970px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 1600px) {
	.term-advantage-topbox {
		margin-top: -200px;
	}
	.right-largebox {
		top: 370px;
	}
	.barcord-banleft {
		width: 40%;
		margin-right: 5%;
		margin-left: 6%;
	}
	.barcord-banbox {
		height: 320px;
		margin-top: -160px;
	}
	.barcord-banright {
		margin-right: 12%;
		height: 270px;
		margin-top: 25px;
	}
	.barcord-banright-top {
		margin-top: 76px;
	}
}

@media only screen and (min-width: 1401px) and (max-width:1750px) {
	.left-global img {
		width: 200px;
	}
	.left-global {
		bottom: -144px;
	}
}

@media only screen and (min-width: 1401px) and (max-width:1921px) {
   .mes-banbox{
   	    top: 13%!important;
   	    
   }
   .mes-banbot{
   	    margin-bottom: 24px;
   }

}
@media only screen and (min-width: 1922px) {
   .mes-banbox{
   	    top: 9%!important;
   	    
   }
   .mes-banbot{
   	    margin-bottom: 24px;
   }

}
/*客服*/

.rides-cs {
	font-size: 12px;
	background: #29a7e2;
	position: fixed;
	top: 220px;
	right: 0px;
	_position: absolute;
	z-index: 1500;
	border-radius: 6px 0px 0 6px;
}

.rides-cs a {
	color: #00A0E9;
}

.rides-cs a:hover {
	color: #ff8100;
	text-decoration: none;
}

.rides-cs .floatL {
	width: 36px;
	float: left;
	position: relative;
	z-index: 1;
	margin-top: 21px;
	height: 181px;
}

.rides-cs .floatL a {
	font-size: 0;
	text-indent: -999em;
	display: block;
}

.rides-cs .floatR {
	width: 130px;
	float: left;
	padding: 5px;
	overflow: hidden;
}

.rides-cs .floatR .cn {
	background: #F7F7F7;
	border-radius: 6px;
	margin-top: 4px;
}

.rides-cs .cn .titZx {
	font-size: 14px;
	color: #333;
	font-weight: 600;
	line-height: 24px;
	padding: 5px;
	text-align: center;
}

.rides-cs .cn ul {
	padding: 0px;
}

.rides-cs .cn ul li {
	line-height: 38px;
	height: 38px;
	border-bottom: solid 1px #E6E4E4;
	overflow: hidden;
	text-align: center;
}

.rides-cs .cn ul li span {
	color: #777;
}

.rides-cs .cn ul li a {
	color: #777;
}

.rides-cs .cn ul li img {
	vertical-align: middle;
}

.rides-cs .btnOpen,
.rides-cs .btnCtn {
	position: relative;
	z-index: 9;
	top: 25px;
	left: 0;
	background-image: url(../img/shopnc.png);
	background-repeat: no-repeat;
	display: block;
	height: 146px;
	padding: 8px;
}

.rides-cs .btnOpen {
	background-position: -410px 0;
}

.rides-cs .btnCtn {
	background-position: -450px 0;
}

.rides-cs ul li.top {
	border-bottom: solid #ACE5F9 1px;
}

.rides-cs ul li.bot {
	border-bottom: none;
}

.rides-cs .cn ul li:last-child span {
	color: red;
}
.store_bussiness {
	width: 100%;
}
.store_bussiness_data {
	width: 100%;
}
.store_bussiness_top {
}
.store_bussiness_bottom {
	/*height: 630px;*/
}
.store_bussiness img,.store_bussiness_bottom img,.store_bussiness_top img,.store_bussiness_data img{
	width: 100%;
}
.barcord-store {
	height: 300px;
}
.barcord-casetop-store {
	padding: 36px 0;
	font-size: 34px;
    font-weight: 600;
    text-align: center;
}
.member_contain {
	padding: 0px 0px 20px;
}
.member_casetop {
	font-size: 50px;
	padding: 20px 0px 20px;
}
.member_memword {
	font-size: 40px;
}
.advantage-mes img{
	width: 100%;
}
.product-manage img,.product-manage img{
	width: 100%;
}
.barcord-word-example{
	font-size: 30px;
	color: #fff;
}
.wrap h3{
	font-size: 2.2vw;
	color: #fff;
	font-weight: bold;
	padding: 26px 46px;
}
.wrap p{
	font-size: 1.2vw;
	color: #fff;
    opacity: .7;
    padding: 0 46px;
}
.advantage-mes-22-wrap p{
	font-size: 1.6vw;
	color: #333333;
    opacity: .7;
    padding: 0 20px;
    text-indent: 3.2vw;
}
.order-title {
	position: absolute;
	top: 42%;
    width: 98%;
    text-align: center;
    font-size: 2.4vw;
    font-weight: bold;
    color: #6666ff;
}
.product-manage,.product-manage-26 {
	position: relative;
}
.product-manage-26 img{
	width: 100%;
}
.product-manage .product-desc{
	position: absolute;
	top: 30%;
}
.product-manage-26 .product-manage-desc{
	position: absolute;
    top: 54%;
    width: 62%;
    margin: 0 auto;
    display: block;
    left: 19%;
}
.product-manage-26 .product-manage-desc p{
	font-size: 1.2vw;
	color: #333333;
	opacity: .7;
}
.advantage-mes-22-right{
	width: 28%;
	height: 30%;
}
.advantage-mes-22-right .wrap{
	border: none;
}
.advantage-mes-22-right .wrap p{
	color: #333333;
	opacity: .7;
	font-size: 1.2vw;
	text-indent: 66px;
}
.product-manage .store-manage{
	position: absolute;
	top: 10%;
	color: #fff;
}
.product-manage .store-manage h3{
	font-size: 58px;
	text-align: center;
}
.product-manage .store-manage p{
	font-size: 1.6vw;
	text-align: center;
	width: 70%;
    left: 15%;
    position: relative;
}
.underline {
	width: 222px!important;
    display: block;
    margin: 0 auto;
    margin-top: 45px;
    position: relative;
    margin-bottom: 100px;
}
.underline2 {
	width: 222px!important;
    display: block;
    margin: 0 auto;
    margin-top: 45px;
    position: relative;
    margin-bottom: 60px;
}
.underline3{
	position: absolute;
    top: 43%;
    display: block;
    margin: 0 auto;
    left: 46%;
    background: #6666ff;
    width: 222px!important;
}
.trace-manage {
	position: relative;
}
.trace-manage img{
	width: 100%;
}
.trace-manage-desc{
	position: absolute;
	top: 10%;
	font-size: 20px;
	color: #fff;
}
.trace-manage-desc h3{
	font-size: 50px;
    text-align: center;
}
.trace-manage-desc p{
	font-size: 1.4vw;
    text-align: center;
    width: 63%;
    left: 15%;
    position: relative
}
.houban-example img{
    width: 100%;
}